*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{color:#1a2332;background:linear-gradient(135deg,#fff 0%,#E4F0F3 100%);min-height:100vh;font:16px/1.65 'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}
.header_wrap_9kx{background:linear-gradient(165deg,#E4F0F3 0%,#fff 55%,#E4F0F3 100%);box-shadow:0 3px 18px #0f213314;position:relative}
.header_banner_row_7md{background:linear-gradient(95deg,#0f21330a 0%,#03f5c008 100%);padding:18px 25px;text-align:center;border-bottom:1px solid #0f21330f}
.banner_text_5qr{font-size:13px;letter-spacing:.8px;text-transform:uppercase;color:#0F2133;font-weight:500;opacity:.75}
.header_main_row_3bz{display:flex;justify-content:space-between;align-items:center;padding:22px 40px;max-width:1340px;margin:0 auto;flex-wrap:wrap;gap:25px}
.logo_container_8vn{display:flex;align-items:center;z-index:50}
.logo_img_2kt{height:85px;width:85px;object-fit:contain;transition:opacity .3s}
.logo_img_2kt:hover{opacity:.82}
.nav_main_4wp{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.nav_link_6hr{padding:12px 22px;text-decoration:none;color:#0F2133;font-size:15px;font-weight:500;border-radius:6px;transition:background-color 0.25s,color .25s;position:relative}
.nav_link_6hr:hover{background-color:#03f5c01f;color:#0F2133}
.nav_link_6hr:focus{outline:3px solid #03F5C0;outline-offset:2px}
main{min-height:65vh}
.footer_outer_1zx{background:radial-gradient(ellipse at top left,#0F2133 0%,#0a1824 100%);color:#E4F0F3;padding:65px 30px 35px;margin-top:80px;position:relative}
.footer_outer_1zx::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#03F5C0 0%,#03f5c04d 100%)}
.footer_inner_box_4nr{max-width:1280px;margin:0 auto;background:#e4f0f308;padding:48px 40px;border-radius:10px;border:1px solid #e4f0f314;box-shadow:inset 0 2px 12px #03f5c00d}
.footer_content_grid_8mz{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:50px;margin-bottom:45px}
.footer_section_7jp{background:#0f213366;padding:32px 28px;border-radius:8px;border-left:3px solid #03F5C0}
.footer_heading_2vk{font-size:19px;font-weight:600;margin-bottom:22px;color:#03F5C0;letter-spacing:.4px}
.footer_links_list_9ct{list-style:none;display:flex;flex-direction:column;gap:14px}
.footer_link_3hn{color:#E4F0F3;text-decoration:none;font-size:15px;transition:color 0.3s,padding-left .3s;display:inline-block}
.footer_link_3hn:hover{color:#03F5C0;padding-left:6px}
.footer_link_3hn:focus{outline:2px solid #03F5C0;outline-offset:3px;border-radius:4px}
.footer_logo_area_5wm{text-align:center;margin-bottom:35px;padding:28px;background:#03f5c00a;border-radius:8px}
.footer_logo_img_6tq{height:95px;width:95px;object-fit:contain;margin-bottom:18px}
.footer_brand_name_4js{font-size:24px;font-weight:700;color:#03F5C0;margin-bottom:12px}
.footer_tagline_8vr{font-size:14px;color:#E4F0F3;opacity:.8;line-height:1.6}
.footer_bottom_divider_2nx{height:1px;background:linear-gradient(90deg,transparent 0%,#03f5c04d 50%,transparent 100%);margin:35px 0 28px}
.footer_copyright_9lp{text-align:center;font-size:14px;color:#E4F0F3;opacity:.75;line-height:1.7}
.cookie_popup_overlay_3xr{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,#0F2133 0%,#0a1520 100%);padding:28px 25px;box-shadow:0 -4px 25px #0f213366;z-index:9999;border-top:3px solid #03F5C0;animation:slideUpCookie .4s ease-out}
@keyframes slideUpCookie {
from{transform:translateY(100%);opacity:0}
to{transform:translateY(0);opacity:1}
}
.cookie_content_wrapper_7km{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.cookie_text_block_5nq{flex:1;min-width:300px}
.cookie_heading_8vp{font-size:18px;font-weight:600;color:#03F5C0;margin-bottom:10px}
.cookie_description_2jr{font-size:14px;color:#E4F0F3;line-height:1.6;opacity:.9}
.cookie_buttons_group_4wt{display:flex;gap:12px;flex-wrap:wrap}
.cookie_btn_accept_9bk{background:linear-gradient(135deg,#03F5C0 0%,#02d4a8 100%);color:#0F2133;padding:13px 28px;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:transform 0.2s,box-shadow .2s;box-shadow:0 4px 12px #03f5c04d}
.cookie_btn_accept_9bk:hover{transform:translateY(-2px);box-shadow:0 6px 18px #03f5c073}
.cookie_btn_reject_7mt{background:transparent;color:#E4F0F3;padding:13px 28px;border:2px solid #e4f0f34d;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;transition:border-color 0.25s,background-color .25s}
.cookie_btn_reject_7mt:hover{border-color:#E4F0F3;background-color:#e4f0f30d}
.cookie_btn_accept_9bk:focus,.cookie_btn_reject_7mt:focus{outline:3px solid #03F5C0;outline-offset:3px}
@media (max-width: 768px) {
.header_main_row_3bz{padding:18px 20px;flex-direction:column;align-items:center}
.logo_img_2kt{height:70px;width:70px}
.nav_main_4wp{flex-direction:column;width:100%;gap:6px}
.nav_link_6hr{width:100%;text-align:center;padding:14px 18px}
.banner_text_5qr{font-size:11px}
.footer_outer_1zx{padding:45px 20px 25px}
.footer_inner_box_4nr{padding:35px 22px}
.footer_content_grid_8mz{grid-template-columns:1fr;gap:30px}
.footer_section_7jp{padding:25px 20px}
.footer_logo_img_6tq{height:75px;width:75px}
.cookie_content_wrapper_7km{flex-direction:column;align-items:stretch}
.cookie_text_block_5nq{min-width:100%}
.cookie_buttons_group_4wt{flex-direction:column;width:100%}
.cookie_btn_accept_9bk,.cookie_btn_reject_7mt{width:100%;padding:15px 20px}
}
@media (forced-colors: active) {
.nav_link_6hr:hover,.footer_link_3hn:hover{forced-color-adjust:none;background-color:Highlight;color:HighlightText}
.cookie_btn_accept_9bk,.cookie_btn_reject_7mt{forced-color-adjust:auto;border:2px solid currentColor}
}
@media (prefers-reduced-motion: reduce) {
*{animation:none!important;transition:none!important}
}
.planificacion-familiar-main{background:linear-gradient(135deg,#E4F0F3 0%,#fff 100%);overflow-x:hidden}
.hero-financiero-intro{padding:100px 0 80px;background:linear-gradient(165deg,#0F2133 0%,#1a3449 100%);position:relative;overflow:hidden}
.hero-financiero-intro::before{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,#03f5c026 0%,transparent 70%);top:-100px;right:-100px;border-radius:50%}
.hero-financiero-intro::after{content:'';position:absolute;width:300px;height:300px;background:radial-gradient(circle,#e4f0f314 0%,transparent 70%);bottom:-80px;left:-80px;border-radius:50%}
.contenedor-hero-financiero{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}
.titulo-hero-financiero{font-size:3.2rem;color:#03F5C0;margin-bottom:25px;font-weight:700;line-height:1.2}
.subtitulo-hero-financiero{font-size:1.3rem;color:#E4F0F3;max-width:750px;line-height:1.7;margin-bottom:0}
.proceso-visual-completo{padding:90px 0;background:#fff;position:relative}
.contenedor-proceso-visual{max-width:1180px;margin:0 auto;padding:0 20px}
.encabezado-proceso-visual{text-align:center;margin-bottom:70px}
.titulo-proceso-visual{font-size:2.5rem;color:#0F2133;margin-bottom:18px;font-weight:700}
.titulo-proceso-visual::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#03F5C0 0%,#0F2133 100%);margin:20px auto 0;border-radius:2px}
.descripcion-proceso-visual{font-size:1.1rem;color:#555;max-width:680px;margin:0 auto;line-height:1.6}
.grilla-pasos-proceso{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}
.tarjeta-paso-individual{background:#fff;border:2px solid #E4F0F3;border-radius:12px;padding:35px 28px;transition:all .3s ease;position:relative}
.tarjeta-paso-individual:hover{transform:translateY(-8px);box-shadow:0 12px 28px #0f21331f;border-color:#03F5C0}
.numero-paso-proceso{width:60px;height:60px;background:linear-gradient(135deg,#0F2133 0%,#1a3449 100%);color:#03F5C0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;margin-bottom:22px;border:3px solid #E4F0F3}
.titulo-paso-proceso{font-size:1.4rem;color:#0F2133;margin-bottom:14px;font-weight:600}
.descripcion-paso-proceso{font-size:1rem;color:#666;line-height:1.6;margin:0}
.beneficios-zigzag-seccion{padding:85px 0;background:linear-gradient(180deg,#fff 0%,#E4F0F3 100%)}
.contenedor-beneficios-zigzag{max-width:1200px;margin:0 auto;padding:0 20px}
.fila-beneficio-zigzag{display:flex;align-items:center;gap:60px;margin-bottom:70px}
.fila-beneficio-zigzag:last-child{margin-bottom:0}
.fila-beneficio-zigzag:nth-child(even){flex-direction:row-reverse}
.contenido-beneficio-zigzag{flex:1}
.titulo-beneficio-zigzag{font-size:2rem;color:#0F2133;margin-bottom:18px;font-weight:700;position:relative;padding-left:18px}
.titulo-beneficio-zigzag::before{content:'';position:absolute;left:0;top:5px;width:5px;height:75%;background:linear-gradient(180deg,#03F5C0 0%,#0F2133 100%);border-radius:3px}
.descripcion-beneficio-zigzag{font-size:1.05rem;color:#555;line-height:1.7;margin-bottom:20px}
.lista-puntos-beneficio{list-style:none;padding:0;margin:0}
.lista-puntos-beneficio li{padding-left:30px;margin-bottom:12px;position:relative;font-size:1rem;color:#444;line-height:1.5}
.lista-puntos-beneficio li::before{content:'';position:absolute;left:0;color:#03F5C0;font-weight:700;font-size:1.3rem}
.imagen-beneficio-zigzag{flex:1;max-width:500px}
.imagen-beneficio-zigzag img{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 24px #0f213326}
.metodologia-valores-seccion{padding:90px 0;background:#fff}
.contenedor-metodologia-valores{max-width:1150px;margin:0 auto;padding:0 20px}
.encabezado-metodologia-valores{text-align:center;margin-bottom:65px}
.titulo-metodologia-valores{font-size:2.6rem;color:#0F2133;margin-bottom:20px;font-weight:700}
.descripcion-metodologia-valores{font-size:1.1rem;color:#555;max-width:700px;margin:0 auto;line-height:1.6}
.grilla-valores-metodologia{display:grid;grid-template-columns:repeat(2,1fr);gap:50px 60px}
.tarjeta-valor-individual{background:linear-gradient(135deg,#E4F0F3 0%,#fff 100%);border-radius:10px;padding:40px 35px;border-left:5px solid #03F5C0;transition:all .3s ease}
.tarjeta-valor-individual:hover{transform:translateX(8px);box-shadow:0 8px 20px #0f21331a}
.titulo-valor-individual{font-size:1.5rem;color:#0F2133;margin-bottom:15px;font-weight:600;display:flex;align-items:center;gap:12px}
.titulo-valor-individual::before{content:'';width:10px;height:10px;background:#03F5C0;border-radius:50%;flex-shrink:0}
.descripcion-valor-individual{font-size:1rem;color:#666;line-height:1.7;margin:0}
.herramientas-tabla-seccion{padding:85px 0;background:linear-gradient(165deg,#0F2133 0%,#1a3449 100%);position:relative}
.herramientas-tabla-seccion::before{content:'';position:absolute;width:350px;height:350px;background:radial-gradient(circle,#03f5c01a 0%,transparent 70%);top:-100px;left:-100px;border-radius:50%}
.contenedor-herramientas-tabla{max-width:1180px;margin:0 auto;padding:0 20px;position:relative;z-index:2}
.encabezado-herramientas-tabla{text-align:center;margin-bottom:55px}
.titulo-herramientas-tabla{font-size:2.5rem;color:#03F5C0;margin-bottom:18px;font-weight:700}
.descripcion-herramientas-tabla{font-size:1.1rem;color:#E4F0F3;max-width:680px;margin:0 auto;line-height:1.6}
.tabla-herramientas-completa{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 12px 32px #00000026}
.tabla-herramientas-completa table{width:100%;border-collapse:collapse}
.tabla-herramientas-completa thead{background:linear-gradient(135deg,#0F2133 0%,#1a3449 100%)}
.tabla-herramientas-completa th{padding:20px 25px;text-align:left;font-size:1.1rem;color:#03F5C0;font-weight:600;border-bottom:2px solid #03F5C0}
.tabla-herramientas-completa td{padding:18px 25px;font-size:1rem;color:#333;border-bottom:1px solid #E4F0F3;line-height:1.5}
.tabla-herramientas-completa tbody tr:hover{background:#E4F0F3}
.tabla-herramientas-completa tbody tr:last-child td{border-bottom:none}
.icono-check-tabla{color:#03F5C0;font-weight:700;font-size:1.2rem}
.compromiso-final-seccion{padding:90px 0;background:#fff}
.contenedor-compromiso-final{max-width:1000px;margin:0 auto;padding:0 20px;text-align:center}
.tarjeta-compromiso-final{background:linear-gradient(135deg,#E4F0F3 0%,#fff 100%);border-radius:16px;padding:60px 50px;box-shadow:0 8px 24px #0f21331a;border:3px solid #03F5C0}
.titulo-compromiso-final{font-size:2.3rem;color:#0F2133;margin-bottom:25px;font-weight:700}
.descripcion-compromiso-final{font-size:1.15rem;color:#555;line-height:1.8;margin-bottom:35px;max-width:780px;margin-left:auto;margin-right:auto}
.boton-compromiso-final{display:inline-block;background:linear-gradient(135deg,#0F2133 0%,#1a3449 100%);color:#03F5C0;padding:16px 45px;font-size:1.1rem;font-weight:600;text-decoration:none;border-radius:8px;transition:all .3s ease;border:2px solid #03F5C0;position:relative;z-index:10}
.boton-compromiso-final:hover{transform:translateY(-3px);box-shadow:0 8px 20px #03f5c04d;background:linear-gradient(135deg,#1a3449 0%,#0F2133 100%)}
@media (max-width: 1024px) {
.grilla-pasos-proceso{grid-template-columns:repeat(2,1fr);gap:35px}
.contenedor-hero-financiero,.contenedor-proceso-visual,.contenedor-beneficios-zigzag,.contenedor-metodologia-valores,.contenedor-herramientas-tabla,.contenedor-compromiso-final{max-width:100%;padding:0 30px}
}
@media (max-width: 768px) {
.hero-financiero-intro{padding:70px 0 60px}
.titulo-hero-financiero{font-size:2.2rem}
.subtitulo-hero-financiero{font-size:1.1rem}
.grilla-pasos-proceso{grid-template-columns:1fr;gap:30px}
.proceso-visual-completo,.beneficios-zigzag-seccion,.metodologia-valores-seccion,.herramientas-tabla-seccion,.compromiso-final-seccion{padding:60px 0}
.titulo-proceso-visual,.titulo-metodologia-valores,.titulo-herramientas-tabla{font-size:2rem}
.fila-beneficio-zigzag{flex-direction:column!important;gap:35px;margin-bottom:50px}
.imagen-beneficio-zigzag{max-width:100%}
.titulo-beneficio-zigzag{font-size:1.7rem}
.grilla-valores-metodologia{grid-template-columns:1fr;gap:30px}
.tabla-herramientas-completa{overflow-x:auto}
.tabla-herramientas-completa th,.tabla-herramientas-completa td{padding:15px 18px;font-size:.95rem}
.tarjeta-compromiso-final{padding:40px 30px}
.titulo-compromiso-final{font-size:1.9rem}
.descripcion-compromiso-final{font-size:1.05rem}
.boton-compromiso-final{padding:14px 35px;font-size:1rem}
}
@media (max-width: 480px) {
.titulo-hero-financiero{font-size:1.8rem}
.subtitulo-hero-financiero{font-size:1rem}
.tarjeta-paso-individual{padding:28px 22px}
.numero-paso-proceso{width:50px;height:50px;font-size:1.5rem}
.tabla-herramientas-completa th,.tabla-herramientas-completa td{padding:12px 15px;font-size:.9rem}
}
.index-hero-container{position:relative;width:100%;height:100vh;min-height:600px;overflow:hidden}
.index-hero-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.index-hero-image-wrapper img{width:100%;height:100%;object-fit:cover;object-position:center}
.index-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f2133eb 0%,#0f2133bf 100%);z-index:2}
.index-hero-content-block{position:relative;z-index:3;height:100%;display:flex;align-items:center;padding:0 20px}
.index-hero-inner{max-width:1200px;margin:0 auto;width:100%}
.index-hero-text-area{max-width:720px}
.index-hero-main-title{font-size:3.8rem;font-weight:700;color:#fff;line-height:1.15;margin:0 0 28px;letter-spacing:-.02em}
.index-hero-subtitle-text{font-size:1.35rem;color:#E4F0F3;line-height:1.65;margin:0 0 42px;font-weight:400}
.index-hero-cta-button{display:inline-block;background:linear-gradient(135deg,#03F5C0 0%,#02c99a 100%);color:#0F2133;padding:18px 44px;font-size:1.1rem;font-weight:600;text-decoration:none;border-radius:8px;transition:all .3s ease;box-shadow:0 4px 15px #03f5c04d}
.index-hero-cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #03f5c073;background:linear-gradient(135deg,#02c99a 0%,#03F5C0 100%)}
.family-planning-diagonal-section{position:relative;padding:90px 20px 110px;background:linear-gradient(168deg,#E4F0F3 0%,#fff 100%);clip-path:polygon(0 0,100% 4%,100% 96%,0 100%);margin-top:-2px}
.family-planning-content-wrapper{max-width:1150px;margin:0 auto;display:grid;grid-template-columns:1.1fr 0.9fr;gap:65px;align-items:center}
.family-planning-text-column{padding-right:20px}
.family-planning-section-title{font-size:2.6rem;color:#0F2133;line-height:1.25;margin:0 0 26px;font-weight:700;position:relative}
.family-planning-section-title::before{content:'';position:absolute;left:-8px;top:8px;width:4px;height:85%;background:linear-gradient(180deg,#03F5C0 0%,#0F2133 100%);border-radius:2px}
.family-planning-description-text{font-size:1.08rem;color:#0F2133;line-height:1.75;margin:0 0 32px}
.family-planning-highlight-box{background:#fff;padding:28px 32px;border-radius:12px;border-left:5px solid #03F5C0;box-shadow:0 3px 20px #0f213314;margin-bottom:32px}
.family-planning-highlight-box p{margin:0;font-size:1.05rem;color:#0F2133;line-height:1.7}
.family-planning-highlight-box strong{color:#0F2133;font-weight:600}
.family-planning-image-column img{width:100%;height:auto;border-radius:16px;box-shadow:0 12px 35px #0f213326}
.financial-reality-asymmetric-block{background:#0F2133;padding:85px 20px;position:relative;overflow:hidden}
.financial-reality-asymmetric-block::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#03f5c014 0%,transparent 70%);border-radius:50%}
.financial-reality-grid-layout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:0.85fr 1.15fr;gap:70px;align-items:start}
.financial-reality-image-block{position:sticky;top:100px}
.financial-reality-image-block img{width:100%;height:auto;border-radius:20px;box-shadow:0 15px 45px #0000004d}
.financial-reality-content-area{padding-top:15px}
.financial-reality-heading{font-size:2.5rem;color:#fff;line-height:1.3;margin:0 0 35px;font-weight:700}
.financial-reality-heading::after{content:'';display:block;width:90px;height:5px;background:#03F5C0;margin-top:20px;border-radius:3px}
.financial-reality-info-cards{display:flex;flex-direction:column;gap:24px}
.financial-reality-single-card{background:#e4f0f30f;padding:30px 34px;border-radius:14px;border:1px solid #03f5c026;transition:all .35s ease}
.financial-reality-single-card:hover{background:#e4f0f31a;border-color:#03f5c059;transform:translateX(8px)}
.financial-reality-card-title{font-size:1.3rem;color:#03F5C0;margin:0 0 14px;font-weight:600}
.financial-reality-card-text{font-size:1.05rem;color:#E4F0F3;line-height:1.7;margin:0}
.practical-approach-curved-section{background:#fff;padding:95px 20px;position:relative}
.practical-approach-curved-section::before{content:'';position:absolute;bottom:0;left:0;right:0;height:180px;background:linear-gradient(180deg,transparent 0%,#E4F0F3 100%);clip-path:ellipse(100% 100% at 50% 100%)}
.practical-approach-container{max-width:1180px;margin:0 auto;position:relative;z-index:2}
.practical-approach-header-block{text-align:center;max-width:850px;margin:0 auto 65px}
.practical-approach-main-heading{font-size:2.7rem;color:#0F2133;line-height:1.25;margin:0 0 24px;font-weight:700}
.practical-approach-intro-paragraph{font-size:1.15rem;color:#0F2133;line-height:1.7;margin:0;opacity:.85}
.practical-approach-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:55px}
.practical-approach-feature-item{background:linear-gradient(145deg,#fff 0%,#E4F0F3 100%);padding:38px 30px;border-radius:18px;text-align:center;box-shadow:0 8px 28px #0f213314;transition:all .4s ease;position:relative;overflow:hidden}
.practical-approach-feature-item::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#03F5C0 0%,#0F2133 100%);transform:scaleX(0);transition:transform .4s ease}
.practical-approach-feature-item:hover::before{transform:scaleX(1)}
.practical-approach-feature-item:hover{transform:translateY(-8px);box-shadow:0 15px 40px #0f213326}
.practical-approach-feature-number{display:inline-block;width:60px;height:60px;line-height:60px;background:#0F2133;color:#03F5C0;font-size:1.6rem;font-weight:700;border-radius:50%;margin-bottom:22px}
.practical-approach-feature-name{font-size:1.25rem;color:#0F2133;margin:0 0 14px;font-weight:600}
.practical-approach-feature-detail{font-size:.98rem;color:#0F2133;line-height:1.65;margin:0;opacity:.8}
.practical-approach-bottom-image{text-align:center;margin-top:50px}
.practical-approach-bottom-image img{max-width:100%;height:auto;border-radius:20px;box-shadow:0 12px 40px #0f21331f}
.commitment-layered-block{background:linear-gradient(155deg,#0F2133 0%,#1a3a52 100%);padding:100px 20px;position:relative;overflow:hidden}
.commitment-layered-block::after{content:'';position:absolute;bottom:-100px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,#03f5c01f 0%,transparent 65%);border-radius:50%}
.commitment-split-layout{max-width:1220px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:2}
.commitment-text-zone{padding-right:30px}
.commitment-primary-title{font-size:2.8rem;color:#fff;line-height:1.25;margin:0 0 30px;font-weight:700;position:relative;display:inline-block}
.commitment-primary-title::after{content:'';position:absolute;bottom:-10px;left:0;width:120px;height:4px;background:linear-gradient(90deg,#03F5C0 0%,transparent 100%);border-radius:2px}
.commitment-body-copy{font-size:1.1rem;color:#E4F0F3;line-height:1.75;margin:0 0 28px}
.commitment-values-list{list-style:none;padding:0;margin:0 0 40px}
.commitment-values-list li{font-size:1.05rem;color:#E4F0F3;line-height:1.7;margin-bottom:18px;padding-left:35px;position:relative}
.commitment-values-list li::before{content:'';position:absolute;left:0;color:#03F5C0;font-weight:700;font-size:1.3rem}
.commitment-action-link{display:inline-block;background:transparent;color:#03F5C0;padding:16px 38px;font-size:1.08rem;font-weight:600;text-decoration:none;border:2px solid #03F5C0;border-radius:8px;transition:all .3s ease}
.commitment-action-link:hover{background:#03F5C0;color:#0F2133;transform:scale(1.05)}
.commitment-visual-zone img{width:100%;height:auto;border-radius:18px;box-shadow:0 18px 50px #00000059}
@media (max-width: 1024px) {
.index-hero-main-title{font-size:3rem}
.index-hero-subtitle-text{font-size:1.2rem}
.family-planning-content-wrapper{grid-template-columns:1fr;gap:50px}
.family-planning-text-column{padding-right:0}
.financial-reality-grid-layout{grid-template-columns:1fr;gap:50px}
.financial-reality-image-block{position:relative;top:0}
.practical-approach-features-grid{grid-template-columns:repeat(2,1fr);gap:30px}
.commitment-split-layout{grid-template-columns:1fr;gap:50px}
.commitment-text-zone{padding-right:0}
}
@media (max-width: 768px) {
.index-hero-container{height:85vh;min-height:550px}
.index-hero-main-title{font-size:2.3rem;margin-bottom:22px}
.index-hero-subtitle-text{font-size:1.05rem;margin-bottom:32px}
.index-hero-cta-button{padding:15px 35px;font-size:1rem}
.family-planning-diagonal-section{padding:60px 20px 70px;clip-path:polygon(0 0,100% 2%,100% 98%,0 100%)}
.family-planning-section-title{font-size:2rem;margin-bottom:20px}
.family-planning-description-text{font-size:1rem;margin-bottom:24px}
.family-planning-highlight-box{padding:22px 24px;margin-bottom:24px}
.financial-reality-asymmetric-block{padding:60px 20px}
.financial-reality-heading{font-size:2rem;margin-bottom:28px}
.financial-reality-single-card{padding:24px 26px}
.financial-reality-card-title{font-size:1.15rem}
.financial-reality-card-text{font-size:.98rem}
.practical-approach-curved-section{padding:60px 20px}
.practical-approach-main-heading{font-size:2.1rem;margin-bottom:18px}
.practical-approach-intro-paragraph{font-size:1.05rem}
.practical-approach-features-grid{grid-template-columns:1fr;gap:25px;margin-bottom:40px}
.practical-approach-feature-item{padding:30px 24px}
.practical-approach-feature-number{width:50px;height:50px;line-height:50px;font-size:1.4rem;margin-bottom:18px}
.practical-approach-feature-name{font-size:1.15rem;margin-bottom:12px}
.commitment-layered-block{padding:65px 20px}
.commitment-primary-title{font-size:2.1rem;margin-bottom:24px}
.commitment-body-copy{font-size:1.02rem;margin-bottom:22px}
.commitment-values-list{margin-bottom:32px}
.commitment-values-list li{font-size:.98rem;margin-bottom:15px}
.commitment-action-link{padding:14px 32px;font-size:1rem}
}
@media (max-width: 480px) {
.index-hero-main-title{font-size:1.9rem}
.index-hero-subtitle-text{font-size:.95rem}
.family-planning-section-title{font-size:1.7rem}
.financial-reality-heading{font-size:1.75rem}
.practical-approach-main-heading{font-size:1.8rem}
.commitment-primary-title{font-size:1.8rem}
}
.contact-layout-container{max-width:1200px;margin:0 auto;padding:0 20px}
.contact-hero-area{background:linear-gradient(135deg,#E4F0F3 0%,#fff 100%);padding:80px 20px 60px;margin-bottom:0;position:relative;overflow:hidden}
.contact-hero-area::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#03f5c014 0%,transparent 70%);border-radius:50%}
.contact-hero-content{max-width:700px;margin:0 auto;text-align:center;position:relative;z-index:2}
.contact-hero-content h1{font-size:2.8rem;color:#0F2133;margin-bottom:24px;font-weight:700;line-height:1.2}
.contact-hero-content h1::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#03F5C0 0%,#0F2133 100%);margin:20px auto 0;border-radius:2px}
.contact-hero-content p{font-size:1.1rem;color:#0F2133;line-height:1.7;margin-bottom:0;opacity:.85}
.contact-main-wrapper{background:#fff;padding:60px 0 80px}
.contact-grid-split{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;max-width:1200px;margin:0 auto;padding:0 20px}
.contact-info-sidebar{background:linear-gradient(160deg,#E4F0F3 0%,#fff 100%);padding:45px 35px;border-radius:12px;box-shadow:0 4px 20px #0f21330f;height:fit-content;border:1px solid #03f5c026}
.contact-info-sidebar h2{font-size:1.8rem;color:#0F2133;margin-bottom:28px;font-weight:700;position:relative;padding-left:18px}
.contact-info-sidebar h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:32px;background:#03F5C0;border-radius:3px}
.contact-info-block{margin-bottom:32px}
.contact-info-block:last-child{margin-bottom:0}
.contact-info-block h3{font-size:.95rem;color:#0F2133;margin-bottom:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.7}
.contact-info-block p{font-size:1.05rem;color:#0F2133;line-height:1.6;margin:0}
.contact-info-block a{color:#0F2133;text-decoration:none;transition:color .3s ease;font-weight:500}
.contact-info-block a:hover{color:#03F5C0}
.contact-schedule-note{background:#03f5c014;padding:20px;border-radius:8px;margin-top:35px;border-left:4px solid #03F5C0}
.contact-schedule-note p{font-size:.95rem;color:#0F2133;line-height:1.6;margin:0}
.contact-schedule-note p strong{display:block;margin-bottom:8px;font-size:1rem}
.contact-form-area{background:#fff}
.contact-form-area h2{font-size:2rem;color:#0F2133;margin-bottom:16px;font-weight:700}
.contact-form-intro{font-size:1.05rem;color:#0F2133;line-height:1.7;margin-bottom:40px;opacity:.8}
.contact-form-structure{display:grid;gap:28px}
.form-field-wrapper{position:relative}
.form-field-wrapper label{display:block;font-size:.95rem;color:#0F2133;margin-bottom:10px;font-weight:600}
.form-field-wrapper input,.form-field-wrapper textarea,.form-field-wrapper select{width:100%;padding:15px 18px;border:2px solid #E4F0F3;border-radius:8px;font-size:1rem;color:#0F2133;background:#fff;transition:all .3s ease;font-family:inherit}
.form-field-wrapper input:focus,.form-field-wrapper textarea:focus,.form-field-wrapper select:focus{outline:none;border-color:#03F5C0;box-shadow:0 0 0 4px #03f5c01a}
.form-field-wrapper textarea{min-height:140px;resize:vertical}
.form-field-wrapper select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%230F2133' d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:45px;cursor:pointer}
.form-grid-double{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.privacy-consent-wrapper{margin-top:35px;padding:20px;background:#E4F0F3;border-radius:8px}
.privacy-consent-wrapper label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:.95rem;color:#0F2133;line-height:1.6}
.privacy-consent-wrapper input[type="checkbox"]{margin-top:4px;width:20px;height:20px;cursor:pointer;flex-shrink:0;accent-color:#03F5C0}
.privacy-consent-wrapper a{color:#0F2133;font-weight:600;text-decoration:underline;transition:color .3s ease}
.privacy-consent-wrapper a:hover{color:#03F5C0}
.form-submit-wrapper{margin-top:35px}
.form-submit-btn{background:linear-gradient(135deg,#0F2133 0%,#1a3449 100%);color:#fff;border:none;padding:18px 50px;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0f213333;position:relative;overflow:hidden}
.form-submit-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#03f5c04d,transparent);transition:left .5s ease}
.form-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #0f21334d}
.form-submit-btn:hover::before{left:100%}
.contact-location-section{background:linear-gradient(180deg,#fff 0%,#E4F0F3 100%);padding:70px 20px;margin-top:0}
.location-content-wrapper{max-width:900px;margin:0 auto;text-align:center}
.location-content-wrapper h2{font-size:2.2rem;color:#0F2133;margin-bottom:22px;font-weight:700}
.location-content-wrapper h2::before{content:'';display:block;font-size:2.5rem;margin-bottom:15px}
.location-description{font-size:1.1rem;color:#0F2133;line-height:1.7;margin-bottom:40px;opacity:.85;max-width:700px;margin-left:auto;margin-right:auto}
.location-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:45px}
.location-detail-card{background:#fff;padding:35px 25px;border-radius:10px;box-shadow:0 3px 15px #0f213314;border-top:4px solid #03F5C0;transition:transform .3s ease,box-shadow .3s ease}
.location-detail-card:hover{transform:translateY(-5px);box-shadow:0 6px 25px #0f21331f}
.location-detail-card h3{font-size:1.1rem;color:#0F2133;margin-bottom:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.location-detail-card p{font-size:1rem;color:#0F2133;line-height:1.6;margin:0}
@media (max-width: 992px) {
.contact-grid-split{grid-template-columns:1fr;gap:50px}
.contact-hero-content h1{font-size:2.2rem}
.contact-form-area h2{font-size:1.7rem}
.location-content-wrapper h2{font-size:1.9rem}
}
@media (max-width: 768px) {
.contact-hero-area{padding:60px 20px 50px}
.contact-hero-content h1{font-size:1.9rem}
.contact-hero-content p{font-size:1rem}
.contact-main-wrapper{padding:50px 0 60px}
.contact-info-sidebar{padding:35px 25px}
.form-grid-double{grid-template-columns:1fr;gap:28px}
.location-details-grid{grid-template-columns:1fr;gap:25px}
.form-submit-btn{width:100%}
.contact-location-section{padding:60px 20px}
}
@media (max-width: 480px) {
.contact-hero-content h1{font-size:1.6rem}
.contact-info-sidebar h2{font-size:1.5rem}
.contact-form-area h2{font-size:1.5rem}
.location-content-wrapper h2{font-size:1.6rem}
}
.about-story-page{background:#fff;overflow-x:hidden}
.about-story-page .hero-intro-section{background:linear-gradient(135deg,#E4F0F3 0%,#fff 100%);padding:80px 20px 100px;position:relative}
.about-story-page .hero-intro-section::before{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,#03F5C0 50%,transparent 100%)}
.about-story-page .hero-intro-content{max-width:1200px;margin:0 auto;text-align:center}
.about-story-page .hero-intro-content h1{font-size:3.2rem;color:#0F2133;margin-bottom:30px;font-weight:700;line-height:1.2;position:relative;display:inline-block}
.about-story-page .hero-intro-content h1::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:#03F5C0;border-radius:2px}
.about-story-page .hero-intro-content p{font-size:1.25rem;color:#0F2133;line-height:1.8;max-width:800px;margin:40px auto 0;opacity:.9}
.about-story-page .values-grid-block{padding:100px 20px;background:#fff}
.about-story-page .values-grid-container{max-width:1200px;margin:0 auto}
.about-story-page .values-grid-title{font-size:2.5rem;color:#0F2133;margin-bottom:60px;text-align:center;font-weight:600}
.about-story-page .values-cards-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.about-story-page .value-individual-card{background:#E4F0F3;padding:40px 30px;border-radius:12px;transition:all .3s ease;border:2px solid transparent}
.about-story-page .value-individual-card:hover{transform:translateY(-8px);border-color:#03F5C0;box-shadow:0 12px 30px #03f5c026}
.about-story-page .value-card-icon{width:60px;height:60px;background:linear-gradient(135deg,#03F5C0 0%,#0F2133 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:25px;font-size:1.8rem;color:#fff}
.about-story-page .value-card-heading{font-size:1.5rem;color:#0F2133;margin-bottom:15px;font-weight:600}
.about-story-page .value-card-text{font-size:1rem;color:#0F2133;line-height:1.7;opacity:.85}
.about-story-page .journey-visual-section{background:linear-gradient(180deg,#0F2133 0%,#1a3548 100%);padding:100px 20px;position:relative;overflow:hidden}
.about-story-page .journey-visual-section::before{content:'';position:absolute;top:0;left:-50%;width:200%;height:100%;background:radial-gradient(circle at center,#03f5c01a 0%,transparent 70%);animation:pulse-glow 8s ease-in-out infinite}
@keyframes pulse-glow {
0%,100%{opacity:.3}
50%{opacity:.6}
}
.about-story-page .journey-visual-wrapper{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.about-story-page .journey-text-content h2{font-size:2.5rem;color:#03F5C0;margin-bottom:30px;font-weight:600;line-height:1.3}
.about-story-page .journey-text-content p{font-size:1.1rem;color:#E4F0F3;line-height:1.8;margin-bottom:20px}
.about-story-page .journey-image-holder{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #03f5c033}
.about-story-page .journey-image-holder img{width:100%;height:auto;display:block;object-fit:cover}
.about-story-page .approach-showcase-area{padding:100px 20px;background:#E4F0F3}
.about-story-page .approach-showcase-container{max-width:1100px;margin:0 auto}
.about-story-page .approach-main-heading{font-size:2.5rem;color:#0F2133;text-align:center;margin-bottom:70px;font-weight:600;position:relative}
.about-story-page .approach-main-heading::before{content:'';position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:50px;height:50px;background:#03F5C0;opacity:.2;border-radius:50%}
.about-story-page .approach-steps-layout{display:flex;flex-direction:column;gap:40px}
.about-story-page .approach-single-step{background:#fff;padding:45px;border-radius:12px;display:grid;grid-template-columns:80px 1fr;gap:30px;align-items:start;box-shadow:0 4px 20px #0f213314;transition:all .3s ease;position:relative}
.about-story-page .approach-single-step:hover{box-shadow:0 8px 30px #03f5c033;transform:translateX(10px)}
.about-story-page .step-number-marker{width:70px;height:70px;background:linear-gradient(135deg,#03F5C0 0%,#0F2133 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;color:#fff;flex-shrink:0}
.about-story-page .step-text-area h3{font-size:1.6rem;color:#0F2133;margin-bottom:15px;font-weight:600}
.about-story-page .step-text-area p{font-size:1.05rem;color:#0F2133;line-height:1.7;opacity:.85}
.about-story-page .expertise-display-zone{padding:100px 20px;background:#fff;position:relative}
.about-story-page .expertise-display-zone::after{content:'';position:absolute;top:50%;right:0;width:300px;height:300px;background:radial-gradient(circle,#03f5c01a 0%,transparent 70%);border-radius:50%;transform:translateY(-50%);pointer-events:none}
.about-story-page .expertise-inner-wrapper{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:45% 55%;gap:50px;align-items:center}
.about-story-page .expertise-photo-holder{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 15px 50px #0f213326}
.about-story-page .expertise-photo-holder::before{content:'';position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border:3px solid #03F5C0;border-radius:16px;z-index:-1}
.about-story-page .expertise-photo-holder img{width:100%;height:auto;display:block;object-fit:cover}
.about-story-page .expertise-content-side h2{font-size:2.3rem;color:#0F2133;margin-bottom:30px;font-weight:600;line-height:1.3}
.about-story-page .expertise-content-side p{font-size:1.1rem;color:#0F2133;line-height:1.8;margin-bottom:25px;opacity:.9}
.about-story-page .expertise-highlight-box{background:linear-gradient(135deg,#E4F0F3 0%,#fff 100%);padding:30px;border-radius:10px;border-left:4px solid #03F5C0;margin-top:30px}
.about-story-page .expertise-highlight-box p{font-size:1.05rem;color:#0F2133;line-height:1.7;margin:0;font-style:italic}
.about-story-page .commitment-finale-section{background:linear-gradient(135deg,#0F2133 0%,#1a3548 100%);padding:100px 20px;position:relative;overflow:hidden}
.about-story-page .commitment-finale-section::before{content:'';position:absolute;bottom:-100px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,#03f5c026 0%,transparent 70%);border-radius:50%}
.about-story-page .commitment-finale-section::after{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,#e4f0f314 0%,transparent 70%);border-radius:50%}
.about-story-page .commitment-finale-content{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:2}
.about-story-page .commitment-finale-content h2{font-size:2.8rem;color:#03F5C0;margin-bottom:35px;font-weight:600;line-height:1.3}
.about-story-page .commitment-finale-content p{font-size:1.2rem;color:#E4F0F3;line-height:1.9;margin-bottom:30px}
.about-story-page .commitment-image-block{margin:50px auto 40px;max-width:700px;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #03f5c040}
.about-story-page .commitment-image-block img{width:100%;height:auto;display:block;object-fit:cover}
.about-story-page .cta-buttons-group{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:45px}
.about-story-page .btn-primary-custom{background:#03F5C0;color:#0F2133;padding:16px 40px;border-radius:8px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block;border:2px solid #03F5C0}
.about-story-page .btn-primary-custom:hover{background:transparent;color:#03F5C0;transform:translateY(-3px);box-shadow:0 8px 25px #03f5c04d}
.about-story-page .btn-secondary-outline{background:transparent;color:#E4F0F3;padding:16px 40px;border-radius:8px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block;border:2px solid #E4F0F3}
.about-story-page .btn-secondary-outline:hover{background:#E4F0F3;color:#0F2133;transform:translateY(-3px);box-shadow:0 8px 25px #e4f0f34d}
@media (max-width: 768px) {
.about-story-page .hero-intro-content h1{font-size:2.2rem}
.about-story-page .hero-intro-content p{font-size:1.1rem}
.about-story-page .values-grid-title{font-size:2rem}
.about-story-page .values-cards-wrapper{grid-template-columns:1fr}
.about-story-page .journey-visual-wrapper{grid-template-columns:1fr;gap:40px}
.about-story-page .journey-text-content h2{font-size:2rem}
.about-story-page .approach-single-step{grid-template-columns:1fr;gap:20px;padding:30px}
.about-story-page .step-number-marker{margin:0 auto}
.about-story-page .expertise-inner-wrapper{grid-template-columns:1fr;gap:40px}
.about-story-page .expertise-content-side h2{font-size:1.9rem}
.about-story-page .commitment-finale-content h2{font-size:2.2rem}
.about-story-page .cta-buttons-group{flex-direction:column;align-items:stretch}
.about-story-page .btn-primary-custom,.about-story-page .btn-secondary-outline{text-align:center}
}
.opiniones-hero-principal{background:linear-gradient(135deg,#E4F0F3 0%,#fff 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.opiniones-hero-principal::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#03f5c01a 0%,transparent 70%);border-radius:50%}
.contenedor-opiniones-hero{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.opiniones-titulo-principal{font-size:3.2rem;color:#0F2133;margin-bottom:25px;font-weight:700;line-height:1.2}
.opiniones-subtitulo-hero{font-size:1.3rem;color:#0F2133;opacity:.8;max-width:700px;line-height:1.6;margin-bottom:15px}
.seccion-testimonios-grid{padding:90px 20px;background:#fff;position:relative}
.contenedor-testimonios-grid{max-width:1200px;margin:0 auto}
.encabezado-testimonios-seccion{text-align:center;margin-bottom:70px}
.titulo-seccion-testimonios{font-size:2.6rem;color:#0F2133;margin-bottom:20px;font-weight:700;position:relative;display:inline-block}
.titulo-seccion-testimonios::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#03F5C0 0%,#0F2133 100%);border-radius:2px}
.descripcion-testimonios{font-size:1.15rem;color:#0F2133;opacity:.75;max-width:650px;margin:30px auto 0;line-height:1.7}
.grid-testimonios-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:35px;margin-top:50px}
.tarjeta-testimonio-individual{background:linear-gradient(135deg,#fff 0%,#E4F0F3 100%);border-radius:16px;padding:40px 32px;box-shadow:0 4px 20px #0f213314;transition:all .3s ease;border:1px solid #03f5c026;position:relative}
.tarjeta-testimonio-individual::before{content:'"';position:absolute;top:15px;left:25px;color:#03F5C0;opacity:.2;font:5rem/1 Georgia,serif}
.tarjeta-testimonio-individual:hover{transform:translateY(-8px);box-shadow:0 8px 30px #0f213326;border-color:#03F5C0}
.texto-testimonio-cliente{font-size:1.05rem;color:#0F2133;line-height:1.75;margin-bottom:28px;position:relative;z-index:1}
.info-autor-testimonio{display:flex;align-items:center;gap:15px;padding-top:20px;border-top:2px solid #03f5c040}
.iniciales-autor-circulo{width:55px;height:55px;border-radius:50%;background:linear-gradient(135deg,#0F2133 0%,#03F5C0 100%);display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;color:#fff;flex-shrink:0}
.detalles-autor-testimonio{flex:1}
.nombre-autor-testimonio{font-size:1.15rem;color:#0F2133;font-weight:600;margin-bottom:4px}
.contexto-autor-testimonio{font-size:.95rem;color:#0F2133;opacity:.65}
.seccion-valor-experiencias{padding:90px 20px;background:linear-gradient(180deg,#E4F0F3 0%,#fff 50%,#E4F0F3 100%);position:relative}
.contenedor-valor-experiencias{max-width:1150px;margin:0 auto}
.layout-valor-contenido{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}
.columna-imagen-valor{position:relative}
.imagen-experiencias-valor{width:100%;height:auto;border-radius:20px;box-shadow:0 10px 40px #0f213333;display:block}
.columna-imagen-valor::after{content:'';position:absolute;top:25px;left:25px;right:-25px;bottom:-25px;border:3px solid #03F5C0;border-radius:20px;z-index:-1}
.columna-contenido-valor{padding-left:20px}
.titulo-valor-experiencias{font-size:2.4rem;color:#0F2133;margin-bottom:30px;font-weight:700;line-height:1.3}
.titulo-valor-experiencias span{color:#03F5C0;position:relative}
.texto-valor-experiencias{font-size:1.1rem;color:#0F2133;opacity:.8;line-height:1.8;margin-bottom:25px}
.lista-beneficios-experiencias{list-style:none;padding:0;margin:35px 0}
.item-beneficio-experiencia{padding:18px 0;font-size:1.05rem;color:#0F2133;line-height:1.6;position:relative;padding-left:40px}
.item-beneficio-experiencia::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:28px;height:28px;background:linear-gradient(135deg,#03F5C0 0%,#0F2133 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}
.seccion-metodologia-opiniones{padding:90px 20px 100px;background:#fff;position:relative}
.seccion-metodologia-opiniones::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#0F2133 0%,#03F5C0 50%,#0F2133 100%)}
.contenedor-metodologia-opiniones{max-width:1100px;margin:0 auto}
.encabezado-metodologia-centro{text-align:center;margin-bottom:65px}
.titulo-metodologia-opiniones{font-size:2.5rem;color:#0F2133;font-weight:700;margin-bottom:22px}
.subtitulo-metodologia-opiniones{font-size:1.15rem;color:#0F2133;opacity:.75;max-width:700px;margin:0 auto;line-height:1.7}
.grid-proceso-metodologia{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px}
.tarjeta-paso-proceso{background:linear-gradient(135deg,#E4F0F3 0%,#fff 100%);border-radius:18px;padding:45px 32px;text-align:center;position:relative;border:2px solid transparent;transition:all .35s ease}
.tarjeta-paso-proceso:hover{border-color:#03F5C0;transform:translateY(-6px);box-shadow:0 12px 35px #03f5c033}
.numero-paso-proceso{width:70px;height:70px;margin:0 auto 25px;background:linear-gradient(135deg,#0F2133 0%,#03F5C0 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;box-shadow:0 4px 15px #0f213340}
.titulo-paso-proceso{font-size:1.4rem;color:#0F2133;font-weight:600;margin-bottom:16px;line-height:1.3}
.descripcion-paso-proceso{font-size:1.02rem;color:#0F2133;opacity:.75;line-height:1.7}
@media (max-width: 1024px) {
.opiniones-titulo-principal{font-size:2.6rem}
.layout-valor-contenido{grid-template-columns:1fr;gap:50px}
.columna-imagen-valor::after{display:none}
.columna-contenido-valor{padding-left:0}
.grid-proceso-metodologia{grid-template-columns:1fr;gap:30px}
}
@media (max-width: 768px) {
.opiniones-hero-principal{padding:60px 20px 45px}
.opiniones-titulo-principal{font-size:2.2rem}
.opiniones-subtitulo-hero{font-size:1.15rem}
.seccion-testimonios-grid{padding:60px 20px}
.titulo-seccion-testimonios{font-size:2rem}
.grid-testimonios-container{grid-template-columns:1fr;gap:25px}
.tarjeta-testimonio-individual{padding:35px 25px}
.seccion-valor-experiencias{padding:60px 20px}
.titulo-valor-experiencias{font-size:2rem}
.seccion-metodologia-opiniones{padding:60px 20px 70px}
.titulo-metodologia-opiniones{font-size:2rem}
}
.container{max-width:830px;margin:40px auto;background:linear-gradient(120deg,#E4F0F3 0%,#fff 85%);border-radius:18px;box-shadow:0 4px 32px 0 #0f21331a;padding:42px 34px 38px;color:#0F2133;letter-spacing:.01em;font:1.07rem/1.74 'Segoe UI','Arial',sans-serif}
.container h1{font-size:2.25rem;color:#03F5C0;font-weight:700;margin-bottom:22px;letter-spacing:-.02em}
.container h2{font-size:1.5rem;color:#0F2133;font-weight:600;margin-top:38px;margin-bottom:14px;border-left:7px solid #03F5C0;background:linear-gradient(90deg,#E4F0F3 0%,#fff 100%);padding-left:16px}
.container h3{font-size:1.18rem;color:#0F2133;font-weight:500;margin-top:28px;margin-bottom:12px;border-left:4px solid #03F5C0;background:linear-gradient(90deg,#E4F0F3 0%,#fff 70%);padding-left:12px}
.container h4{font-size:1.01rem;color:#03F5C0;font-weight:600;margin-top:26px;margin-bottom:9px;border-left:3px solid #0F2133;background:linear-gradient(90deg,#E4F0F3 0%,#fff 50%);padding-left:9px}
.container p{margin-top:.7em;margin-bottom:.7em;color:#0F2133}
.container ul{margin-left:.9em;margin-bottom:1.3em;padding-left:1em}
.container li{margin-bottom:.68em;background:#E4F0F3;border-radius:7px;padding:.85em 1.2em;box-shadow:0 2px 7px 0 #03f5c014;color:#0F2133;font-size:1.01em}
.container span{color:#03F5C0;font-weight:600}
@media (max-width: 600px) {
.container{padding:14px 4vw 16px}
.container h1{font-size:1.42rem}
.container h2{font-size:1.12rem;padding-left:9px}
.container h3{font-size:1.01rem;padding-left:7px}
}
.domain-privacy-container{font-family:'Segoe UI',Arial,sans-serif;background:linear-gradient(135deg,#E4F0F3 0%,#fff 100%);color:#0F2133;padding:48px 24px 64px;max-width:920px;margin:48px auto;border-radius:24px;box-shadow:0 4px 28px 0 #0f213317 0 1.5px 8px 0 #03f5c00f;border:1px solid #E4F0F3}
.domain-privacy-container h1,.domain-privacy-container h2,.domain-privacy-container h3,.domain-privacy-container h4{color:#0F2133;font-family:inherit}
.domain-privacy-container h1{font-size:2.3rem;font-weight:800;margin-bottom:16px;letter-spacing:-1px}
.domain-privacy-container h2{font-size:1.32rem;font-weight:700;margin-top:44px;margin-bottom:14px;border-left:6px solid #03F5C0;padding-left:14px;background:linear-gradient(90deg,#E4F0F3 50%,#fff 100%);border-radius:4px}
.domain-privacy-container h3{font-size:1.1rem;font-weight:600;margin-top:32px;margin-bottom:10px;border-left:4px solid #0F2133;padding-left:10px;background:#E4F0F3;border-radius:4px}
.domain-privacy-container h4{font-size:1rem;font-weight:600;margin-top:18px;margin-bottom:8px;color:#03F5C0}
.domain-privacy-container p{font-size:1.08rem;margin-bottom:16px;line-height:1.77;color:#1c3240;letter-spacing:.01em}
.domain-privacy-container ul{margin-left:22px;margin-bottom:20px}
.domain-privacy-container li{font-size:1.01rem;margin-bottom:13px;color:#20344b;line-height:1.65;background:linear-gradient(90deg,#E4F0F3 60%,#fff 100%);padding:8px 16px 8px 12px;border-radius:6px;border-left:3px solid #03F5C0;box-shadow:0 .5px .5px 0 #e4f0f3}
.domain-privacy-container span{color:#03F5C0;font-weight:600}
.domain-privacy-container main{display:block;min-width:0;min-height:0}
@media (max-width: 700px) {
.domain-privacy-container{padding:18px 6vw;font-size:1em}
.domain-privacy-container h1{font-size:1.5rem}
.domain-privacy-container h2{font-size:1.08rem;padding-left:8px}
.domain-privacy-container h3{font-size:1.01rem;padding-left:7px}
}
.success-wrapper{background:linear-gradient(135deg,#E4F0F3 0%,#fff 50%,#f8fcfd 100%);min-height:85vh;display:flex;align-items:center;padding:60px 20px}
.success-inner-container{max-width:1200px;margin:0 auto;width:100%}
.confirmation-visual-block{text-align:center;margin-bottom:50px;position:relative}
.success-icon-holder{display:inline-block;position:relative;margin-bottom:35px}
.checkmark-circle{width:140px;height:140px;border-radius:50%;background:linear-gradient(145deg,#03F5C0,#02d9ab);display:flex;align-items:center;justify-content:center;box-shadow:0 15px 45px #03f5c04d;animation:pulse-scale 2s ease-in-out infinite;margin:0 auto}
@keyframes pulse-scale {
0%,100%{transform:scale(1)}
50%{transform:scale(1.05)}
}
.checkmark-symbol{width:70px;height:70px;fill:none;stroke:#0F2133;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:150;stroke-dashoffset:150;animation:draw-check 1s ease-out forwards;animation-delay:.3s}
@keyframes draw-check {
to{stroke-dashoffset:0}
}
.success-heading-primary{font-size:3.2rem;font-weight:700;color:#0F2133;margin:0 0 25px;line-height:1.2;letter-spacing:-.5px}
.success-subheading-text{font-size:1.35rem;color:#5a6c7d;line-height:1.6;max-width:680px;margin:0 auto 45px}
.info-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:55px}
.info-card-item{background:#fff;border:2px solid #E4F0F3;border-radius:16px;padding:35px 30px;transition:all .3s ease;position:relative;overflow:hidden}
.info-card-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#03F5C0,#0F2133);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.info-card-item:hover::before{transform:scaleX(1)}
.info-card-item:hover{border-color:#03F5C0;box-shadow:0 12px 35px #03f5c026;transform:translateY(-5px)}
.card-icon-wrapper{width:60px;height:60px;background:linear-gradient(135deg,#E4F0F3,#d1e7ed);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.card-icon-svg{width:32px;height:32px;stroke:#0F2133;stroke-width:2;fill:none}
.card-heading-title{font-size:1.5rem;font-weight:600;color:#0F2133;margin:0 0 15px;line-height:1.3}
.card-description-text{font-size:1.05rem;color:#6b7c8e;line-height:1.7;margin:0}
.card-description-text strong{color:#0F2133;font-weight:600}
.action-buttons-section{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:60px}
.primary-action-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#0F2133,#1a3548);color:#fff;font-size:1.1rem;font-weight:600;padding:18px 40px;border-radius:12px;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 25px #0f213340;position:relative;z-index:10}
.primary-action-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #0f213359;background:linear-gradient(135deg,#1a3548,#0F2133)}
.secondary-action-btn{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#0F2133;font-size:1.1rem;font-weight:600;padding:18px 40px;border:2px solid #E4F0F3;border-radius:12px;text-decoration:none;transition:all .3s ease;position:relative;z-index:10}
.secondary-action-btn:hover{border-color:#03F5C0;background:#f5fdfc;transform:translateY(-3px);box-shadow:0 8px 20px #03f5c033}
.reference-number-block{background:linear-gradient(145deg,#fff,#f8fcfd);border:2px solid #E4F0F3;border-radius:16px;padding:30px;text-align:center;max-width:600px;margin:0 auto}
.reference-label{font-size:1rem;color:#7a8a9a;margin:0 0 12px;text-transform:uppercase;letter-spacing:1px;font-weight:500}
.reference-code{color:#0F2133;letter-spacing:2px;margin:0;padding:15px;background:#E4F0F3;border-radius:8px;display:inline-block;font:700 1.8rem 'Courier New',monospace}
@media (max-width: 768px) {
.success-wrapper{padding:40px 15px}
.success-heading-primary{font-size:2.2rem}
.success-subheading-text{font-size:1.15rem;margin-bottom:35px}
.info-cards-grid{grid-template-columns:1fr;gap:20px;margin-bottom:40px}
.info-card-item{padding:28px 22px}
.action-buttons-section{flex-direction:column;gap:15px;margin-bottom:40px}
.primary-action-btn,.secondary-action-btn{width:100%;justify-content:center;padding:16px 30px}
.reference-code{font-size:1.4rem;padding:12px}
.checkmark-circle{width:110px;height:110px}
.checkmark-symbol{width:55px;height:55px}
}