@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;700&display=swap');

        .container {
            max-width: 1200px;
            width: 100%;
            margin: 0 auto;
        }

        :root {
            --principal-verde: #00C7AF;
            --principal-fucsia: #FF2569;
            --secundario-verde: #67EBDE;
            --secundario-rosa: #FFA9C6;
            --secundario-gris-claro: #808080;
            --secundario-gris-oscuro: #575756;
            --font-family: 'Work Sans', sans-serif;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
		
		html {
			font-size: 14px; /* Tamaño base */
		}		

        body {
            font-family: 'Work Sans', sans-serif;
            line-height: 1.6;
        }

        header .container {
            max-width: 1200px;
            margin: 0 auto;
        }

        header {
            background-color: #f2f2f2;
            padding: 20px 0;
        }

        .header-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .header-logo img {
            max-width: 160px;
        }

        nav {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 20px;
        }

        nav a {
            color: rgba(0, 0, 0, .8);
            text-decoration: none;
            font-weight: 400;
            font-size: 16px;
            transition: color 0.3s ease;
        }

        nav a:hover {
            color: #009fe3;
        }

        header .cta-button {
            background-color: var(--principal-fucsia);
            color: #ffffff;
            padding: 10px 20px;
            text-transform: uppercase;
            font-weight: bold;
            border-radius: 30px;
            text-decoration: none;
            display: inline-block;
            transition: background-color 0.3s ease;
        }

        header .cta-button:hover {
            background-color: #dd205b;
        }

        /* Estilos para el botón de menú hamburguesa */
        header .menu-toggle {
            display: none;
            flex-direction: column;
            cursor: pointer;
            margin-left: auto;
        }

        header .menu-toggle span {
            width: 25px;
            height: 3px;
            background-color: #333;
            margin: 3px 0;
            transition: transform 0.3s ease;
        }

        .header-content {
            flex-direction: row;
            flex-wrap: wrap;
        }

        .titulo-config {
            padding-top: 5%;
            padding-bottom: 2%;
            text-align: center;
            color: #dd205b;
        }

        /* Submenús solo para versión desktop */
        @media (min-width: 1025px) {
            nav {
                display: flex;
                flex-direction: row;
                gap: 40px;
                align-items: center;
            }

            nav ul {
                list-style: none;
                display: flex;
                gap: 40px;
                align-items: center;

            }

            nav ul li {
                position: relative;
            }

            nav ul li ul {
                display: none;
                position: absolute;
                top: 100%;
                left: 0;
                background-color: #f2f2f2;
                padding: 10px 0;
                list-style: none;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
                z-index: 100;
            }

            nav ul li:hover ul {
                display: block;
            }

            nav ul li ul li a {
                padding: 10px 20px;
                display: block;
                white-space: nowrap;
            }

            /* Alinear verticalmente el menú */
            nav {
                align-items: center;
                height: 100%;
            }

            .header-content {
                align-items: center;
            }
        }
		
		
        @media (max-width: 1250px) {		
			.container {
				max-width: 1100px;				
			}
        }
            
        /* Responsive Styles para mobile */
		
        @media (max-width: 1024px) {
		   header .container {
				max-width: 1200px;
				margin: 0 auto;
				padding: 0 20px;
			}
			
            header nav {
                margin-top: 10px;
                flex-direction: column;
                align-items: flex-start;
                gap: 20px;
                width: 100%;
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.5s ease-in-out;
            }

            header nav.active {
                max-height: 1500px;
            }

            header .menu-toggle {
                display: flex;
            }

            /* Submenús en mobile */
            nav ul li ul {
                margin-left: 20px; /* Desplazar submenús hacia la izquierda */
            }
			
			nav ul li {
               	padding:15px!important;
            }			


            nav ul li > a {
                font-weight: bold; /* Menús principales en negrita */
            }
        }

        @media (max-width: 480px) {
            .header-logo img {
                max-width: 200px;
            }

            nav a {
                font-size: 14px;
            }

            header .cta-button {
                font-size: 14px;
                padding: 8px 16px;
            }
        }
		
	
	
.modulo1 .carousel-container {
    font-family: 'Work Sans', sans-serif;
    position: relative;
	height: calc(100vh - 85px); 
    max-width: 100%;
    background-image: url('../img/1modulo1.webp');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: flex-start; /* Alineación a la izquierda dentro del contenedor */
    overflow-x: hidden; /* Evitar cualquier desplazamiento horizontal */
}

.modulo1 .carousel-content {
    text-align: left;
    color: #ffffff;
    padding: 30px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    max-width: 510px;

}


.modulo0 .carousel-container {
    font-family: 'Work Sans', sans-serif;
    position: relative;
	height: calc(100vh - 85px); 
    max-width: 100%;
    background-image: url('../img/1modulo1.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: flex-start; /* Alineación a la izquierda dentro del contenedor */
    overflow-x: hidden; /* Evitar cualquier desplazamiento horizontal */
}

.modulo0 .carousel-content {
    text-align: left;
    color: #ffffff;
    padding: 30px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    max-width: 510px;

}

/*
.modulo1 .carousel-container::before  {
	content: "";
	display: block;
	padding-top:  calc(100vh - 85px); 
 
}*/

.modulo0 .carousel-content h1 {
    font-family: 'Work Sans', sans-serif;
    font-size: 3.5vw;
    margin-bottom: 20px;
    font-weight: 700;
    line-height: 1.2;
}

.modulo0 .carousel-content p {
    font-size: 1.125rem;
    margin-bottom: 30px;
    font-weight: 400;
    line-height: 1.5;
}

.modulo0 .carousel-content a {
    padding: 10px 0px;
    background-color: #ffffff;
    color: var(--principal-fucsia);
    text-decoration: none;
    font-size: 1.125rem;
    font-weight: 700;
    border-radius: 50px;
    transition: background-color 0.3s ease;
    margin: 0 auto;
    display: block;
    text-align: center;
    max-width: 250px;
}

.modulo0 .carousel-content a:hover {
    background-color: #cfcfcf;
}		

/* Responsive Styles */
@media (max-width: 768px) {
    .modulo0 .carousel-content {
        background-color: rgba(0, 0, 0, 0.5);
    }
    .modulo0 .carousel-container {
        background-size: cover;           
        background-position: 75% 50%;
        background-repeat: no-repeat;
    }
    
}

@media (max-width: 480px) {
    .modulo0 .carousel-content {
        background-color: rgba(0, 0, 0, 0.5);
    }
    .modulo0 .carousel-container {
        background-size: cover;           
        background-position: 75% 50%;
        background-repeat: no-repeat;
    }
}

.modulo1 .carousel-content h1 {
    font-family: 'Work Sans', sans-serif;
    font-size: 3.5vw;
    margin-bottom: 20px;
    font-weight: 700;
    line-height: 1.2;
}

.modulo1 .carousel-content p {
    font-size: 1.125rem;
    margin-bottom: 30px;
    font-weight: 400;
    line-height: 1.5;
}

.modulo1 .carousel-content a {
    padding: 10px 0px;
    background-color: #ffffff;
    color: var(--principal-fucsia);
    text-decoration: none;
    font-size: 1.125rem;
    font-weight: 700;
    border-radius: 50px;
    transition: background-color 0.3s ease;
    margin: 0 auto;
    display: block;
    text-align: center;
    max-width: 250px;
}

.modulo1 .carousel-content a:hover {
    background-color: #cfcfcf;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .modulo1 .carousel-container {
        height: 400px;
        padding-left: 20px;
    }

    .modulo1 .carousel-content h1 {
        font-size: 2rem;
    }

    .modulo1 .carousel-content p {
        font-size: 1rem;
    }

    .modulo1 .carousel-content a {
        font-size: 1rem;
        padding: 12px 30px;
    }

	.modulo1 .carousel-container {	
		background: #f0f0f2; /* Cambia el fondo a un color sólido */
	}
	
	
}

@media (max-width: 480px) {
    .modulo1 .carousel-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .modulo1 .carousel-content h1 {
        font-size: 1.75rem;
    }

    .modulo1 .carousel-content p {
        font-size: 0.875rem;
    }

    .modulo1 .carousel-content a {
        font-size: 0.875rem;
        padding: 10px 20px;
    }
}

.subtitulo {
    font-size: 1.3rem;
}

.modulo2 {
    background-color: #e8e8e8;
}

.modulo2 .text-section {
    padding: 40px 20px;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    font-family: var(--font-family);
}

.modulo2 .section-title {
    font-size: 2rem;
    font-weight: 700; /* Negrita */
	color:var(--principal-fucsia);
    margin-bottom: 20px;
}

.modulo2 .section-description {
    font-size: 1.5rem;
    font-weight: 400; /* Regular */
    color: #555555;
    line-height: 1.6;
    margin-bottom: 0;
}

.modulo2 .highlighted-text {
    color: var(--principal-fucsia);
    font-weight: 700; /* Negrita para resaltar */
}
.modulo3 .button-section {
        text-align: center;
        margin: 40px 0;
        padding: 0 20px;
    }

    .modulo3 .centered-button h2 {
        background-color: var(--principal-verde);
        color: #ffffff;
        border: none;
        padding: 15px 30px;
        font-size: 1.5rem;
        font-weight: bold;
        border-radius: 50px;
        display: inline-block;
        transition: background-color 0.3s ease;
        margin: 0;
    }

    .modulo3 .highlighted-text {
        font-size: 2rem;
        font-weight: 900;
    }


    .modulo3 .verification-list {
        margin-top: 40px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 10px;
    }

    .modulo3 .verification-row {
        display: flex;
        justify-content: center;
        align-items: flex-start; /* Alinea los íconos y textos verticalmente */
        gap: 20px;
        width: 100%;
    }

    .modulo3 .verification-list p {
        font-size: 1.5rem;
        color: #333333;
        display: flex; /* Cambia a flex para alinear correctamente */
        align-items: center; /* Alinea el ícono y texto verticalmente */
        margin: 8px;
    }

    .modulo3 .verification-list p::before {
        content: "✔";
        font-size: 1.5rem;
        color: var(--principal-verde);
        background-color: #ffffff;
        border: 2px solid #00c7af;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 10px;
    }

    /* Ajuste solo para pantallas pequeñas */
    @media (max-width: 768px) {
        .modulo3 .verification-row {
            display: grid; /* Cambia a grid para manejar columnas en móviles */
            grid-template-columns: repeat(1, minmax(0, 1fr)); /* Dos columnas en móvil */
            gap: 10px;
            justify-items: start; /* Alinea cada celda a la izquierda */
        }

        .modulo3 .verification-list p {
            justify-content: center; /* Alinea el contenido del p a la izquierda */
        }
		
		.modulo3 .highlighted-text {
			font-size: 1.4rem;
			font-weight: 900;
		}
		
		.modulo3 .verification-list {
			padding-left:30%;	
            gap: 10px;
			
		}

    }

    @media (max-width: 480px) {
        .modulo3 .centered-button h2 {
            font-size: 1rem;
            padding: 8px 15px;
        }

        .modulo3 .highlight {
            font-size: 1.2rem;
        }

        .modulo3 .verification-row {

        }
		
		.modulo3 .verification-list p {
			font-size: 0.9rem;		
		}
    }
.modulo4 {
        font-family:var(--font-family);
        margin: 0;
        padding: 0;
        background: url('../img/1modulo4.webp') left 65% bottom no-repeat #f0f0f2;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-size: contain;
		height: auto;
    }
	
	.modulo4::before  {
		content: "";
		display: block;
		padding-top:  calc(700 / 1920 * 100%); 	
	}			

    .modulo4 #divRegistroForm {
        background-color: #f5f5f5; /* Fondo gris claro del formulario */
        padding: 0;
        border-radius: 20px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        max-width: 400px;
        width: 100%;
        margin-right: 30px;
        overflow: hidden; /* Asegurar que los bordes redondeados se apliquen correctamente */
    }

    /* Parte superior del formulario (fondo negro) */
    .modulo4 .form-header {
        background-color: var(--secundario-gris-oscuro);
        padding: 20px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        text-align: center;
        color: #fff; /* Texto blanco */
    }

    .modulo4 .form-header p {
        font-size: 12px;
        color: var(--principal-fucsia); /* Texto rosa personalizado para el subtítulo */
        margin-top: 5px;
    }

    /* Parte intermedia (campos de formulario) */
    .modulo4 .form-body {
        padding: 20px 40px; /* Ampliación de márgenes laterales */
    }

    .modulo4 .form-body input {
        width: 100%;
        padding: 12px;
        margin-bottom: 15px;
        border: 1px solid #ccc;
        border-radius: 10px; /* Bordes redondeados de los campos */
        font-size: 1rem;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra sutil alrededor de los campos */
    }

    .modulo4 .form-body small {
        font-size: 12px;
        color: #666;
        text-align: left;
        display: block;
        margin-bottom: 10px;
    }

    /* Parte inferior del formulario (fondo rosa con botón) */
    .modulo4 .form-footer {
        background-color:var(--principal-fucsia);
        padding: 20px 0; /* Ajuste del padding superior e inferior */
        text-align: center;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    /* Estilo del botón */
    .modulo4 .form-footer a {
        background-color: #fff; /* Fondo blanco del botón */
        color: var(--principal-fucsia);
        border: 2px solid #ff0066; /* Borde rosa personalizado */
        padding: 12px;
        border-radius: 25px;
        text-decoration: none;
        font-size: 1.1rem;
        font-weight: 600; /* Grosor del texto del botón */
        display: inline-block;
        width: 80%; /* Ajuste del ancho del botón para que quede centrado */
        max-width: 250px;
        margin: 0 auto; /* Centrado automático */
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Sombra sutil alrededor del botón */
        transition: background-color 0.3s ease;
    }

    /* Cambio de color al hacer hover en el botón */
    .modulo4 .form-footer a:hover {
        background-color: #ff0066; /* Fondo rosa personalizado al hacer hover */
        color: #fff; /* Texto blanco al hacer hover */
    }
	
	
	
	@media (max-width: 1450px) {
	  
	  .modulo4 #divRegistroForm {
			min-width: 400px;

	  }
	  
	  
		.modulo4 .form-body {
			padding: 10px 20px; /* Ampliación de márgenes laterales */
		}
	
		.modulo4 h2{
			font-size:1rem;
		}
		
		.modulo4 .form-body input {
			padding:8px;
		}
	
	}

	@media (max-width: 1150px) {
	  
	  .modulo4 #divRegistroForm {
			min-width: 400px;
			margin:50px;

	  }
	  
	  
		.modulo4 .form-body {
			padding: 10px 20px; /* Ampliación de márgenes laterales */
		}
	
		.modulo4 h2{
			font-size:1rem;
		}
		
		.modulo4 .form-body input {
			padding:8px;
		}
		
		.modulo4::before  {
			content: "";
			display: block;
			padding-top:  0px; 	
		}

		.modulo4 .container {	
			display: flex; /* Cambia el fondo a un color sólido */
			justify-content: center;
		}		

		.modulo4 {	
			background: #f0f0f2; /* Cambia el fondo a un color sólido */
		}
			
		
	}
	
	@media (max-width: 767px) {
	  
	  .modulo4 #divRegistroForm {
			min-width: 200px;
			max-width: 300px;

	  }	  
		
	}
	
	
	
