.elementor-4518 .elementor-element.elementor-element-51beb79d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.8;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:60px;--padding-left:40px;--padding-right:40px;}.elementor-4518 .elementor-element.elementor-element-51beb79d:not(.elementor-motion-effects-element-type-background), .elementor-4518 .elementor-element.elementor-element-51beb79d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:var(--wpr-bg-8db7f254-b278-45c8-894f-4c89e9bc9020);background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-4518 .elementor-element.elementor-element-51beb79d::before, .elementor-4518 .elementor-element.elementor-element-51beb79d > .elementor-background-video-container::before, .elementor-4518 .elementor-element.elementor-element-51beb79d > .e-con-inner > .elementor-background-video-container::before, .elementor-4518 .elementor-element.elementor-element-51beb79d > .elementor-background-slideshow::before, .elementor-4518 .elementor-element.elementor-element-51beb79d > .e-con-inner > .elementor-background-slideshow::before, .elementor-4518 .elementor-element.elementor-element-51beb79d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor7 );--background-overlay:'';}.elementor-4518 .elementor-element.elementor-element-51beb79d > .elementor-shape-bottom .elementor-shape-fill, .elementor-4518 .elementor-element.elementor-element-51beb79d > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-astglobalcolor5 );}.elementor-4518 .elementor-element.elementor-element-566f1037{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4518 .elementor-element.elementor-element-791b589c{text-align:center;}.elementor-4518 .elementor-element.elementor-element-791b589c .elementor-heading-title{color:var( --e-global-color-astglobalcolor5 );}.elementor-4518 .elementor-element.elementor-element-61fe6e6f{text-align:center;color:var( --e-global-color-astglobalcolor4 );}.elementor-4518 .elementor-element.elementor-element-61fe6e6f p{margin-block-end:3px;}.elementor-4518 .elementor-element.elementor-element-3c21a599.elementor-element{--align-self:center;}.elementor-4518 .elementor-element.elementor-element-335400ef{--display:flex;}.elementor-4518 .elementor-element.elementor-element-78503166{--display:flex;}.elementor-4518 .elementor-element.elementor-element-1b02a66{--display:flex;}.elementor-4518 .elementor-element.elementor-element-1b02a66:not(.elementor-motion-effects-element-type-background), .elementor-4518 .elementor-element.elementor-element-1b02a66 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EFF6FF;}.elementor-4518 .elementor-element.elementor-element-4ee00fb3{--display:flex;}.elementor-4518 .elementor-element.elementor-element-2212a762{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-4518 .elementor-element.elementor-element-2212a762:not(.elementor-motion-effects-element-type-background), .elementor-4518 .elementor-element.elementor-element-2212a762 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:var(--wpr-bg-632ece95-d264-4375-b8dc-260c950ae4d7);background-position:center left;background-repeat:no-repeat;background-size:50vw auto;}.elementor-4518 .elementor-element.elementor-element-2212a762::before, .elementor-4518 .elementor-element.elementor-element-2212a762 > .elementor-background-video-container::before, .elementor-4518 .elementor-element.elementor-element-2212a762 > .e-con-inner > .elementor-background-video-container::before, .elementor-4518 .elementor-element.elementor-element-2212a762 > .elementor-background-slideshow::before, .elementor-4518 .elementor-element.elementor-element-2212a762 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4518 .elementor-element.elementor-element-2212a762 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(270deg, var( --e-global-color-astglobalcolor0 ) 50%, #387DFF21 100%);}.elementor-4518 .elementor-element.elementor-element-69b366e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:50%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4518 .elementor-element.elementor-element-347e073{text-align:center;}.elementor-4518 .elementor-element.elementor-element-347e073 .elementor-heading-title{color:var( --e-global-color-astglobalcolor4 );}.elementor-4518 .elementor-element.elementor-element-6c90b1dd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 0px 0px 0px;}.elementor-4518 .elementor-element.elementor-element-6c90b1dd{text-align:center;}.elementor-4518 .elementor-element.elementor-element-6c90b1dd .elementor-heading-title{color:var( --e-global-color-astglobalcolor4 );}.elementor-4518 .elementor-element.elementor-element-67e4044e{text-align:center;}.elementor-4518 .elementor-element.elementor-element-67e4044e .elementor-heading-title{color:var( --e-global-color-astglobalcolor4 );}.elementor-4518 .elementor-element.elementor-element-8167aaf{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-4518 .elementor-element.elementor-element-8167aaf:not(.elementor-motion-effects-element-type-background), .elementor-4518 .elementor-element.elementor-element-8167aaf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:var(--wpr-bg-2bcbf2a5-9ef9-4022-9ae0-a4dd79e8d48c);background-position:center left;background-repeat:no-repeat;background-size:50vw auto;}.elementor-4518 .elementor-element.elementor-element-8167aaf::before, .elementor-4518 .elementor-element.elementor-element-8167aaf > .elementor-background-video-container::before, .elementor-4518 .elementor-element.elementor-element-8167aaf > .e-con-inner > .elementor-background-video-container::before, .elementor-4518 .elementor-element.elementor-element-8167aaf > .elementor-background-slideshow::before, .elementor-4518 .elementor-element.elementor-element-8167aaf > .e-con-inner > .elementor-background-slideshow::before, .elementor-4518 .elementor-element.elementor-element-8167aaf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(270deg, #387DFFB8 50%, #387DFF8A 100%);}.elementor-4518 .elementor-element.elementor-element-ed9abec{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:50%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4518 .elementor-element.elementor-element-5814986{text-align:center;}.elementor-4518 .elementor-element.elementor-element-5814986 .elementor-heading-title{color:var( --e-global-color-astglobalcolor4 );}.elementor-4518 .elementor-element.elementor-element-1984a95 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 0px 0px 0px;}.elementor-4518 .elementor-element.elementor-element-1984a95{text-align:center;}.elementor-4518 .elementor-element.elementor-element-1984a95 .elementor-heading-title{color:var( --e-global-color-astglobalcolor4 );}.elementor-4518 .elementor-element.elementor-element-452d940{text-align:center;}.elementor-4518 .elementor-element.elementor-element-452d940 .elementor-heading-title{color:var( --e-global-color-astglobalcolor4 );}.elementor-4518 .elementor-element.elementor-element-5c841136{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.8;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-4518 .elementor-element.elementor-element-5c841136:not(.elementor-motion-effects-element-type-background), .elementor-4518 .elementor-element.elementor-element-5c841136 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-4518 .elementor-element.elementor-element-5c841136::before, .elementor-4518 .elementor-element.elementor-element-5c841136 > .elementor-background-video-container::before, .elementor-4518 .elementor-element.elementor-element-5c841136 > .e-con-inner > .elementor-background-video-container::before, .elementor-4518 .elementor-element.elementor-element-5c841136 > .elementor-background-slideshow::before, .elementor-4518 .elementor-element.elementor-element-5c841136 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4518 .elementor-element.elementor-element-5c841136 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4518 .elementor-element.elementor-element-5c841136 > .elementor-shape-top .elementor-shape-fill, .elementor-4518 .elementor-element.elementor-element-5c841136 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:var( --e-global-color-astglobalcolor5 );}.elementor-4518 .elementor-element.elementor-element-5c841136 > .elementor-shape-top svg, .elementor-4518 .elementor-element.elementor-element-5c841136 > .e-con-inner > .elementor-shape-top svg{height:240px;}.elementor-4518 .elementor-element.elementor-element-1568b2b9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4518 .elementor-element.elementor-element-26ef6864 > .elementor-widget-container{padding:20px 0px 20px 0px;}.elementor-4518 .elementor-element.elementor-element-26ef6864{text-align:center;}.elementor-4518 .elementor-element.elementor-element-11d63540 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-4518 .elementor-element.elementor-element-11d63540{text-align:center;}.elementor-4518 .elementor-element.elementor-element-1513458a > .elementor-widget-container{margin:20px 0px 60px 0px;}.elementor-4518 .elementor-element.elementor-element-1513458a .elementor-button-content-wrapper{flex-direction:row;}.elementor-4518 .elementor-element.elementor-element-1513458a .elementor-button .elementor-button-content-wrapper{gap:16px;}.elementor-4518 .elementor-element.elementor-element-1513458a .elementor-button{box-shadow:0px 8px 16px -8px rgba(56, 125, 255, 0.5);}body.elementor-page-4518:not(.elementor-motion-effects-element-type-background), body.elementor-page-4518 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}@media(min-width:768px){.elementor-4518 .elementor-element.elementor-element-51beb79d{--content-width:700px;}}@media(max-width:1024px) and (min-width:768px){.elementor-4518 .elementor-element.elementor-element-566f1037{--width:100%;}.elementor-4518 .elementor-element.elementor-element-69b366e{--width:100%;}.elementor-4518 .elementor-element.elementor-element-ed9abec{--width:100%;}}@media(min-width:1025px){.elementor-4518 .elementor-element.elementor-element-51beb79d:not(.elementor-motion-effects-element-type-background), .elementor-4518 .elementor-element.elementor-element-51beb79d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-4518 .elementor-element.elementor-element-51beb79d:not(.elementor-motion-effects-element-type-background), .elementor-4518 .elementor-element.elementor-element-51beb79d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-4518 .elementor-element.elementor-element-51beb79d{--padding-top:160px;--padding-bottom:104px;--padding-left:0px;--padding-right:0px;}.elementor-4518 .elementor-element.elementor-element-566f1037{--margin-top:0px;--margin-bottom:0px;--margin-left:80px;--margin-right:80px;}.elementor-4518 .elementor-element.elementor-element-791b589c{text-align:center;}.elementor-4518 .elementor-element.elementor-element-347e073 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4518 .elementor-element.elementor-element-347e073{text-align:center;}.elementor-4518 .elementor-element.elementor-element-6c90b1dd{text-align:center;}.elementor-4518 .elementor-element.elementor-element-67e4044e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4518 .elementor-element.elementor-element-67e4044e{text-align:center;}.elementor-4518 .elementor-element.elementor-element-5814986 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4518 .elementor-element.elementor-element-5814986{text-align:center;}.elementor-4518 .elementor-element.elementor-element-1984a95{text-align:center;}.elementor-4518 .elementor-element.elementor-element-452d940 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4518 .elementor-element.elementor-element-452d940{text-align:center;}.elementor-4518 .elementor-element.elementor-element-5c841136{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:64px;--padding-left:40px;--padding-right:40px;}.elementor-4518 .elementor-element.elementor-element-11d63540 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4518 .elementor-element.elementor-element-11d63540{text-align:center;}}@media(max-width:767px){.elementor-4518 .elementor-element.elementor-element-51beb79d:not(.elementor-motion-effects-element-type-background), .elementor-4518 .elementor-element.elementor-element-51beb79d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;}.elementor-4518 .elementor-element.elementor-element-51beb79d{--padding-top:70px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-4518 .elementor-element.elementor-element-566f1037{--margin-top:0px;--margin-bottom:0px;--margin-left:24px;--margin-right:24px;}.elementor-4518 .elementor-element.elementor-element-791b589c{text-align:center;}.elementor-4518 .elementor-element.elementor-element-2212a762:not(.elementor-motion-effects-element-type-background), .elementor-4518 .elementor-element.elementor-element-2212a762 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:contain;}.elementor-4518 .elementor-element.elementor-element-2212a762{--padding-top:64px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-4518 .elementor-element.elementor-element-69b366e{--width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4518 .elementor-element.elementor-element-6c90b1dd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:15px 0px 0px 0px;}.elementor-4518 .elementor-element.elementor-element-67e4044e > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-4518 .elementor-element.elementor-element-8167aaf:not(.elementor-motion-effects-element-type-background), .elementor-4518 .elementor-element.elementor-element-8167aaf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-4518 .elementor-element.elementor-element-8167aaf{--padding-top:64px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-4518 .elementor-element.elementor-element-ed9abec{--width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4518 .elementor-element.elementor-element-1984a95 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:15px 0px 0px 0px;}.elementor-4518 .elementor-element.elementor-element-452d940 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-4518 .elementor-element.elementor-element-5c841136{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for text-editor, class: .elementor-element-73a853f1 *//* Importa la fuente Inter de Google Fonts (asegúrate de que esté cargada globalmente en tu tema o en el CSS de Elementor) */
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);

/* Variables CSS para una gestión de colores y fuentes consistente */
:root {
    --primary-dark: #172554; /* Azul muy oscuro, casi negro, para títulos principales */
    --primary-medium: #2563eb; /* Azul medio para acentos y elementos interactivos */
    --text-color-dark: #374151; /* Gris oscuro para texto principal */
    --text-color-light: #6b7280; /* Gris más claro para texto secundario */
    --background-light: #f9fafb; /* Fondo muy claro */
    --border-color: #e5e7eb; /* Gris claro para bordes */
    --button-bg-color: #004085; /* Azul oscuro y profundo para el botón */
    --button-hover-bg-color: #002D5C; /* Azul aún más oscuro para hover del botón */
    --font-family-base: 'Inter', sans-serif;
}

/* Contenedor principal del bloque */
.hearing-aids-intro-container {
    max-width: 850px; /* Ancho máximo para el contenido */
    margin: 40px auto; /* Centrar y añadir espacio superior/inferior */
    padding: 35px; /* Padding interno */
    background-color: #ffffff; /* Fondo blanco para el bloque */
    border-radius: 12px; /* Bordes redondeados */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); /* Sombra más pronunciada para un efecto elevado */
    font-family: var(--font-family-base);
    line-height: 1.7; /* Interlineado para mejor legibilidad */
    color: var(--text-color-dark);
    text-align: center; /* Centrar todo el texto del bloque */
}