.modulo5 .pricing-section {
            background-color: var(--principal-fucsia);;
            padding: 20px;
            width: 100%;
            box-sizing: border-box;
            text-align: center;

        }

        .modulo5 .pricing-section h2 {
            font-size: 2rem;
            margin: 0;
            font-weight: 700;
            color: white;
        }

        .modulo5 .pricing-description {
            background-color: #f0f0f0;
            padding: 20px;
            width: 100%;
            box-sizing: border-box;
            text-align: center;
        }

        .modulo5 .pricing-description p {
            margin: 5px 0;
            font-size: 1.55rem;
            color: var(--principal-gris-oscuro);
        }

        .modulo5 .pricing-description p strong {
            font-weight: 700;
        }

        .modulo5 .pricing-buttons {
            background-color: #f0f0f0;
            padding: 20px 0;
            width: 100%;
            box-sizing: border-box;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px;
            text-align: center;
        }

        .modulo5 .pricing-button {
            background-color:var(--secundario-gris-oscuro);
            color: white;
            padding: 10px 30px;
            border-radius: 25px;
            font-size: 1.125rem;
            text-transform: uppercase;
            font-weight: 700;
            cursor: pointer;
            transition: background-color 0.3s ease;
            text-decoration: none;
            flex: 1 1 calc(25% - 20px);
            max-width: 220px;
            box-sizing: border-box;
        }

        .modulo5 .pricing-button:hover {
            background-color: #555555;
        }

        @media (max-width: 768px) {
            .modulo5 .pricing-button {
                flex: 1 1 calc(50% - 20px);
                max-width: none;
            }
			
			.modulo5 .pricing-buttons {
				padding-left: 25px; 
				padding-right: 25px; 
            }		

        }

        @media (max-width: 480px) {
            .modulo5 .pricing-section h2 {
                font-size: 2rem;
            }

            .modulo5 .pricing-button {
                flex: 1 1 100%;
            }
        }