/* Título principal del bloque */
.intro-title {
    font-size: 2.5em; /* Tamaño de fuente grande */
    font-weight: 700; /* Negrita */
    color: var(--primary-dark); /* Color azul oscuro */
    margin-bottom: 25px;
    line-height: 1.25;
    text-align: center;
}

/* Párrafos de contenido */
.intro-paragraph {
    font-size: 1.1em;
    margin-bottom: 20px;
    color: var(--text-color-dark);
    text-align: justify; /* Justificar el texto para una apariencia más formal */
    text-justify: inter-word;
}

.intro-paragraph strong {
    color: var(--primary-medium); /* Resaltar negritas con el color de acento */
    font-weight: 600;
}

/* Sección de llamada a la acción (CTA) */
.cta-section {
    background-color: var(--background-light); /* Fondo más claro para la CTA */
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding: 30px;
    margin-top: 35px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    text-align: center;
}

.cta-text {
    font-size: 1.25em;
    color: var(--primary-dark);
    margin-bottom: 20px;
    font-weight: 500;
}

.cta-text strong {
    color: var(--primary-medium);
    font-weight: 700;
}

/* Botón de llamada a la acción - ESTILO CON !IMPORTANT */
.cta-button {
    display: inline-flex !important; /* Forzar flexbox */
    align-items: center !important; /* Forzar centrado vertical */
    justify-content: center !important; /* Forzar centrado horizontal */
    background-color: var(--button-bg-color) !important; /* Forzar color de fondo */
    color: #ffffff !important; /* Forzar color de texto */
    padding: 16px 32px !important; /* Forzar relleno */
    border-radius: 8px !important; /* Forzar bordes redondeados */
    font-size: 1.15em !important; /* Forzar tamaño de fuente */
    font-weight: 600 !important; /* Forzar peso de fuente */
    text-decoration: none !important; /* Forzar sin subrayado */
    transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important; /* Forzar transiciones */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25) !important; /* Forzar sombra */
    letter-spacing: 0.5px !important;
    border: none !important; /* Forzar sin borde */
    cursor: pointer !important; /* Forzar cursor */
    gap: 10px !important; /* Forzar espacio entre icono y texto */
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important; /* Forzar sombra de texto */
}