.modulo6 {
            padding: 50px 20px;           
        }

        .modulo6 .benefits-title-wrapper {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 40px;
            overflow: hidden;
        }

        .modulo6 .benefits-title {
            background-color:var(--secundario-gris-oscuro);
            color: white;
            font-size: 2rem;
            font-weight: 700;
            padding: 15px 180px; /* Margen expandido para hacerlo más ancho */
            transform: skewX(-10deg);
            display: inline-block;
            position: relative;
        }

        .modulo6 .benefits-title span {
            transform: skewX(10deg);
            display: inline-block;
        }

        .modulo6 .benefits-list {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 30px;
            margin: 40px 0;
            flex-wrap: wrap;
        }

        .modulo6 .benefit-item {
            text-align: center;
            margin: 0 10px;
        }
		
		.modulo6 .benefit-item img{
            max-width:60%;
        }
		
        .modulo6 .benefit-icon {
            background-color: var(--principal-fucsia);
            width: 100px;
            height: 100px;
            border-radius: 50%;
            margin-bottom: 15px;
            display: inline-block;
        }

        .modulo6 .benefit-label {
            font-size: 1.25rem;
            color: #ff0066;
            font-weight: 700;
        }

        .modulo6 .benefits-description {
            max-width: 600px;
            margin: 0 auto;
            font-size: 1.25rem;
            color: #666666;
            line-height: 1.4;
			text-align:center;
        }

        @media (max-width: 768px) {
            .modulo6 .benefits-title {
                padding: 15px 80px; /* Reduce el padding en pantallas más pequeñas */
            }


			.modulo6 .benefit-item{
				margin:0px;
			}
			
			.modulo6 .benefit-item img{
				width:80%
			}

			.modulo6 .benefits-list {
				
				display: grid; /* Cambia a grid para manejar columnas en móviles */
				grid-template-columns: repeat(2, minmax(0, 1fr)); /* Dos columnas en móvil */
			}	
				
			
            .modulo6 .benefits-title-wrapper {
                padding: 0 20px; /* Añade padding lateral para evitar cortes */
            }

            .modulo6 .benefits-list {
                gap: 20px;
            }

            .modulo6 .benefits-description {
                padding: 0 10px;
            }
        }

        @media (max-width: 480px) {
            .modulo6 .benefits-title {
                font-size: 1.5rem;
                padding: 10px 60px;
            }

            .modulo6 .benefits-list {
                gap: 15px;
            }

            .modulo6 .benefits-title-wrapper {
                padding: 0 15px; /* Asegura margen en pantallas muy pequeñas */
            }
        }