.cta-button:hover {
    background-color: var(--button-hover-bg-color) !important; /* Forzar color de hover */
    transform: translateY(-2px) !important; /* Forzar efecto de elevación */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35) !important; /* Forzar sombra de hover */
}

/* Texto secundario de la CTA */
.cta-subtext {
    font-size: 1em;
    color: var(--text-color-light);
    margin-top: 15px;
}

/* Media Queries para responsividad */
@media (max-width: 768px) {
    .hearing-aids-intro-container {
        margin: 20px auto;
        padding: 25px;
    }
    .intro-title {
        font-size: 2em;
        margin-bottom: 20px;
    }
    .intro-paragraph {
        font-size: 1em;
        margin-bottom: 15px;
        text-align: left; /* En pantallas pequeñas, justificar puede ser menos legible */
        text-justify: unset;
    }
    .cta-section {
        padding: 25px;
    }
    .cta-text {
        font-size: 1.1em;
        margin-bottom: 15px;
    }
    .cta-button {
        padding: 14px 28px !important; /* Ajuste de padding para móviles */
        font-size: 1.05em !important; /* Ajuste de fuente para móviles */
    }
    .cta-subtext {
        font-size: 0.95em;
    }
}

@media (max-width: 480px) {
    .hearing-aids-intro-container {
        padding: 20px;
    }
    .intro-title {
        font-size: 1.7em;
    }
    .intro-paragraph {
        font-size: 0.95em;
    }
    .cta-section {
        padding: 20px;
    }
    .cta-text {
        font-size: 1em;
    }
    .cta-button {
        font-size: 0.95em;
        padding: 12px 24px !important; /* Más ajuste para pantallas muy pequeñas */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5dc6378e *//* Importa la fuente Inter de Google Fonts (asegúrate de que esté cargada globalmente en tu tema o en el CSS de Elementor) */
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);

/* Variables CSS para una gestión de colores y fuentes más sencilla */
:root {
    --primary-dark: #172554; /* Azul muy oscuro, casi negro, para títulos principales */
    --primary-medium: #2563eb; /* Azul medio para acentos y elementos interactivos */
    --text-color-dark: #374151; /* Gris oscuro para texto principal */
    --text-color-light: #6b7280; /* Gris más claro para texto secundario */
    --background-light: #f9fafb; /* Fondo muy claro */
    --border-color: #e5e7eb; /* Gris claro para bordes */
    --hover-background: #e0f2fe; /* Azul muy claro para hover */
    --font-family-base: 'Inter', sans-serif;
}

/* Estilos para el contenedor principal de las FAQs */
.faq-container {
    max-width: 900px; /* Ancho máximo para el contenedor */
    margin: 40px auto; /* Centrar y añadir espacio superior/inferior */
    padding: 30px; /* Padding interno */
    background-color: #ffffff; /* Fondo blanco para el bloque */
    border-radius: 12px; /* Bordes redondeados */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); /* Sombra más pronunciada para un efecto elevado */
    font-family: var(--font-family-base);
}

/* Título de la sección de FAQs */
.faq-section-title {
    font-size: 2.2em; /* Tamaño de fuente grande para el título */
    font-weight: 700; /* Negrita */
    color: var(--primary-dark); /* Color azul oscuro */
    text-align: center;
    margin-bottom: 15px;
    line-height: 1.2;
}

/* Introducción a la sección de FAQs */
.faq-section-intro {
    font-size: 1.1em;
    color: var(--text-color-light); /* Gris más claro para la intro */
    text-align: center;
    margin-bottom: 30px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

/* Estilos para cada elemento FAQ individual */
.faq-item {
    margin-bottom: 15px; /* Espacio entre cada pregunta */
}

.faq-item details {
    background-color: var(--background-light); /* Fondo muy claro para cada item */
    border: 1px solid var(--border-color); /* Borde sutil */
    border-radius: 8px; /* Bordes redondeados */
    padding: 20px 25px; /* Padding interno */
    transition: all 0.3s ease-in-out; /* Transición suave para todos los cambios */
    overflow: hidden; /* Asegura que el contenido no se desborde durante la transición */
}

.faq-item details:hover {
    background-color: var(--hover-background); /* Cambio de color al pasar el ratón */
    border-color: var(--primary-medium); /* Borde de acento al pasar el ratón */
    transform: translateY(-3px); /* Ligero desplazamiento hacia arriba */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1); /* Sombra más pronunciada al pasar el ratón */
}