.modulo8 {
            display: flex;
            width: 100%;
            background-color: #ffffff;
            border-radius: 0;
            overflow: hidden;
            box-sizing: border-box;
            align-items: center;
        }

        .modulo8 .integration-text {
            background-color: #ffffff;
            color: var(--principal-verde);
            padding: 40px 20px;
            width: 35%;
            text-align: center;
            box-sizing: border-box;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .modulo8 .integration-text h2 {
            font-size: 1.8rem;
            color: var(--principal-verde);
            font-weight: 700;
            margin: 0;
            line-height: 1.3;
        }

        .modulo8 .integration-logos {
            background-color: var(--principal-verde);
            color: white;
            width: 65%;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-template-rows: repeat(4, 1fr);
            gap: 30px;
            padding: 60px 70px 60px 120px; /* Amplía el margen lateral izquierdo */
            border-bottom-left-radius: 100px;
            box-sizing: border-box;
            justify-content: center;
			justify-items: center;
        }

        .modulo8 .logo-item {   
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .modulo8 .logo-item img {
            max-width: 100%;
            max-height: 100%;
            border-radius: 50px;
        }

        @media (max-width: 768px) {
		
		    .modulo8 {
                flex-direction: column;
            }
			
            .modulo8 .integration-section {
                flex-direction: row;
            }

            .modulo8 .integration-text, .modulo8 .integration-logos {
                width: 100%;
            }

            .modulo8 .integration-logos {
                grid-template-columns: repeat(2, 1fr);
                grid-template-rows: repeat(3, 1fr);
                border-bottom-left-radius: 0;
                padding: 40px 20px;
            }

            .modulo8 .logo-item {
                height: 50px;
                width: 70%;
            }
			
			.modulo8 .integration-logos {
				grid-template-columns: repeat(2, 1fr);
				grid-template-rows: repeat(3, 1fr);
				padding: 20px;
			}

			.modulo8 .logo-item {
				height: 40px;
				width: 80%;
			}
	
        }

        @media (max-width: 480px) {
            .modulo8 .integration-logos {
				grid-template-columns: repeat(2, 1fr);
				grid-template-rows: repeat(3, 1fr);
                padding: 20px;
            }

            .modulo8 .logo-item {
                height: 40px;
                width: 80%;
            }
        }
.modulo9 {
	
		background-image: url('/AR/industrias/erp-ecommerce/assets//img/1modulo9.webp');
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;

        font-family: var(--font-family);
        margin: 0;
        margin-top: 40px;
        display: flex;
        align-items: center;
        /*max-height: 480px;*/		
        color: white;
        width: 100%;
        justify-content: space-between;			
    }

	.modulo9::before  {
		content: "";
		display: block;
		padding-top:  calc(520 / 1920 * 100%); 	
	}	

    /* Nuevo contenedor con ancho máximo */
     .modulo9 .container {
		 padding: 40px;
        /* max-width: 1130px; */		
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;		
    }

    .modulo9 .banner-content {
        max-width: 700px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 1.125rem;
    }

    .modulo9 .banner-content h2 {
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .modulo9 .banner-content p {
        margin-bottom: 40px;
    }

    .modulo9 .banner-button {
        background-color: var(--principal-verde);
        color: white;
        font-size: 1.2rem;
        font-weight: bold;
        padding: 15px 100px;
        border: none;
        border-radius: 50px;
        cursor: pointer;
        text-decoration: none;
        align-self: flex-start; /* Solo en escritorio */
    }



    @media (max-width: 768px) {
        .modulo9 {
            flex-direction: column;
            text-align: center;
            max-height: 100%;
        }

        .modulo9 .container {
            flex-direction: column;
        }

        .modulo9 .banner-content {
            max-width: 100%;
            align-items: center;
        }

        .modulo9 .banner-button {
            align-self: center; /* Centrar el botón en móviles */
            padding: 15px 50px; /* Ajustar el tamaño del botón para móviles */
        }

        .modulo9 .banner-arrow {
            display:none;
        }		
		
		.modulo9  {
			background: #f0f0f2;
			margin-top:0px;		
		}		
		
		.modulo9 h2, .modulo9 p{
			color:black;	
		}
		
		.modulo9::before  {
			content: "";
			display: block;
			padding-top:  0px; 	
		}		
		
		
		
    }
.modulo10 {
            font-family: var(--font-family);
            background-color: #ffffff;
            color: #333;
            padding: 20px;
        }

        .modulo10 .faq-section {
            max-width: 600px;
            margin: 0 auto;
        }
		
		
        .modulo10 h3 {
            font-weight: 100;
        }
		
		
        .modulo10 .faq-title {
            font-size: 1.8rem;
            font-weight: bold;
            color: var(--principal-verde);
            text-align: center;
            margin-bottom: 20px;
            margin-top: 20px;
        }

        .modulo10 .faq-item {
            background-color: #f2f2f2;
            border-radius: 50px;
            padding: 15px 20px;
            margin-bottom: 10px;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: background-color 0.3s ease;
            position: relative;
        }

        .modulo10 .faq-item:hover {
            background-color: #e0e0e0;
        }

        .modulo10 .faq-item .plus-icon {
            font-size: 1.5rem;
            font-weight: bold;
            color: #333;
        }

        .modulo10 .faq-content-wrapper {
            overflow: hidden;
            max-height: 0;
            transition: max-height 0.5s ease-out;
            margin-top: 10px;
            background-color: #ffffff;
            border-radius: 10px;
            padding: 0 15px;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
        }

        .modulo10 .faq-content {
            padding: 15px 0;
            font-size: 1rem;
            color: #666;
        }
.modulo11 .carousel-container {
		position: relative;
		max-width: 100%;
		background-image: url('/AR/industrias/erp-ecommerce/assets/img/1modulo11.webp');
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		display: flex;
		align-items: center;
		justify-content: flex-start; /* Alineación a la izquierda */
	}

	.modulo11 .carousel-content {
		text-align: left;
		color: #ffffff;
		padding: 30px;
		background-color: rgba(0, 0, 0, 0.5); /* Fondo semitransparente para mejorar la legibilidad */
		border-radius: 8px;
		max-width: 750px;
	}
	
	.modulo11 .carousel-container::before  {
		content: "";
		display: block;
		padding-top:  calc(700 / 1920 * 100%); 	
	}			
	
	


	.modulo11 .carousel-content h2 {
		font-size: 2rem;
		margin-bottom: 20px;
		font-weight: 700;
		line-height: 1.2;
	}

	.modulo11 .carousel-content p {
		font-size: 1.125rem;
		margin-bottom: 30px;
		font-weight: 400;
		line-height: 1.5;
	}

	.modulo11 .carousel-content a {
		display: inline-block;
		padding: 15px 40px;
		background-color: #ffffff; /* Color exacto del botón en la página de Contabilium */
		color: #e94057;
		text-decoration: none;
		font-size: 1.125rem;
		font-weight: 700;
		border-radius: 50px; /* Bordes más redondeados como en el sitio original */
		transition: background-color 0.3s ease;
	}

	.modulo11 .carousel-content a:hover {
		background-color: #d8354c; /* Tono más oscuro para el hover */
	}

	/* Responsive Styles */
	@media (max-width: 768px) {
		.modulo11 .carousel-container {
			padding-left: 20px; /* Ajuste para pantallas más pequeñas */
			padding-right: 20px;
			background: #f0f0f2; /* Cambia el fondo a un color sólido */

		}

		.modulo11 .carousel-content h2 {
			font-size: 2rem;
		}

		.modulo11 .carousel-content p {
			font-size: 1rem;
		}

		.modulo11 .carousel-content a {
			font-size: 1rem;
			padding: 12px 30px;
		}
	}

	@media (max-width: 480px) {
		.modulo11 .carousel-container {
			max-height: 100%;
			padding-left: 15px; /* Ajuste para pantallas pequeñas */
			
		}

		.modulo11 .carousel-content h1 {
			font-size: 1.75rem;
		}

		.modulo11 .carousel-content p {
			font-size: 1rem;
		}

		.modulo11 .carousel-content a {
			font-size: 0.875rem;
			padding: 10px 20px;
		}
	}
.modulo12 {
		font-family: var(--font-family);
		background-color: #ffffff;
		color: #333;
		margin: 0;
		padding: 20px;
	}

	.modulo12 .container {
		display: flex;
		flex-direction: row;
		gap: 10px;
		max-width: 1200px;
		margin: 0 auto;
		align-items: flex-start;
		flex-wrap: wrap; /* Permite que los elementos se ajusten en pantallas pequeñas */
	}

	.modulo12 .left-section,
	.modulo12 .right-section {
		padding: 20px;
		border-radius: 10px;
		box-sizing: border-box; /* Asegura que el padding no afecte el tamaño total */
	}

	.modulo12 .left-section {
		flex: 1;
		background-color: #f0f0f2;
		border-bottom-right-radius: 50px;
		color: #666666;
		padding-left: 40px;
		min-width: 300px; /* Asegura que la sección no se haga demasiado pequeña */
		margin-bottom: 20px; /* Añade un margen inferior para espacio en dispositivos pequeños */
	}

	.modulo12 .left-section h3 {
		color:  var(--principal-verde);
		font-size: 1.25rem;
		margin-bottom: 20px;
	}

	.modulo12 .left-section ul {
		list-style: none;
		padding-left: 0;
		margin-top: 0;
	}

	.modulo12 .left-section ul li {
		margin-bottom: 10px;
		font-size: 1rem;
		position: relative;
		padding-left: 1.5em;
	}

	.modulo12 .left-section ul li::before {
		content: "•";
		color: #666666;
		font-weight: bold;
		position: absolute;
		left: 0;
		top: 0;
	}

	.modulo12 .right-section {
		flex: 2;
		background-color: #ffffff;
		padding: 20px;
		border-radius: 10px;
		margin-left: 10px;
		min-width: 300px; /* Asegura que la sección no se haga demasiado pequeña */
	}

	.modulo12 .right-section h2 {
		color:  var(--principal-verde);
		font-size: 2rem;
		margin-top: 0;
		margin-bottom: 20px;
	}

	.modulo12 .right-section p {
		font-size: 1.25rem;
		line-height: 1.5;
		color: #333;
	}

	.modulo12 .right-section p strong {
		color: #333;
		font-weight: bold;
	}

	.modulo12 .right-section p a {
		color: #009fe3;
		text-decoration: none;
	}

	@media (max-width: 768px) {
		.modulo12 .container {
			flex-direction: column; /* Cambia a disposición vertical en pantallas pequeñas */
		}

		.modulo12 .right-section {
			margin-left: 0; /* Elimina el margen izquierdo en pantallas pequeñas */
		}

		.modulo12 .left-section,
		.modulo12 .right-section {
			min-width: 100%; /* Asegura que las secciones ocupen todo el ancho en pantallas pequeñas */
		}
	}
.modulo14 {
            font-family: 'Work Sans', sans-serif;
            background-color: #ffffff;
            color: #333;
            margin: 0;
            padding: 0;
        }

        .modulo14 .container {
            max-width: 1200px;
            margin: 0 auto;
            background-color: #ffffff;
            border-radius: 10px;
        }

        .modulo14 .header {
            background-color: #5f5bd7;
            color: #ffffff;
            padding: 15px 20px;
            font-size: 2rem;
            font-weight: bold;
            display: flex;
            align-items: center;
            margin-bottom: 20px;
            border-bottom-right-radius: 50px;
			justify-content:center;
			margin:5%;
        }

        .modulo14 .header .icon {
            font-size: 2rem;
            margin-right: 10px;
        }

        .modulo14 .content {
            font-size: 1.25rem;
            color: #333;
            line-height: 1.5;
            margin-left: 50px; /* Ampliado el margen lateral izquierdo */
            margin-right: 50px; /* Ampliado el margen lateral derecho */
        }

        .modulo14 .content p {
            margin-bottom: 20px;
        }

        .modulo14 .content ol {
            padding-left: 20px;
        }

        .modulo14 .content ol li {
            margin-bottom: 20px;
            font-size:  1.25rem;
            line-height: 1.5;
            display: flex;
            align-items: flex-start;
        }

        .modulo14 .content ol li span, .modulo14 .content ol li strong  {
            color: #5f5bd7;
            font-weight: bold;
            font-size: 1.25rem;
            margin-right: 10px;
            min-width: 30px;
            text-align: right;
        }

        .modulo14 .content ol li p {
            margin: 0;
        }

        .modulo14 .content ol li p a {
            text-decoration: none;
            font-weight: bold;
        }

        @media (max-width: 768px) {
            .modulo14 .header {
                flex-direction: column;
                text-align: center;
                border-radius: 50px; /* Añade un radio en dispositivos pequeños */
            }

            .modulo14 .header .icon {
                display:none;
            }

            .modulo14 .content {
                margin-left: 20px; /* Ajusta el margen en pantallas pequeñas */
                margin-right: 20px; /* Ajusta el margen en pantallas pequeñas */
            }
        }
.modulo15 {
            font-family: var(--font-family);
            background-color: #ffffff;
            color: #333;
            margin: 0;
            padding: 0;
        }

        .modulo15 .container {
            max-width: 1000px;
            margin: 0 auto;
            padding: 20px;
        }

        .modulo15 .header {
            color:  var(--principal-verde);
            font-size: 2rem;
            font-weight: bold;
            text-align: center;
            margin-bottom: 20px;
            max-width: 80%;
            margin: 0 auto 20px;
        }

        .modulo15 .content {
            font-size: 1.5rem;
            text-align: left;
            margin-bottom: 20px;
            margin-left: auto;
            margin-right: auto;
            max-width: 90%;
        }

        .modulo15 .requirements {
            display: grid;
            grid-template-columns: 1fr 1fr; /* Dos columnas */
            gap: 20px; /* Espacio entre los ítems */
            max-width: 90%;
            margin: 0 auto;
        }

        .modulo15 .requirement-item {
            display: flex;
            align-items: flex-start;
            padding: 10px;
            border-radius: 10px;
        }

        .modulo15 .requirement-item .icon {
            font-size: 1.2rem; /* Tamaño reducido del ícono */
            color: #00c7af;
            margin-right: 10px;
            background-color: white;
            border: 2px solid  var(--principal-verde);;
            width: 24px; /* Tamaño más pequeño */
            height: 24px; /* Tamaño más pequeño */
            display: flex;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;
        }

        .modulo15 .requirement-item p {
            margin: 0;
            font-size: 1rem;
            color: #666666;
            max-width: 90%;
        }

        .modulo15 .requirement-item p strong {
            color: #333333;
            font-weight: bold;
            display: block;
            margin-bottom: 5px;
        }

        @media (max-width: 768px) {
            .modulo15 .header {
                margin-bottom: 15px;
            }

            .modulo15 .content {
                margin-left: 10px;
                margin-right: 10px;
            }

            .modulo15 .requirements {
                grid-template-columns: 1fr; /* Una columna en pantallas pequeñas */
            }

            .modulo15 .requirement-item {
                margin-bottom: 10px;
            }
        }
		
		.modulo16 {
					font-family: 'Montserrat', sans-serif;
				}

        .modulo16 .carousel-container {
            position: relative;
            max-width: 100%;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            display: flex;
            align-items: center;
            justify-content: flex-start; /* Alineación a la izquierda */
        }
		.modulo16 .fondo-uno{
            background-image: url('/AR/industrias/software-inventario-pymes/assets/img/Foto');
            background-image: url('/AR/industrias/erp-ecommerce/assets/img/Foto1LandingeCommerce.webp');

        }

        .titulo_preguntas {
            font-size: 1.5rem;
        
        }

        .modulo16 .fondo-dos{
            background-image: url('/AR/industrias/erp-ecommerce/assets/img/Foto2LandingeCommerce.jpg');

        }
        .modulo16 .carousel-container::before  {
			content: "";
			display: block;
			padding-top:  calc(655 / 1920 * 100%); 
        }	
		

        .modulo16 .carousel-content {
            text-align: left;
            color: #ffffff;
            padding: 30px;
            background-color: rgba(0, 0, 0, 0.5); /* Fondo semitransparente para mejorar la legibilidad */
            border-radius: 8px;
            max-width: 450px;
        }
		
        .modulo16 .carousel-container::before  {
			content: "";
			display: block;
			padding-top: 34.1%; 
        }		

        .modulo16 .carousel-content h2 {
            font-size: 2rem;
            margin-bottom: 20px;
            font-weight: 700;
            line-height: 1.2;
        }

        .modulo16 .carousel-content p {
            font-size: 1.125rem;
            margin-bottom: 30px;
            font-weight: 400;
            line-height: 1.5;
        }

        .modulo16 .carousel-content a {
            display: inline-block;
            padding: 15px 40px;
            background-color: #ffffff; /* Color exacto del botón en la página de Contabilium */
            color: #e94057;
            text-decoration: none;
            font-size: 1.125rem;
            font-weight: 700;
            border-radius: 50px; /* Bordes más redondeados como en el sitio original */
            transition: background-color 0.3s ease;
        }

        .modulo16.carousel-content a:hover {
            background-color: #d8354c; /* Tono más oscuro para el hover */
        }

        /* Responsive Styles */
        @media (max-width: 768px) {
            .modulo16 .carousel-container {
                height: 400px;
                padding-left: 20px; /* Ajuste para pantallas más pequeñas */
            }

            .modulo16 .carousel-content h1 {
                font-size: 2rem;
            }

            .modulo16 .carousel-content p {
                font-size: 1rem;
            }

            .modulo16 .carousel-content a {
                font-size: 1rem;
                padding: 12px 30px;
            }
			
			.modulo16 .carousel-container {	
				background: #f0f0f2; /* Cambia el fondo a un color sólido */
			}
            .modulo16 .fondo-uno{
                background-image: url('/AR/industrias/erp-ecommerce/assets/img/1modulo16.webp');
                background-size: cover;           
                background-position: center;      
                background-repeat: no-repeat; 
    
            }
            .modulo16 .fondo-dos{
                background-image: url('/AR/industrias/erp-ecommerce/assets/img/1modulo162.webp');
                background-size: cover;           
                background-position: center;      
                background-repeat: no-repeat;
            }
        }

        @media (max-width: 480px) {
            .modulo16 .carousel-container {
                height: 300px;
                padding-left: 15px; /* Ajuste para pantallas pequeñas */
				background: #f0f0f2; /* Cambia el fondo a un color sólido */
                padding-right: 15px;
            }
            .modulo16 .carousel-content  {
                text-align: center;
            }
            .modulo16 .carousel-content h1 {
                font-size: 1.75rem;
            }

            .modulo16 .carousel-content p {
                font-size: 0.875rem;
            }

            .modulo16 .carousel-content a {
                font-size: 0.875rem;
                padding: 10px 20px;
            }
            .modulo16 .fondo-uno {
                background-image: url('/AR/industrias/erp-ecommerce/assets/img/1modulo16.webp');
                background-size: cover;           
                background-position: center;      
                background-repeat: no-repeat;     
              }
              
            .modulo16 .fondo-dos{
                background-image: url('/AR/industrias/erp-ecommerce/assets/img/1modulo162.webp');
                background-size: cover;           
                background-position: center;      
                background-repeat: no-repeat;
    
            }
        }
.modulo17 {
            font-family: var(--font-family);
            background-color: #ffffff;
            color: #333;
            margin: 0;
            padding: 0;
        }

        .modulo17 .container {
            max-width: 1000px;
            margin: 0 auto;
            padding: 20px;
        }

        .modulo17 .header {
            text-align: left;
            margin-bottom: 20px;
        }

        .modulo17 .header p {
            font-size: 1.5rem;
            max-width: 800px;
            line-height: 1.5;
            margin: 40px auto 30px;
        }

        .modulo17 .features {
            display: grid;
            grid-template-columns: 1fr;
            gap: 15px;
            margin-top: 20px;
			margin-bottom: 50px;
        }

        .modulo17 .feature-item {
            padding: 25px;
            border: 2px solid #f2f2f2;
            border-radius: 50px;
            background-color: #ffffff;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            display: flex;
            flex-direction: column;
            line-height: 1.1;
            color: var(--principal-verde);
        }

        .modulo17 .feature-item strong {
            font-size: 1.5rem;
            margin-bottom: 5px;
            display: inline;
        }

        .modulo17 .feature-item p {
            font-size: 1.2rem;
            line-height: 1.1;
            margin: 5px 0;
            display: inline; /* Hace que el párrafo esté en línea con el strong */
        }

        @media (max-width: 768px) {
            .modulo17 .container {
                padding: 10px;
            }

            .modulo17 .header,.modulo17 .features {
                padding: 15px;
            }
			
            .modulo17 .header p {
                line-height: 1.4;
            }

            .modulo17 .feature-item {
                padding: 20px;
            }

            .modulo17 .feature-item strong {
            }

            .modulo17 .feature-item p {
                line-height: 1.3;
            }
        }
.modulo18 {
    font-family: 'Montserrat', sans-serif;
}

.modulo18 .carousel-container {
    position: relative;
    width: 100%;
    background-image:  url('/AR/industrias/erp-ecommerce/assets/img/1modulo18.webp');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center; /* Centra el contenedor */
    align-items: center;
}

.modulo18 .carousel-container::before  {
	content: "";
	display: block;
	padding-top:  calc(590 / 1920 * 100%); 
}		

		
.modulo18 .container {
	display: flex;   
    justify-content: flex-end; /* Alinea el contenido a la derecha dentro del contenedor */

}

.modulo18 .carousel-content {
    text-align: left;
    color: #ffffff;
    padding: 30px;
    background-color: rgba(0, 0, 0, 0.5); /* Fondo semitransparente para mejorar la legibilidad */
    border-radius: 8px;
    max-width: 750px;
}

.modulo18 .carousel-content h2 {
    font-size: 2rem;
    margin-bottom: 20px;
    font-weight: 700;
    line-height: 1.2;
}

.modulo18 .carousel-content p {
    font-size: 1.125rem;
    margin-bottom: 30px;
    font-weight: 400;
    line-height: 1.5;
}

.modulo18 .carousel-content a {
    display: inline-block;
    padding: 15px 40px;
    background-color: #ffffff; /* Color exacto del botón en la página de Contabilium */
    color: #e94057;
    text-decoration: none;
    font-size: 1.125rem;
    font-weight: 700;
    border-radius: 50px; /* Bordes más redondeados como en el sitio original */
    transition: background-color 0.3s ease;
}

.modulo18 .carousel-content a:hover {
    background-color: #d8354c; /* Tono más oscuro para el hover */
}

/* Responsive Styles */
@media (max-width: 768px) {
    .modulo18 .carousel-container {
        padding-right: 20px;
		background: #f0f0f2; /* Cambia el fondo a un color sólido */

    }

    .modulo18 .carousel-content h2 {
        font-size: 2rem;
    }

    .modulo18 .carousel-content p {
        font-size: 1rem;
    }

    .modulo18 .carousel-content a {
        font-size: 1rem;
        padding: 12px 30px;
    }
	
	.modulo18 .carousel-container {	
		background: #f0f0f2; /* Cambia el fondo a un color sólido */
	}
}

@media (max-width: 480px) {
    .modulo18 .carousel-container {
        padding-right: 15px;
    }

    .modulo18 .carousel-content h2 {
        font-size: 1.75rem;
    }

    .modulo18 .carousel-content p {
        font-size: 0.875rem;
    }

    .modulo18 .carousel-content a {
        font-size: 0.875rem;
        padding: 10px 20px;
    }
}
.modulo19  {
            font-family:var(--font-family);
            margin: 0;
            padding: 0;
            background-color: #f5f5f5;
			padding-bottom: 20px;

        }

        .modulo19 .container {
            background-color: #ffffff;
            border-radius: 0 0 100px 100px; /* Radio mayor en las esquinas inferiores */
			padding:30px;
            padding-left: 50px; /* Aumentar el padding dentro del área blanca */
            padding-right: 50px; /* Aumentar el padding dentro del área blanca */
            padding-bottom: 50px; /* Aumentar el padding dentro del área blanca */
            max-width: 1200px;
            margin: 0 auto;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

        .modulo19 .content-row {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: flex-start;
        }

        .modulo19 .content-item {
            flex: 1 1 calc(50% - 20px);
			align-items: center;
            display: flex;
            align-items: flex-start;
            padding: 20px; /* Espacio interno de cada ítem */
            box-sizing: border-box; /* Incluye padding y bordes en el tamaño del contenedor */
        }

        .modulo19 .content-item img {
            margin-right: 20px;
			margin-top:1.8%;
            width: 20px;
            height: 20px;
		    display: inline-block;
			vertical-align: middle;
        }

        .modulo19 .content-item h2 {
            margin: 0;
            font-size: 1.5rem;
            color:  var(--principal-verde);
            font-weight: 700;
        }

        .modulo19 .content-item p {
            margin: 5px 0 0 0;
            font-size: 1.2rem;
            color: #333333; /* Color del texto */
            font-weight: 400;
        }

        .modulo19 .content-item p strong {
            font-weight: 700; /* Negrita para texto resaltado */
        }

        @media (max-width: 768px) {
            .modulo19 .content-item {
                flex: 1 1 calc(50% - 20px); /* Mantener dos columnas en pantallas más pequeñas */
                padding: 15px; /* Ajuste del padding para pantallas más pequeñas */
            }

            .modulo19 .content-item h2 {
                font-size: 1.125rem;
            }

            .modulo19 .content-item p {
                font-size: 0.875rem;
            }
        }
.modulo20 {
            font-family: var(--font-family);
            margin: 0;
            padding: 0;
            background-color: #f5f5f5; /* Fondo gris claro */
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .modulo20 .container {
            padding: 30px;
            text-align: center;
        }

        .modulo20 .container h2 {
            color:  var(--principal-fucsia);
            font-size: 2rem;
            font-weight: 700;
            margin-bottom: 40px; /* Aumentar el margen inferior para separar más del texto */

        }

        .modulo20 .buttons-row {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin-top: 30px; /* Aumentar el margen superior entre el texto y los botones */
        }

        .modulo20 .button {
            display: inline-block;
            padding: 15px 90px;
            background-color: #ffffff; /* Fondo blanco del botón */
            color: #333333;
            text-decoration: none;
            font-size: 1rem;
            font-weight: 700;
            border-radius: 50px;
            border: 2px solid #cccccc; /* Borde gris claro */
            transition: background-color 0.3s ease, color 0.3s ease;
        }

        .modulo20 .button:hover {
            background-color: #f0f0f0; /* Color de fondo para el hover */
        }

        @media (max-width: 768px) {
            .modulo20 .container h2 {
                font-size: 1.5rem;
            }

            .modulo20 .button {
                font-size: 0.875rem;
                padding: 12px 30px;
            }

            .modulo20 .buttons-row {
                flex-direction: column; /* Cambiar a una columna en pantallas más pequeñas */
                gap: 10px;
                margin-top: 20px; /* Ajuste del margen superior en pantallas más pequeñas */
            }
        }