/* Estilos para el resumen (la pregunta) */
.faq-item summary {
    font-size: 1.15em; /* Tamaño de fuente para la pregunta */
    font-weight: 600; /* Semi-negrita */
    color: var(--primary-dark); /* Color azul oscuro para la pregunta */
    cursor: pointer;
    position: relative; /* Para el icono de flecha personalizado */
    padding-right: 40px; /* Espacio para el icono */
    list-style: none; /* Elimina el marcador de lista por defecto */
    outline: none; /* Elimina el contorno al hacer clic */
}

/* Oculta el marcador de flecha por defecto en summary */
.faq-item summary::-webkit-details-marker,
.faq-item summary::marker {
    display: none;
}

/* Icono de flecha personalizado para summary (usando un SVG para mejor control) */
.faq-item summary::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    width: 1.7rem; /* Tamaño del icono */
    height: 1.7rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='%232563eb'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 4.5v15m7.5-7.5h-15' /%3E%3C/svg%3E"); /* Icono de 'más' */
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.2s ease;
}

/* Gira el icono cuando el details está abierto */
.faq-item details[open] summary::after {
    transform: translateY(-50%) rotate(45deg); /* Gira a 45 grados para formar una 'x' o 'menos' */
}

/* Estilos para el párrafo de la respuesta */
.faq-item p {
    padding-top: 20px; /* Más espacio entre la pregunta y la respuesta */
    font-size: 1em;
    line-height: 1.7; /* Mayor interlineado para mejor legibilidad */
    color: var(--text-color-dark); /* Color de texto más oscuro */
    border-top: 1px solid var(--border-color); /* Línea divisoria suave */
    margin-top: 20px; /* Margen superior para la línea divisoria */
}

/* Resaltado de texto en negrita dentro de las respuestas */
.faq-item p strong {
    color: var(--primary-medium); /* Resalta las palabras clave con el color de acento */
    font-weight: 700; /* Asegura que sea bien negrita */
}

/* Media Queries para responsividad */
@media (max-width: 768px) {
    .faq-container {
        margin: 20px auto;
        padding: 20px;
    }
    .faq-section-title {
        font-size: 1.8em;
    }
    .faq-section-intro {
        font-size: 1em;
    }
    .faq-item details {
        padding: 15px 20px;
    }
    .faq-item summary {
        font-size: 1.05em;
        padding-right: 35px;
    }
    .faq-item summary::after {
        width: 1.5rem;
        height: 1.5rem;
    }
    .faq-item p {
        padding-top: 15px;
        margin-top: 15px;
        font-size: 0.95em;
    }
}

@media (max-width: 480px) {
    .faq-container {
        padding: 15px;
    }
    .faq-section-title {
        font-size: 1.6em;
    }
    .faq-item summary {
        font-size: 1em;
    }
    .faq-item p {
        font-size: 0.9em;
    }
}/* End custom CSS */