*{margin:0;padding:0;box-sizing:border-box}
:root{--color-primary:#6797AE;--color-secondary:#99ADC9;--color-tertiary:#BED3E0;--color-bg-light:#fafbfc;--color-bg-white:#fff;--color-text-dark:#212529;--color-text-medium:#495057;--color-text-light:#6c757d;--gradient-primary:linear-gradient(135deg,#6797AE 0%,#99ADC9 100%);--gradient-soft:linear-gradient(180deg,#BED3E0 0%,#f8f9fa 100%);--shadow-subtle:0 2px 8px #6797ae14;--shadow-medium:0 4px 16px #6797ae1f 0 2px 4px #6797ae0f;--shadow-strong:0 8px 24px #6797ae2e 0 4px 8px #6797ae1a 0 2px 4px #6797ae0f}
body{color:var(--color-text-dark);background-color:var(--color-bg-light);font:16px/1.6 'Work Sans',sans-serif}
h1,h2,h3,h4,h5,h6{font-family:'Manrope',sans-serif;font-weight:600;line-height:1.3}
.topHeaderRow_xk9{background:var(--gradient-primary);padding:14px 0;box-shadow:var(--shadow-subtle)}
.topContainerWrap_m2p{max-width:1240px;margin:0 auto;padding:0 24px;display:flex;justify-content:center;align-items:center;gap:32px}
.companyNameElement_r7q{color:var(--color-bg-white);letter-spacing:.3px;font:600 19px 'Manrope',sans-serif}
.contactEmailLink_w8t{font-size:15px;color:var(--color-bg-white);text-decoration:none;opacity:.92;transition:opacity .25s ease}
.contactEmailLink_w8t:hover{opacity:1}
.navigationRowBlock_v5n{background-color:var(--color-bg-white);box-shadow:var(--shadow-medium);padding:18px 0}
.navContainerInner_d3j{max-width:1240px;margin:0 auto;padding:0 24px;display:flex;justify-content:center}
.mainNavList_z4h{display:flex;list-style:none;gap:42px;align-items:center}
.navItemElement_p1k{position:relative}
.navLinkAnchor_s6m{color:var(--color-text-dark);text-decoration:none;transition:color .25s ease;position:relative;padding:6px 0;display:block;font:500 16px 'Manrope',sans-serif}
.navLinkAnchor_s6m::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width .3s ease}
.navLinkAnchor_s6m:hover{color:var(--color-primary)}
.navLinkAnchor_s6m:hover::after{width:100%}
.navLinkAnchor_s6m:focus{outline:3px solid var(--color-primary);outline-offset:4px;border-radius:2px}
header{position:relative;z-index:100}
.logoRowContainer_q9f{background:var(--gradient-soft);padding:28px 0;display:flex;justify-content:center;align-items:center}
.logoImageElement_b7x{height:90px;width:90px;object-fit:contain;display:block}
main{min-height:58vh}
footer{background:linear-gradient(165deg,#212529 0%,#343a40 100%);color:var(--color-bg-white);padding:56px 0 32px;margin-top:80px;box-shadow:0 -4px 12px #6797ae1a}
.footerContentGrid_y3r{max-width:1240px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px;margin-bottom:42px}
.footerColumnBlock_h8w{display:flex;flex-direction:column;gap:18px}
.footerHeadingText_n2v{color:var(--color-tertiary);margin-bottom:8px;letter-spacing:.4px;font:600 18px 'Manrope',sans-serif}
.footerLinkItem_k5p{color:#ffffffd1;text-decoration:none;font-size:15px;transition:color .25s ease,padding-left .25s ease;display:inline-block}
.footerLinkItem_k5p:hover{color:var(--color-tertiary);padding-left:4px}
.footerLinkItem_k5p:focus{outline:2px solid var(--color-tertiary);outline-offset:3px;border-radius:2px}
.footerLogoWrapper_t4j{margin-bottom:16px}
.footerLogoImage_u9c{height:70px;width:70px;object-fit:contain}
.footerContactText_a1z{color:#ffffffd1;font-size:15px;line-height:1.7}
.footerEmailAnchor_g6x{color:var(--color-tertiary);text-decoration:none;transition:opacity .25s ease}
.footerEmailAnchor_g6x:hover{opacity:.8}
.copyrightBarSection_j2t{border-top:1px solid #ffffff26;padding-top:28px;text-align:center;max-width:1240px;margin:0 auto;padding-left:24px;padding-right:24px}
.copyrightTextPara_f7n{color:#ffffffb3;font-size:14px}
@media (max-width: 768px) {
.topContainerWrap_m2p{flex-direction:column;gap:12px;padding:0 16px}
.companyNameElement_r7q{font-size:17px}
.contactEmailLink_w8t{font-size:14px}
.mainNavList_z4h{flex-direction:column;gap:18px;padding:8px 0}
.navLinkAnchor_s6m{font-size:15px}
.logoImageElement_b7x{height:75px;width:75px}
.footerContentGrid_y3r{grid-template-columns:1fr;gap:36px;padding:0 16px}
}
.cookieConsentOverlay_x9m{position:fixed;bottom:28px;right:28px;background:var(--color-bg-white);border-radius:12px;box-shadow:var(--shadow-strong);padding:28px 32px;max-width:440px;z-index:9999;border:1px solid #6797ae26}
.cookieHeadingTitle_c5r{color:var(--color-text-dark);margin-bottom:14px;font:600 19px 'Manrope',sans-serif}
.cookieDescriptionText_p8w{font-size:14px;color:var(--color-text-medium);line-height:1.65;margin-bottom:22px}
.cookieButtonGroup_t7n{display:flex;gap:12px;flex-wrap:wrap}
.cookieActionButton_h4k{padding:11px 24px;border:none;border-radius:6px;cursor:pointer;transition:opacity .25s ease,background-color .25s ease;flex:1;min-width:120px;font:600 14px 'Manrope',sans-serif}
.cookieActionButton_h4k:focus{outline:3px solid var(--color-primary);outline-offset:2px}
.acceptAllButton_q2j{background:var(--gradient-primary);color:var(--color-bg-white)}
.acceptAllButton_q2j:hover{opacity:.9}
.rejectAllButton_w6v{background-color:#e9ecef;color:var(--color-text-dark)}
.rejectAllButton_w6v:hover{background-color:#dee2e6}
@media (max-width: 520px) {
.cookieConsentOverlay_x9m{bottom:16px;right:16px;left:16px;max-width:none;padding:24px}
.cookieButtonGroup_t7n{flex-direction:column}
.cookieActionButton_h4k{width:100%}
}
.como-funciona-hero{background:linear-gradient(135deg,#f8f9fa 0%,#fff 50%,#fafbfc 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.como-funciona-hero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#6797ae14 0%,transparent 70%);border-radius:50%;z-index:1}
.hero-contenido-principal{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.hero-titulo-principal{font-size:3.2rem;color:#212529;margin-bottom:24px;font-weight:700;line-height:1.2}
.hero-titulo-principal::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#6797AE 0%,#99ADC9 100%);margin-top:20px}
.hero-descripcion-texto{font-size:1.2rem;color:#495057;line-height:1.7;max-width:700px;margin-bottom:35px}
.hero-cta-enlace{display:inline-block;background:#6797AE;color:#fff;padding:16px 40px;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #6797ae33;position:relative;z-index:5}
.hero-cta-enlace:hover{background:#5a8399;transform:translateY(-2px);box-shadow:0 6px 20px #6797ae4d}
.proceso-pasos-seccion{background:#fff;padding:70px 20px;position:relative}
.pasos-contenedor-max{max-width:1100px;margin:0 auto}
.pasos-titulo-seccion{font-size:2.6rem;color:#212529;text-align:center;margin-bottom:50px;font-weight:700;position:relative}
.pasos-titulo-seccion::before{content:'';position:absolute;left:50%;bottom:-15px;transform:translateX(-50%);width:60px;height:3px;background:#99ADC9}
.pasos-grid-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-top:60px}
.paso-individual-tarjeta{background:#fafbfc;padding:35px 28px;border-radius:12px;border-left:5px solid #6797AE;position:relative;transition:all .3s ease}
.paso-individual-tarjeta:hover{transform:translateX(8px);box-shadow:0 8px 24px #6797ae26}
.paso-numero-marcador{position:absolute;top:-20px;left:28px;width:45px;height:45px;background:linear-gradient(135deg,#6797AE 0%,#99ADC9 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.3rem;box-shadow:0 4px 10px #6797ae40;z-index:3}
.paso-titulo-texto{font-size:1.5rem;color:#343a40;margin:25px 0 15px;font-weight:600}
.paso-descripcion-texto{font-size:1.05rem;color:#495057;line-height:1.7}
.herramientas-visuales-seccion{background:linear-gradient(180deg,#f5f6fa 0%,#fff 100%);padding:75px 20px}
.herramientas-contenedor-flex{max-width:1200px;margin:0 auto;display:flex;gap:50px;align-items:center;flex-wrap:wrap}
.herramientas-imagen-bloque{flex:1;min-width:300px}
.herramientas-img-principal{width:100%;height:auto;border-radius:16px;box-shadow:0 12px 32px #0000001a;object-fit:cover;max-height:450px}
.herramientas-contenido-bloque{flex:1;min-width:300px}
.herramientas-titulo-grande{font-size:2.4rem;color:#212529;margin-bottom:25px;font-weight:700}
.herramientas-titulo-grande::before{content:'→';color:#6797AE;margin-right:12px;font-weight:700}
.herramientas-parrafo-texto{font-size:1.1rem;color:#495057;line-height:1.8;margin-bottom:20px}
.herramientas-lista-vertical{list-style:none;padding:0;margin:25px 0}
.herramientas-lista-vertical li{padding:12px 0 12px 35px;position:relative;font-size:1.05rem;color:#343a40;line-height:1.6}
.herramientas-lista-vertical li::before{content:'';position:absolute;left:0;top:12px;color:#6797AE;font-weight:700;font-size:1.3rem}
.testimonios-experiencias-seccion{background:#fff;padding:70px 20px;position:relative}
.testimonios-contenedor-principal{max-width:1100px;margin:0 auto}
.testimonios-encabezado-texto{font-size:2.5rem;color:#212529;text-align:center;margin-bottom:55px;font-weight:700}
.testimonios-grid-tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:35px}
.testimonio-tarjeta-individual{background:linear-gradient(135deg,#fafbfc 0%,#f8f9fa 100%);padding:35px;border-radius:12px;box-shadow:0 6px 18px #0000000f;position:relative;border-top:4px solid #99ADC9}
.testimonio-perfil-contenedor{display:flex;align-items:center;gap:18px;margin-bottom:20px}
.testimonio-foto-perfil{width:65px;height:65px;border-radius:50%;object-fit:cover;border:3px solid #BED3E0}
.testimonio-info-usuario{flex:1}
.testimonio-nombre-usuario{font-size:1.2rem;color:#212529;font-weight:600;margin-bottom:4px}
.testimonio-rol-usuario{font-size:.95rem;color:#6797AE;font-weight:500}
.testimonio-texto-completo{font-size:1.05rem;color:#495057;line-height:1.7;font-style:italic}
.testimonio-texto-completo::before{content:'"';font-size:3rem;color:#BED3E0;line-height:0;position:relative;top:20px;margin-right:5px}
.comparacion-metodos-seccion{background:linear-gradient(180deg,#f8f9fa 0%,#fafbfc 100%);padding:75px 20px}
.comparacion-contenedor-completo{max-width:1150px;margin:0 auto}
.comparacion-titulo-superior{font-size:2.6rem;color:#212529;text-align:center;margin-bottom:45px;font-weight:700}
.comparacion-flex-distribucion{display:flex;gap:45px;align-items:flex-start;flex-wrap:wrap}
.comparacion-imagen-referencia{flex:0 0 380px;min-width:280px}
.comparacion-img-visual{width:100%;height:auto;border-radius:14px;box-shadow:0 10px 28px #0000001f;object-fit:cover;max-height:520px}
.comparacion-tabla-contenedor{flex:1;min-width:300px}
.tabla-comparativa-completa{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 6px 20px #00000014}
.tabla-comparativa-completa thead{background:linear-gradient(135deg,#6797AE 0%,#99ADC9 100%);color:#fff}
.tabla-comparativa-completa th{padding:18px 20px;text-align:left;font-weight:600;font-size:1.1rem}
.tabla-comparativa-completa td{padding:16px 20px;border-bottom:1px solid #e9ecef;color:#343a40;font-size:1.05rem;line-height:1.6}
.tabla-comparativa-completa tbody tr:hover{background:#f8f9fa}
.tabla-comparativa-completa tbody tr:last-child td{border-bottom:none}
.comparacion-icono-check{color:#6797AE;font-weight:700;font-size:1.2rem}
.comparacion-icono-cross{color:#dc3545;font-weight:700;font-size:1.2rem}
.recursos-finales-seccion{background:#fff;padding:70px 20px 80px;text-align:center}
.recursos-contenedor-centrado{max-width:900px;margin:0 auto}
.recursos-titulo-final{font-size:2.5rem;color:#212529;margin-bottom:25px;font-weight:700}
.recursos-descripcion-final{font-size:1.15rem;color:#495057;line-height:1.8;margin-bottom:40px}
.recursos-cta-grupo{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.recursos-boton-primario{display:inline-block;background:#6797AE;color:#fff;padding:16px 38px;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #6797ae33;position:relative;z-index:5}
.recursos-boton-primario:hover{background:#5a8399;transform:translateY(-2px);box-shadow:0 6px 20px #6797ae4d}
.recursos-boton-secundario{display:inline-block;background:transparent;color:#6797AE;padding:16px 38px;text-decoration:none;border-radius:8px;font-weight:600;border:2px solid #6797AE;transition:all .3s ease;position:relative;z-index:5}
.recursos-boton-secundario:hover{background:#6797AE;color:#fff;transform:translateY(-2px)}
@media (max-width: 768px) {
.como-funciona-hero{padding:60px 15px 40px}
.hero-titulo-principal{font-size:2.2rem}
.hero-descripcion-texto{font-size:1.1rem}
.pasos-grid-layout{grid-template-columns:1fr;gap:50px}
.paso-numero-marcador{top:-18px;left:20px;width:40px;height:40px;font-size:1.1rem}
.herramientas-contenedor-flex{flex-direction:column;gap:35px}
.herramientas-titulo-grande{font-size:2rem}
.comparacion-flex-distribucion{flex-direction:column}
.comparacion-imagen-referencia{flex:1 1 100%;max-width:100%}
.tabla-comparativa-completa th,.tabla-comparativa-completa td{padding:12px 14px;font-size:.95rem}
.testimonios-grid-tarjetas{grid-template-columns:1fr}
.recursos-cta-grupo{flex-direction:column;align-items:center}
.recursos-boton-primario,.recursos-boton-secundario{width:100%;max-width:320px;text-align:center}
}
.materiales-estudio-hero{background:linear-gradient(135deg,#f8f9fa 0%,#fff 50%,#fafbfc 100%);padding:5rem 2rem 4rem;position:relative;overflow:hidden}
.materiales-estudio-hero::before{content:'';position:absolute;top:-50%;right:-10%;width:60%;height:200%;background:radial-gradient(circle,#6797ae14 0%,transparent 70%);transform:rotate(-15deg);pointer-events:none}
.hero-contenido-materiales{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.hero-texto-principal{max-width:680px}
.hero-texto-principal h1{font-size:2.8rem;font-weight:700;color:#212529;margin-bottom:1.5rem;line-height:1.2}
.hero-texto-principal h1::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#6797AE 0%,#99ADC9 100%);margin-top:1.2rem;border-radius:2px}
.hero-texto-principal p{font-size:1.15rem;color:#495057;line-height:1.7;margin-bottom:1.2rem}
.hero-boton-accion{display:inline-block;background:#6797AE;color:#fff;padding:.95rem 2.2rem;border-radius:6px;text-decoration:none;font-weight:600;margin-top:1.5rem;transition:all .3s ease;box-shadow:0 4px 12px #6797ae33}
.hero-boton-accion:hover{background:#5a8299;transform:translateY(-2px);box-shadow:0 6px 18px #6797ae4d}
.seccion-recursos-descargables{padding:4.5rem 2rem;background:#fff;position:relative}
.contenedor-recursos-grid{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}
.columna-imagen-recursos{position:sticky;top:2rem}
.columna-imagen-recursos img{width:100%;height:480px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #0000001a}
.columna-contenido-recursos{padding:1rem 0}
.columna-contenido-recursos h2{font-size:2.3rem;color:#212529;margin-bottom:1.8rem;font-weight:700;position:relative;padding-left:1.2rem}
.columna-contenido-recursos h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:70%;background:linear-gradient(180deg,#6797AE 0%,#99ADC9 100%);border-radius:3px}
.lista-materiales-items{display:flex;flex-direction:column;gap:1.8rem}
.item-material-individual{background:#f8f9fa;padding:1.8rem;border-radius:10px;border-left:4px solid #6797AE;transition:all .3s ease}
.item-material-individual:hover{background:#fff;box-shadow:0 6px 20px #00000014;border-left-color:#99ADC9;transform:translateX(8px)}
.item-material-individual h3{font-size:1.4rem;color:#212529;margin-bottom:.8rem;font-weight:600}
.item-material-individual p{font-size:1.02rem;color:#495057;line-height:1.6;margin-bottom:.6rem}
.etiqueta-formato{display:inline-block;background:#BED3E0;color:#212529;padding:.3rem .9rem;border-radius:20px;font-size:.85rem;font-weight:600;margin-top:.6rem}
.seccion-guias-practicas{padding:5rem 2rem;background:linear-gradient(to bottom,#fafbfc 0%,#f8f9fa 100%);position:relative}
.contenedor-guias-wrapper{max-width:1140px;margin:0 auto}
.encabezado-guias-centro{text-align:center;margin-bottom:3.5rem}
.encabezado-guias-centro h2{font-size:2.4rem;color:#212529;margin-bottom:1rem;font-weight:700}
.encabezado-guias-centro h2 span{color:#6797AE;position:relative}
.encabezado-guias-centro h2 span::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:#99ADC9;border-radius:2px}
.encabezado-guias-centro p{font-size:1.1rem;color:#495057;max-width:720px;margin:0 auto;line-height:1.6}
.grid-guias-masonry{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2.5rem}
.tarjeta-guia-practica{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 16px #0000000f;transition:all .3s ease;display:flex;flex-direction:column}
.tarjeta-guia-practica:hover{transform:translateY(-6px);box-shadow:0 8px 28px #6797ae33}
.tarjeta-guia-practica.alta{grid-row:span 2}
.imagen-tarjeta-guia{width:100%;height:220px;object-fit:cover}
.tarjeta-guia-practica.alta .imagen-tarjeta-guia{height:320px}
.contenido-tarjeta-guia{padding:1.8rem;flex-grow:1;display:flex;flex-direction:column}
.contenido-tarjeta-guia h3{font-size:1.35rem;color:#212529;margin-bottom:.9rem;font-weight:600;line-height:1.3}
.contenido-tarjeta-guia p{font-size:.98rem;color:#495057;line-height:1.6;margin-bottom:1.2rem;flex-grow:1}
.enlace-guia-leer{color:#6797AE;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease}
.enlace-guia-leer:hover{color:#5a8299;gap:.8rem}
.enlace-guia-leer::after{content:'→';font-size:1.2rem;transition:transform .2s ease}
.enlace-guia-leer:hover::after{transform:translateX(4px)}
.seccion-herramientas-interactivas{padding:4.5rem 2rem;background:#fff;position:relative}
.contenedor-herramientas-dual{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:45% 55%;gap:3rem;align-items:center}
.panel-herramientas-izquierda h2{font-size:2.2rem;color:#212529;margin-bottom:1.5rem;font-weight:700}
.panel-herramientas-izquierda p{font-size:1.05rem;color:#495057;line-height:1.7;margin-bottom:2rem}
.calculadora-presupuesto-demo{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);padding:2rem;border-radius:12px;border:2px solid #BED3E0;margin-bottom:1.5rem}
.calculadora-presupuesto-demo h4{font-size:1.15rem;color:#212529;margin-bottom:1.2rem;font-weight:600;display:flex;align-items:center;gap:.6rem}
.calculadora-presupuesto-demo h4::before{content:'';font-size:1.4rem}
.campo-calculadora{margin-bottom:1rem}
.campo-calculadora label{display:block;font-size:.92rem;color:#343a40;margin-bottom:.4rem;font-weight:500}
.campo-calculadora input{width:100%;padding:.7rem;border:1px solid #BED3E0;border-radius:6px;font-size:.95rem;transition:all .2s ease}
.campo-calculadora input:focus{outline:none;border-color:#6797AE;box-shadow:0 0 0 3px #6797ae1a}
.boton-calcular-demo{background:#6797AE;color:#fff;padding:.8rem 1.8rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;width:100%;margin-top:.8rem;transition:all .3s ease}
.boton-calcular-demo:hover{background:#5a8299;transform:translateY(-2px)}
.panel-herramientas-derecha img{width:100%;height:520px;object-fit:cover;border-radius:12px;box-shadow:0 10px 30px #0000001f}
.nota-acceso-herramientas{background:#fafbfc;padding:1.2rem;border-radius:8px;border-left:4px solid #99ADC9;font-size:.95rem;color:#495057;line-height:1.5}
@media (max-width: 992px) {
.materiales-estudio-hero{padding:3.5rem 1.5rem 3rem}
.hero-texto-principal h1{font-size:2.2rem}
.contenedor-recursos-grid{grid-template-columns:1fr;gap:2.5rem}
.columna-imagen-recursos{position:relative;top:0}
.columna-imagen-recursos img{height:360px}
.grid-guias-masonry{grid-template-columns:1fr}
.tarjeta-guia-practica.alta{grid-row:span 1}
.tarjeta-guia-practica.alta .imagen-tarjeta-guia{height:220px}
.contenedor-herramientas-dual{grid-template-columns:1fr;gap:2.5rem}
.panel-herramientas-derecha img{height:400px}
}
@media (max-width: 768px) {
.materiales-estudio-hero{padding:2.5rem 1rem 2rem}
.hero-texto-principal h1{font-size:1.85rem}
.hero-texto-principal p{font-size:1.05rem}
.seccion-recursos-descargables{padding:3rem 1rem}
.columna-contenido-recursos h2{font-size:1.9rem}
.item-material-individual{padding:1.3rem}
.seccion-guias-practicas{padding:3.5rem 1rem}
.encabezado-guias-centro h2{font-size:1.95rem}
.seccion-herramientas-interactivas{padding:3rem 1rem}
.panel-herramientas-izquierda h2{font-size:1.85rem}
.panel-herramientas-derecha img{height:320px}
}
.index-hero-immersive{position:relative;min-height:95vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#6797AE 0%,#99ADC9 100%)}
.index-hero-immersive::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(./photo_directory/6RKXFEBt8e.jpg);background-size:cover;background-position:center;opacity:.15;z-index:1}
.index-hero-immersive::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:120px;background:#fff;clip-path:polygon(0 80%,100% 0%,100% 100%,0% 100%);z-index:2}
.hero-content-wrapper{position:relative;z-index:3;max-width:1200px;margin:0 auto;padding:40px 20px}
.hero-title-main{font-size:4.2rem;font-weight:800;color:#fff;line-height:1.1;margin:0 0 30px;text-shadow:2px 4px 12px #0003;letter-spacing:-.02em}
.hero-subtitle-text{font-size:1.5rem;color:#fff;line-height:1.6;margin:0 0 40px;max-width:680px;opacity:.95}
.hero-cta-primary{display:inline-block;padding:18px 45px;background:#fff;color:#6797AE;font-size:1.1rem;font-weight:700;text-decoration:none;border-radius:8px;transition:all .3s ease;box-shadow:0 6px 20px #00000026}
.hero-cta-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00000040;background:#f8f9fa}
.diagonal-content-block{position:relative;background:#f8f9fa;padding:120px 20px 80px;overflow:hidden}
.diagonal-content-block::before{content:'';position:absolute;top:-60px;left:0;width:100%;height:100%;background:linear-gradient(165deg,#fff 0%,#f8f9fa 50%);z-index:1;clip-path:polygon(0 0,100% 8%,100% 100%,0 100%)}
.diagonal-inner-container{position:relative;z-index:2;max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.diagonal-text-area{padding-right:30px}
.diagonal-section-label{display:inline-block;padding:8px 20px;background:#BED3E0;color:#343a40;font-size:.9rem;font-weight:600;border-radius:20px;margin-bottom:20px;text-transform:uppercase;letter-spacing:.05em}
.diagonal-heading-main{font-size:2.8rem;color:#212529;line-height:1.2;margin:0 0 25px;font-weight:700}
.diagonal-heading-main::after{content:'';display:block;width:80px;height:5px;background:linear-gradient(90deg,#6797AE,#99ADC9);margin-top:20px;border-radius:3px}
.diagonal-description-text{font-size:1.1rem;color:#495057;line-height:1.7;margin:0 0 20px}
.diagonal-image-wrapper{position:relative}
.diagonal-featured-image{width:100%;height:450px;object-fit:cover;border-radius:12px;box-shadow:0 15px 40px #0000001f;transform:rotate(2deg);transition:transform .4s ease}
.diagonal-featured-image:hover{transform:rotate(0deg) scale(1.02)}
.asymmetric-showcase-section{background:#fff;padding:100px 20px;position:relative}
.asymmetric-layout-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:50px}
.asymmetric-main-content{display:flex;flex-direction:column;gap:40px}
.asymmetric-card-item{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);padding:40px;border-radius:10px;border-left:6px solid #6797AE;box-shadow:0 4px 15px #0000000f;transition:all .3s ease}
.asymmetric-card-item:hover{transform:translateX(8px);box-shadow:0 8px 25px #0000001f;border-left-color:#99ADC9}
.asymmetric-card-heading{font-size:1.8rem;color:#212529;margin:0 0 15px;font-weight:700;position:relative;padding-left:30px}
.asymmetric-card-heading::before{content:'→';position:absolute;left:0;top:-2px;color:#6797AE;font-size:1.5rem;font-weight:900}
.asymmetric-card-text{font-size:1.05rem;color:#495057;line-height:1.7;margin:0}
.asymmetric-sidebar-area{display:flex;flex-direction:column;gap:30px}
.asymmetric-sidebar-image{width:100%;height:280px;object-fit:cover;border-radius:10px;box-shadow:0 8px 20px #0000001a}
.layered-testimonial-zone{background:linear-gradient(180deg,#BED3E0 0%,#99ADC9 100%);padding:90px 20px;position:relative;overflow:hidden}
.layered-testimonial-zone::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:#ffffff1a;border-radius:50%;z-index:1}
.testimonial-content-container{position:relative;z-index:2;max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.testimonial-profile-box{background:#fff;padding:45px;border-radius:15px;box-shadow:0 10px 35px #00000026;text-align:center}
.testimonial-avatar-image{width:120px;height:120px;border-radius:50%;object-fit:cover;margin:0 auto 20px;border:5px solid #6797AE;box-shadow:0 6px 18px #0000001a}
.testimonial-author-name{font-size:1.5rem;color:#212529;margin:0 0 8px;font-weight:700}
.testimonial-author-role{font-size:1rem;color:#6797AE;margin:0 0 20px;font-weight:500}
.testimonial-quote-text{font-size:1.05rem;color:#495057;line-height:1.7;font-style:italic;margin:0}
.testimonial-text-column{display:flex;flex-direction:column;gap:30px}
.testimonial-secondary-card{background:#fffffff2;padding:35px;border-radius:12px;box-shadow:0 6px 20px #0000001a}
.testimonial-secondary-name{font-size:1.3rem;color:#212529;margin:0 0 15px;font-weight:700;display:flex;align-items:center;gap:12px}
.testimonial-profile-mini{width:50px;height:50px;border-radius:50%;object-fit:cover;border:3px solid #99ADC9}
.testimonial-secondary-text{font-size:1rem;color:#495057;line-height:1.6;margin:0;font-style:italic}
.geometric-final-section{background:#fff;padding:100px 20px;position:relative;clip-path:polygon(0 10%,100% 0,100% 100%,0 100%);margin-top:-80px}
.geometric-split-layout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.geometric-text-zone{padding-right:40px}
.geometric-main-title{font-size:2.6rem;color:#212529;line-height:1.2;margin:0 0 25px;font-weight:800;position:relative}
.geometric-main-title::before{content:'';position:absolute;left:-20px;top:0;width:6px;height:100%;background:linear-gradient(180deg,#6797AE,#99ADC9);border-radius:3px}
.geometric-description-block{font-size:1.1rem;color:#495057;line-height:1.7;margin:0 0 35px}
.geometric-cta-button{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#6797AE 0%,#99ADC9 100%);color:#fff;font-size:1.05rem;font-weight:700;text-decoration:none;border-radius:8px;transition:all .3s ease;box-shadow:0 6px 20px #6797ae4d}
.geometric-cta-button:hover{transform:translateY(-4px);box-shadow:0 10px 30px #6797ae66}
.geometric-visual-area{position:relative}
.geometric-stacked-images{position:relative;height:500px}
.geometric-image-layer{position:absolute;width:100%;height:280px;object-fit:cover;border-radius:12px;box-shadow:0 10px 30px #00000026;transition:transform .4s ease}
.geometric-image-layer:first-child{top:0;left:0;z-index:2;transform:rotate(-3deg)}
.geometric-image-layer:last-child{bottom:0;right:0;z-index:1;transform:rotate(3deg)}
.geometric-image-layer:hover{transform:rotate(0deg) scale(1.05);z-index:3}
@media (max-width: 768px) {
.hero-title-main{font-size:2.5rem}
.hero-subtitle-text{font-size:1.2rem}
.diagonal-inner-container{grid-template-columns:1fr;gap:40px}
.diagonal-text-area{padding-right:0}
.diagonal-heading-main{font-size:2rem}
.diagonal-featured-image{height:320px;transform:rotate(0deg)}
.asymmetric-layout-grid{grid-template-columns:1fr}
.asymmetric-sidebar-area{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.asymmetric-sidebar-image{height:200px}
.testimonial-content-container{grid-template-columns:1fr;gap:35px}
.geometric-split-layout{grid-template-columns:1fr;gap:40px}
.geometric-text-zone{padding-right:0}
.geometric-main-title{font-size:2rem}
.geometric-stacked-images{height:400px}
.geometric-image-layer{height:220px}
.geometric-final-section{clip-path:polygon(0 5%,100% 0,100% 100%,0 100%);margin-top:-40px}
}
@media (max-width: 480px) {
.hero-title-main{font-size:2rem}
.hero-subtitle-text{font-size:1.1rem}
.hero-cta-primary{padding:15px 35px;font-size:1rem}
.diagonal-content-block{padding:80px 20px 60px}
.diagonal-heading-main{font-size:1.7rem}
.asymmetric-showcase-section{padding:70px 20px}
.asymmetric-card-item{padding:30px 25px}
.asymmetric-card-heading{font-size:1.5rem}
.asymmetric-sidebar-area{grid-template-columns:1fr}
.testimonial-profile-box{padding:35px 25px}
.testimonial-avatar-image{width:100px;height:100px}
.geometric-final-section{padding:70px 20px}
.geometric-main-title::before{left:-15px;width:4px}
}
.pagina-enlace{background:linear-gradient(135deg,#fafbfc 0%,#f5f6fa 50%,#fff 100%);color:#2c3e50;line-height:1.7;font-size:16px}
.contenedor-primario{max-width:1140px;margin:0 auto;padding:0 20px}
.seccion-introductoria{padding:90px 0 70px;position:relative}
.seccion-introductoria::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#6797AE 0%,#99ADC9 50%,#BED3E0 100%)}
.titulo-superior{font-size:2.8rem;font-weight:700;color:#1a2332;margin-bottom:24px;letter-spacing:-.5px;line-height:1.2}
.texto-apertura{font-size:1.15rem;color:#495057;max-width:720px;line-height:1.8;margin-bottom:18px}
.imagen-contenido-principal{width:100%;max-width:580px;height:auto;border-radius:12px;box-shadow:0 8px 24px #6797ae26;margin:40px 0}
.bloque-formulario-y-detalles{padding:80px 0;background:#fff;border-top:1px solid #e9ecef;border-bottom:1px solid #e9ecef}
.distribucion-dos-areas{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.zona-informativa{padding-right:20px}
.subtitulo-secundario{font-size:1.9rem;color:#1a2332;margin-bottom:22px;font-weight:600;position:relative;padding-left:18px}
.subtitulo-secundario::before{content:'';position:absolute;left:0;top:6px;width:5px;height:28px;background:#6797AE;border-radius:3px}
.parrafo-descriptivo{font-size:1.05rem;color:#495057;line-height:1.75;margin-bottom:16px}
.lista-metodos-contacto{list-style:none;padding:0;margin:35px 0 0}
.elemento-metodo{display:flex;align-items:center;padding:18px 0;border-bottom:1px solid #f0f2f5;font-size:1.05rem;color:#343a40}
.elemento-metodo:last-child{border-bottom:none}
.icono-metodo{width:42px;height:42px;background:linear-gradient(135deg,#6797AE,#99ADC9);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0}
.icono-metodo::before{color:#fff;font:20px 'Geomicons Open'}
.icono-telefono::before{content:'\E029'}
.icono-correo::before{content:'\E01C'}
.icono-ubicacion::before{content:'\E01D'}
.contenedor-formulario{background:#f8f9fa;padding:40px;border-radius:16px;box-shadow:0 4px 16px #0000000f}
.titulo-formulario{font-size:1.6rem;color:#1a2332;margin-bottom:28px;font-weight:600}
.grupo-campo{margin-bottom:24px}
.etiqueta-campo{display:block;font-size:.95rem;color:#343a40;margin-bottom:8px;font-weight:500}
.entrada-texto,.entrada-correo,.entrada-telefono,.area-texto{width:100%;padding:14px 16px;border:2px solid #dee2e6;border-radius:8px;font-size:1rem;color:#212529;background:#fff;transition:all .3s ease;font-family:inherit}
.entrada-texto:focus,.entrada-correo:focus,.entrada-telefono:focus,.area-texto:focus{outline:none;border-color:#6797AE;box-shadow:0 0 0 3px #6797ae1f}
.area-texto{resize:vertical;min-height:140px;line-height:1.6}
.contenedor-consentimiento{display:flex;align-items:start;margin:28px 0;padding:18px;background:#fff;border-radius:8px;border:1px solid #e9ecef}
.casilla-verificacion{width:20px;height:20px;margin-right:12px;margin-top:2px;cursor:pointer;flex-shrink:0;accent-color:#6797AE}
.texto-consentimiento{font-size:.92rem;color:#495057;line-height:1.6}
.enlace-politica{color:#6797AE;text-decoration:underline;transition:color .2s ease}
.enlace-politica:hover{color:#4d7a8f}
.boton-enviar{width:100%;padding:16px 32px;background:linear-gradient(135deg,#6797AE 0%,#99ADC9 100%);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6797ae40}
.boton-enviar:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6797ae59;background:linear-gradient(135deg,#5a8599 0%,#8a9db9 100%)}
.boton-enviar:active{transform:translateY(0)}
.seccion-mapa-procesos{padding:80px 0;background:linear-gradient(180deg,#fff 0%,#f8f9fa 100%)}
.titulo-proceso{font-size:2.2rem;color:#1a2332;text-align:center;margin-bottom:50px;font-weight:700}
.contenedor-linea-temporal{position:relative;max-width:900px;margin:0 auto;padding-left:60px}
.elemento-temporal{position:relative;padding:24px 0 24px 40px;border-left:3px solid #BED3E0;margin-bottom:30px}
.marcador-temporal{position:absolute;left:-18px;top:28px;width:34px;height:34px;background:linear-gradient(135deg,#6797AE,#99ADC9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.95rem;box-shadow:0 3px 10px #6797ae4d;z-index:2}
.titulo-paso{font-size:1.4rem;color:#1a2332;margin-bottom:12px;font-weight:600}
.descripcion-paso{font-size:1.05rem;color:#495057;line-height:1.7}
@media (max-width: 768px) {
.pagina-enlace{font-size:15px}
.seccion-introductoria{padding:60px 0 50px}
.titulo-superior{font-size:2rem}
.texto-apertura{font-size:1.05rem}
.imagen-contenido-principal{margin:30px 0}
.bloque-formulario-y-detalles{padding:60px 0}
.distribucion-dos-areas{grid-template-columns:1fr;gap:50px}
.zona-informativa{padding-right:0}
.subtitulo-secundario{font-size:1.6rem}
.contenedor-formulario{padding:30px 24px}
.titulo-formulario{font-size:1.4rem}
.seccion-mapa-procesos{padding:60px 0}
.titulo-proceso{font-size:1.8rem;margin-bottom:40px}
.contenedor-linea-temporal{padding-left:40px}
.marcador-temporal{left:-16px;width:30px;height:30px;font-size:.85rem}
.elemento-temporal{padding-left:30px}
.titulo-paso{font-size:1.2rem}
.descripcion-paso{font-size:1rem}
}
.pagina-sobre-nosotros{background:linear-gradient(135deg,#fafbfc 0%,#fff 100%);min-height:100%}
.seccion-apertura{padding:5rem 2rem 4rem;background:linear-gradient(160deg,#fff 0%,#f8f9fa 50%,#BED3E0 100%);position:relative;overflow:hidden}
.seccion-apertura::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#6797ae14 0%,transparent 70%);border-radius:50%}
.contenedor-apertura{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;position:relative;z-index:2}
.texto-apertura h1{font-size:2.8rem;color:#212529;margin-bottom:1.5rem;line-height:1.2;font-weight:700}
.texto-apertura h1::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#6797AE 0%,#99ADC9 100%);margin-top:1rem}
.texto-apertura p{font-size:1.15rem;color:#495057;line-height:1.7;margin-bottom:1.2rem}
.imagen-apertura{position:relative}
.imagen-apertura img{width:100%;height:420px;object-fit:cover;border-radius:12px;box-shadow:0 12px 35px #6797ae33}
.seccion-historia{padding:5rem 2rem;background:#fff}
.contenedor-historia{max-width:1200px;margin:0 auto;display:flex;gap:4rem;align-items:start}
.columna-imagenes{flex:0 0 45%;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
.columna-imagenes img{width:100%;height:240px;object-fit:cover;border-radius:8px;box-shadow:0 6px 20px #00000014;transition:transform .3s ease}
.columna-imagenes img:hover{transform:translateY(-5px)}
.columna-texto-historia{flex:1}
.columna-texto-historia h2{font-size:2.3rem;color:#212529;margin-bottom:1.8rem;position:relative;padding-left:1.5rem}
.columna-texto-historia h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:70%;background:linear-gradient(180deg,#6797AE 0%,#99ADC9 100%);border-radius:3px}
.columna-texto-historia p{font-size:1.05rem;color:#495057;line-height:1.8;margin-bottom:1.3rem}
.dato-destacado{background:linear-gradient(135deg,#f8f9fa 0%,#BED3E0 100%);padding:1.8rem;border-radius:8px;margin-top:2rem;border-left:5px solid #6797AE}
.dato-destacado strong{color:#6797AE;font-size:1.1rem}
.seccion-equipo{padding:5rem 2rem;background:linear-gradient(180deg,#f8f9fa 0%,#fff 100%)}
.contenedor-equipo{max-width:1200px;margin:0 auto}
.titulo-equipo{text-align:center;margin-bottom:3.5rem}
.titulo-equipo h2{font-size:2.4rem;color:#212529;margin-bottom:1rem}
.titulo-equipo p{font-size:1.1rem;color:#495057;max-width:700px;margin:0 auto;line-height:1.6}
.grilla-equipo{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem}
.tarjeta-miembro{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px #0000000f;transition:all .3s ease;border:2px solid transparent}
.tarjeta-miembro:hover{transform:translateY(-8px);border-color:#99ADC9;box-shadow:0 15px 40px #6797ae26}
.imagen-miembro{width:100%;height:340px;overflow:hidden;position:relative;background:linear-gradient(135deg,#BED3E0 0%,#99ADC9 100%)}
.imagen-miembro img{width:100%;height:100%;object-fit:cover}
.info-miembro{padding:2rem}
.info-miembro h3{font-size:1.5rem;color:#212529;margin-bottom:.5rem}
.info-miembro .cargo{color:#6797AE;font-size:1.05rem;font-weight:600;margin-bottom:1rem;display:block}
.info-miembro p{color:#495057;font-size:.98rem;line-height:1.7}
.seccion-valores{padding:5rem 2rem;background:#fff;position:relative}
.seccion-valores::before{content:'';position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(0deg,#f8f9fa 0%,transparent 100%);pointer-events:none}
.contenedor-valores{max-width:1400px;margin:0 auto;position:relative;z-index:1}
.encabezado-valores{text-align:center;margin-bottom:4rem}
.encabezado-valores h2{font-size:2.5rem;color:#212529;margin-bottom:1.2rem}
.encabezado-valores h2::before{content:'◆';color:#6797AE;margin-right:.8rem;font-size:1.8rem}
.encabezado-valores p{font-size:1.1rem;color:#495057;max-width:750px;margin:0 auto;line-height:1.7}
.grilla-valores{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.tarjeta-valor{background:linear-gradient(145deg,#fff 0%,#f8f9fa 100%);padding:2.5rem;border-radius:10px;border:2px solid #BED3E0;transition:all .3s ease;position:relative;overflow:hidden}
.tarjeta-valor::after{content:'';position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,#6797ae0d 0%,transparent 70%);transition:all .5s ease}
.tarjeta-valor:hover{transform:translateY(-5px);border-color:#6797AE;box-shadow:0 10px 30px #6797ae1f}
.tarjeta-valor:hover::after{top:-30%;right:-30%}
.icono-valor{width:55px;height:55px;background:linear-gradient(135deg,#6797AE 0%,#99ADC9 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#fff;font-size:1.5rem;font-weight:700}
.tarjeta-valor h3{font-size:1.4rem;color:#212529;margin-bottom:1rem}
.tarjeta-valor p{color:#495057;font-size:1rem;line-height:1.7}
.enlace-accion{display:inline-block;background:linear-gradient(135deg,#6797AE 0%,#99ADC9 100%);color:#fff;padding:.85rem 2rem;border-radius:6px;text-decoration:none;font-weight:600;font-size:1.05rem;transition:all .3s ease;box-shadow:0 4px 15px #6797ae4d;margin-top:1.5rem}
.enlace-accion:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6797ae66;background:linear-gradient(135deg,#5a8399 0%,#8599b8 100%)}
@media (max-width: 968px) {
.contenedor-apertura{grid-template-columns:1fr;gap:2rem}
.texto-apertura h1{font-size:2.2rem}
.contenedor-historia{flex-direction:column;gap:2.5rem}
.columna-imagenes{flex:1}
.grilla-valores{grid-template-columns:1fr}
.seccion-apertura{padding:3rem 1.5rem 2.5rem}
.seccion-historia,.seccion-equipo,.seccion-valores{padding:3rem 1.5rem}
}
@media (max-width: 640px) {
.columna-imagenes{grid-template-columns:1fr}
.texto-apertura h1{font-size:1.9rem}
.columna-texto-historia h2{font-size:1.9rem}
.titulo-equipo h2{font-size:2rem}
.encabezado-valores h2{font-size:2rem}
.grilla-equipo{grid-template-columns:1fr}
}
.programa-aprendizaje-principal{background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#212529;line-height:1.6}
.programa-aprendizaje-principal *{box-sizing:border-box}
.hero-finanzas-personales{background:linear-gradient(135deg,#f8f9fa 0%,#BED3E0 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.hero-finanzas-personales::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#6797ae26 0%,transparent 70%);border-radius:50%}
.contenedor-hero-finanzas{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;position:relative;z-index:2}
.texto-hero-finanzas h1{font-size:2.8em;color:#343a40;margin:0 0 20px;font-weight:700;line-height:1.2}
.texto-hero-finanzas h1::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#6797AE 0%,#99ADC9 100%);margin-top:15px;border-radius:2px}
.texto-hero-finanzas p{font-size:1.15em;color:#495057;margin:0 0 25px}
.inicio-proximo-hero{background:#ffffffe6;padding:15px 20px;border-radius:8px;border-left:4px solid #6797AE;margin:25px 0}
.inicio-proximo-hero strong{color:#6797AE;font-size:1.1em}
.imagen-hero-finanzas{position:relative}
.imagen-hero-finanzas img{width:100%;height:400px;object-fit:cover;border-radius:12px;box-shadow:0 15px 40px #0000001a}
.boton-inscripcion-hero{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#6797AE 0%,#99ADC9 100%);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:1.05em;transition:all .3s ease;box-shadow:0 4px 15px #6797ae4d}
.boton-inscripcion-hero:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6797ae66;background:linear-gradient(135deg,#5a8399 0%,#8499b8 100%)}
.seccion-metodologia-unica{background:#fff;padding:70px 20px;position:relative}
.contenedor-metodologia{max-width:1100px;margin:0 auto}
.encabezado-metodologia{text-align:center;margin-bottom:50px}
.encabezado-metodologia h2{font-size:2.4em;color:#212529;margin:0 0 15px;font-weight:700;position:relative;display:inline-block}
.encabezado-metodologia h2::before{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:#6797AE}
.encabezado-metodologia p{font-size:1.1em;color:#495057;max-width:700px;margin:25px auto 0}
.rejilla-fases-aprendizaje{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}
.tarjeta-fase{background:#f8f9fa;padding:35px 25px;border-radius:10px;position:relative;transition:all .3s ease;border:2px solid transparent}
.tarjeta-fase:hover{border-color:#99ADC9;transform:translateY(-5px);box-shadow:0 8px 25px #6797ae26}
.numero-fase{position:absolute;top:-20px;left:25px;width:50px;height:50px;background:linear-gradient(135deg,#6797AE 0%,#99ADC9 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.3em;box-shadow:0 4px 12px #6797ae4d}
.tarjeta-fase h3{font-size:1.4em;color:#343a40;margin:25px 0 15px;font-weight:600}
.tarjeta-fase p{color:#495057;font-size:.98em;line-height:1.7;margin:0}
.seccion-contenido-modulos{background:linear-gradient(180deg,#f5f6fa 0%,#fff 100%);padding:70px 20px}
.contenedor-modulos-programa{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:400px 1fr;gap:60px;align-items:start}
.imagen-contexto-modulos{position:sticky;top:20px}
.imagen-contexto-modulos img{width:100%;height:500px;object-fit:cover;border-radius:12px;box-shadow:0 10px 30px #0000001a}
.lista-modulos-detallada h2{font-size:2.2em;color:#212529;margin:0 0 35px;font-weight:700}
.modulo-individual{background:#fff;padding:30px;border-radius:10px;margin-bottom:25px;border-left:5px solid #6797AE;box-shadow:0 4px 15px #0000000d;transition:all .3s ease}
.modulo-individual:hover{box-shadow:0 6px 20px #6797ae26;transform:translateX(5px)}
.encabezado-modulo{display:flex;align-items:center;gap:15px;margin-bottom:15px}
.icono-modulo{width:45px;height:45px;background:linear-gradient(135deg,#BED3E0 0%,#99ADC9 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.icono-modulo::before{content:'';font-size:1.4em}
.modulo-individual:nth-child(2) .icono-modulo::before{content:''}
.modulo-individual:nth-child(3) .icono-modulo::before{content:''}
.modulo-individual:nth-child(4) .icono-modulo::before{content:''}
.encabezado-modulo h3{font-size:1.3em;color:#343a40;margin:0;font-weight:600}
.modulo-individual ul{list-style:none;padding:0;margin:0}
.modulo-individual li{padding:8px 0 8px 25px;color:#495057;position:relative;font-size:.98em}
.modulo-individual li::before{content:'→';position:absolute;left:0;color:#6797AE;font-weight:700}
.seccion-instructores-experiencia{background:#fff;padding:70px 20px;position:relative}
.contenedor-instructores{max-width:1100px;margin:0 auto}
.titulo-instructores{text-align:center;margin-bottom:50px}
.titulo-instructores h2{font-size:2.4em;color:#212529;margin:0 0 15px;font-weight:700}
.titulo-instructores h2::after{content:'';display:block;width:70px;height:3px;background:#99ADC9;margin:15px auto 0}
.rejilla-instructores{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.perfil-instructor{background:linear-gradient(180deg,#f8f9fa 0%,#fff 100%);border-radius:12px;padding:30px;text-align:center;transition:all .3s ease;border:2px solid transparent}
.perfil-instructor:hover{border-color:#BED3E0;transform:translateY(-8px);box-shadow:0 12px 30px #6797ae26}
.foto-instructor{width:120px;height:120px;border-radius:50%;object-fit:cover;margin:0 auto 20px;border:4px solid #BED3E0;box-shadow:0 5px 15px #0000001a}
.perfil-instructor h3{font-size:1.3em;color:#343a40;margin:0 0 8px;font-weight:600}
.especialidad-instructor{color:#6797AE;font-weight:600;font-size:.95em;margin-bottom:15px;display:block}
.perfil-instructor p{color:#495057;font-size:.95em;line-height:1.6;margin:0}
.seccion-precios-inscripcion{background:linear-gradient(135deg,#f5f6fa 0%,#BED3E0 30%,#99ADC9 100%);padding:80px 20px;position:relative}
.contenedor-opciones-precio{max-width:1000px;margin:0 auto}
.encabezado-precios{text-align:center;margin-bottom:50px;color:#fff}
.encabezado-precios h2{font-size:2.5em;margin:0 0 15px;font-weight:700;text-shadow:0 2px 10px #0000001a}
.encabezado-precios p{font-size:1.15em;opacity:.95}
.rejilla-planes-precio{display:grid;grid-template-columns:repeat(2,1fr);gap:35px;max-width:900px;margin:0 auto}
.tarjeta-plan{background:#fff;border-radius:15px;padding:40px 35px;box-shadow:0 10px 35px #00000026;transition:all .3s ease;position:relative;overflow:hidden}
.tarjeta-plan::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#6797AE 0%,#99ADC9 100%)}
.tarjeta-plan:hover{transform:translateY(-10px);box-shadow:0 15px 45px #0003}
.etiqueta-recomendado{position:absolute;top:20px;right:-35px;background:#6797AE;color:#fff;padding:5px 40px;font-size:.85em;font-weight:600;transform:rotate(45deg);box-shadow:0 3px 10px #0003}
.tarjeta-plan h3{font-size:1.6em;color:#343a40;margin:0 0 10px;font-weight:700}
.descripcion-plan{color:#495057;font-size:.95em;margin-bottom:25px;min-height:45px}
.precio-plan{display:flex;align-items:baseline;gap:8px;margin-bottom:25px}
.cantidad-precio{font-size:3em;color:#6797AE;font-weight:700;line-height:1}
.moneda-precio{font-size:1.5em;color:#6797AE;font-weight:600}
.caracteristicas-plan{list-style:none;padding:0;margin:0 0 30px}
.caracteristicas-plan li{padding:10px 0;color:#495057;font-size:.98em;display:flex;align-items:center;gap:12px}
.caracteristicas-plan li::before{content:'';color:#6797AE;font-weight:700;font-size:1.2em;flex-shrink:0}
.boton-seleccionar-plan{display:block;width:100%;padding:15px;background:linear-gradient(135deg,#6797AE 0%,#99ADC9 100%);color:#fff;text-decoration:none;text-align:center;border-radius:8px;font-weight:600;font-size:1.05em;transition:all .3s ease;border:none;cursor:pointer}
.boton-seleccionar-plan:hover{background:linear-gradient(135deg,#5a8399 0%,#8499b8 100%);transform:scale(1.02);box-shadow:0 5px 15px #6797ae4d}
.nota-financiacion{text-align:center;margin-top:35px;padding:20px;background:#ffffff4d;border-radius:10px;color:#fff}
.nota-financiacion p{margin:0;font-size:1em}
@media (max-width: 992px) {
.contenedor-hero-finanzas{grid-template-columns:1fr;gap:35px}
.texto-hero-finanzas h1{font-size:2.2em}
.imagen-hero-finanzas img{height:320px}
.rejilla-fases-aprendizaje{grid-template-columns:1fr;gap:50px}
.contenedor-modulos-programa{grid-template-columns:1fr;gap:40px}
.imagen-contexto-modulos{position:static}
.imagen-contexto-modulos img{height:350px}
.rejilla-instructores{grid-template-columns:1fr;gap:30px}
.rejilla-planes-precio{grid-template-columns:1fr;gap:30px}
}
@media (max-width: 768px) {
.hero-finanzas-personales{padding:50px 15px 40px}
.texto-hero-finanzas h1{font-size:1.8em}
.texto-hero-finanzas p{font-size:1em}
.imagen-hero-finanzas img{height:280px}
.encabezado-metodologia h2,.titulo-instructores h2,.encabezado-precios h2{font-size:1.9em}
.lista-modulos-detallada h2{font-size:1.8em}
.modulo-individual{padding:25px 20px}
.tarjeta-plan{padding:35px 25px}
}
.policy-wrapper-2025{background:linear-gradient(135deg,#fafbfc 0%,#fff 50%,#f8f9fa 100%);min-height:400px;position:relative}
.policy-hero-banner{background:linear-gradient(to right,#BED3E0 0%,#99ADC9 100%);padding:4rem 2rem 3rem;text-align:center;position:relative;overflow:hidden}
.policy-hero-banner::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:#ffffff1a;border-radius:50%;z-index:1}
.policy-hero-banner::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:#6797ae26;border-radius:50%;z-index:1}
.policy-title-main{font-size:2.8rem;color:#212529;font-weight:700;margin:0 0 1rem;position:relative;z-index:2;line-height:1.2}
.policy-subtitle-intro{font-size:1.15rem;color:#343a40;max-width:720px;margin:0 auto;position:relative;z-index:2;line-height:1.6}
.policy-content-container{max-width:100%;padding:0;margin:0}
.policy-narrative-section{padding:4.5rem 6%;background:#fff;border-bottom:1px solid #e9ecef}
.policy-narrative-section:nth-child(even){background:#f8f9fa}
.policy-section-heading{font-size:2rem;color:#212529;margin:0 0 1.8rem;font-weight:600;position:relative;padding-left:1.5rem}
.policy-section-heading::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:60%;background:linear-gradient(to bottom,#6797AE,#99ADC9);border-radius:3px}
.policy-text-block{font-size:1.05rem;color:#495057;line-height:1.85;margin:0 0 1.6rem}
.policy-text-block:last-child{margin-bottom:0}
.policy-emphasis-term{color:#6797AE;font-weight:600;position:relative}
.policy-visual-divider{height:3px;background:linear-gradient(to right,transparent 0%,#BED3E0 20%,#99ADC9 50%,#BED3E0 80%,transparent 100%);border:none;margin:3rem 0}
.policy-fragment-cluster{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:2.5rem 0}
.policy-fragment-card{background:#fff;padding:2rem;border-left:4px solid #6797AE;box-shadow:0 2px 8px #6797ae1f;transition:all .3s ease}
.policy-fragment-card:hover{transform:translateX(8px);box-shadow:0 4px 16px #6797ae33}
.policy-fragment-title{font-size:1.25rem;color:#212529;font-weight:600;margin:0 0 .9rem}
.policy-fragment-description{font-size:1rem;color:#495057;line-height:1.7;margin:0}
.policy-layered-exposition{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);padding:3rem;border-radius:8px;margin:2.5rem 0;border:1px solid #e9ecef}
.policy-exposition-header{font-size:1.5rem;color:#343a40;margin:0 0 1.5rem;font-weight:600}
.policy-exposition-item{margin:0 0 1.8rem;padding-left:2rem;position:relative}
.policy-exposition-item::before{content:'◆';position:absolute;left:0;top:0;color:#6797AE;font-size:1.2rem}
.policy-exposition-label{font-size:1.1rem;color:#212529;font-weight:600;display:block;margin-bottom:.5rem}
.policy-exposition-detail{font-size:1rem;color:#495057;line-height:1.75;margin:0}
.policy-conceptual-matrix{display:flex;flex-direction:column;gap:1.5rem;margin:2.5rem 0}
.policy-matrix-row{display:flex;gap:1.5rem;align-items:stretch}
.policy-matrix-cell{flex:1;background:#fff;padding:1.8rem;border:2px solid #BED3E0;border-radius:6px;transition:all .3s ease}
.policy-matrix-cell:hover{border-color:#6797AE;box-shadow:0 6px 20px #6797ae26}
.policy-cell-label{font-size:1.15rem;color:#6797AE;font-weight:600;margin:0 0 .8rem;text-transform:uppercase;letter-spacing:.5px;font-size:.95rem}
.policy-cell-content{font-size:1rem;color:#495057;line-height:1.7;margin:0}
.policy-mechanics-breakdown{background:#fff;padding:3.5rem;margin:3rem 0;box-shadow:0 4px 20px #0000000f}
.policy-mechanics-intro{font-size:1.15rem;color:#343a40;line-height:1.8;margin:0 0 2.5rem;font-style:italic;border-left:4px solid #99ADC9;padding-left:1.5rem}
.policy-mechanism-unit{margin:0 0 2.5rem}
.policy-mechanism-unit:last-child{margin-bottom:0}
.policy-mechanism-name{font-size:1.3rem;color:#212529;font-weight:600;margin:0 0 1rem;position:relative;padding-left:2.5rem}
.policy-mechanism-name::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:30px;height:30px;background:linear-gradient(135deg,#6797AE,#99ADC9);border-radius:50%;opacity:.3}
.policy-mechanism-explanation{font-size:1.05rem;color:#495057;line-height:1.8;margin:0;padding-left:2.5rem}
.policy-control-paradigm{background:linear-gradient(to right,#f8f9fa 0%,#fff 50%,#f8f9fa 100%);padding:4rem 6%;margin:3rem 0}
.policy-paradigm-headline{font-size:2.2rem;color:#212529;text-align:center;margin:0 0 2.5rem;font-weight:700}
.policy-paradigm-content{max-width:900px;margin:0 auto}
.policy-paradigm-statement{font-size:1.1rem;color:#495057;line-height:1.85;margin:0 0 1.8rem;text-align:justify}
.policy-contact-construct{background:linear-gradient(135deg,#6797AE 0%,#99ADC9 100%);padding:3.5rem 6%;margin:4rem 0 0;position:relative;overflow:hidden}
.policy-contact-construct::before{content:'';position:absolute;top:-40%;left:-10%;width:400px;height:400px;background:#ffffff14;border-radius:50%}
.policy-contact-headline{font-size:1.8rem;color:#212529;margin:0 0 2rem;font-weight:600;position:relative;z-index:2}
.policy-contact-details{position:relative;z-index:2}
.policy-contact-line{font-size:1.05rem;color:#343a40;margin:0 0 .8rem;line-height:1.7}
.policy-contact-line:last-child{margin-bottom:0}
.policy-contact-accent{color:#212529;font-weight:600}
.policy-architectural-note{background:#fafbfc;padding:2rem;border-radius:6px;margin:2rem 0;border:1px dashed #99ADC9}
.policy-note-text{font-size:.98rem;color:#495057;line-height:1.75;margin:0;font-style:italic}
@media (max-width: 768px) {
.policy-hero-banner{padding:3rem 1.5rem 2.5rem}
.policy-title-main{font-size:2rem}
.policy-subtitle-intro{font-size:1.05rem}
.policy-narrative-section{padding:3rem 5%}
.policy-section-heading{font-size:1.6rem}
.policy-fragment-cluster{grid-template-columns:1fr;gap:1.5rem}
.policy-matrix-row{flex-direction:column}
.policy-layered-exposition{padding:2rem}
.policy-mechanics-breakdown{padding:2.5rem 1.5rem}
.policy-control-paradigm{padding:3rem 5%}
.policy-paradigm-headline{font-size:1.8rem}
.policy-contact-construct{padding:3rem 5%}
}
.politica-privacidad-wrapper{background:linear-gradient(135deg,#fafbfc 0%,#f8f9fa 50%,#fff 100%);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#212529;line-height:1.7}
.politica-header-section{background:linear-gradient(120deg,#6797AE 0%,#99ADC9 100%);padding:80px 20px 60px;text-align:center;position:relative;overflow:hidden}
.politica-header-section::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#bed3e04d 0%,transparent 70%);border-radius:50%}
.politica-header-section::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#fff3 0%,transparent 70%);border-radius:50%}
.politica-titulo-principal{font-size:3rem;font-weight:700;color:#fff;margin:0 0 20px;position:relative;z-index:2;letter-spacing:-.5px}
.politica-subtitulo{font-size:1.2rem;color:#f8f9fa;margin:0 auto;max-width:700px;position:relative;z-index:2;font-weight:300}
.politica-fecha-actualizacion{background:#fff;padding:20px 30px;margin:40px auto 0;border-radius:8px;display:inline-block;box-shadow:0 4px 12px #0000001a;position:relative;z-index:2}
.politica-fecha-actualizacion strong{color:#6797AE;font-size:1.1rem}
.politica-contenido-principal{max-width:1400px;margin:0 auto;padding:60px 20px}
.politica-seccion-bloque{background:#fff;padding:50px;margin-bottom:40px;border-radius:12px;box-shadow:0 2px 8px #0000000f;border-left:5px solid #6797AE;transition:transform .3s ease,box-shadow .3s ease}
.politica-seccion-bloque:hover{transform:translateY(-3px);box-shadow:0 6px 20px #6797ae26}
.politica-seccion-titulo{font-size:2rem;color:#6797AE;margin:0 0 30px;font-weight:600;position:relative;padding-bottom:15px}
.politica-seccion-titulo::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:3px;background:linear-gradient(90deg,#99ADC9 0%,#BED3E0 100%);border-radius:2px}
.politica-texto-parrafo{font-size:1.05rem;color:#495057;margin-bottom:25px;text-align:justify}
.politica-texto-parrafo:last-child{margin-bottom:0}
.politica-lista-principal{list-style:none;padding:0;margin:30px 0}
.politica-lista-principal li{padding:15px 0 15px 35px;position:relative;color:#343a40;font-size:1.05rem;line-height:1.8;border-bottom:1px solid #f0f0f0}
.politica-lista-principal li:last-child{border-bottom:none}
.politica-lista-principal li::before{content:'→';position:absolute;left:0;color:#6797AE;font-weight:700;font-size:1.3rem;top:13px}
.politica-destacado-box{background:linear-gradient(135deg,#f8f9fa 0%,#BED3E0 100%);padding:30px;margin:35px 0;border-radius:10px;border:2px solid #99ADC9;position:relative}
.politica-destacado-box::before{content:'';position:absolute;top:-20px;left:30px;background:#6797AE;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 8px #00000026}
.politica-destacado-titulo{font-size:1.3rem;color:#343a40;font-weight:600;margin:0 0 15px;padding-left:25px}
.politica-destacado-texto{color:#495057;font-size:1.05rem;margin:0;line-height:1.7}
.politica-grid-dos-columnas{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin:40px 0}
.politica-tarjeta-info{background:#f8f9fa;padding:35px;border-radius:10px;border-top:4px solid #99ADC9;transition:all .3s ease}
.politica-tarjeta-info:hover{background:#fff;box-shadow:0 8px 16px #00000014}
.politica-tarjeta-titulo{font-size:1.4rem;color:#6797AE;margin:0 0 20px;font-weight:600}
.politica-tarjeta-descripcion{color:#495057;font-size:1rem;line-height:1.7;margin:0}
.politica-seccion-contacto{background:linear-gradient(135deg,#6797AE 0%,#99ADC9 100%);padding:60px 50px;margin-top:50px;border-radius:12px;color:#fff;text-align:center}
.politica-contacto-titulo{font-size:2rem;margin:0 0 30px;font-weight:600}
.politica-contacto-info{display:flex;justify-content:center;gap:50px;flex-wrap:wrap;margin-top:30px}
.politica-contacto-item{display:flex;flex-direction:column;align-items:center;gap:10px}
.politica-contacto-icono{width:50px;height:50px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;backdrop-filter:blur(10px)}
.politica-contacto-detalle{font-size:1.1rem;color:#f8f9fa;font-weight:300}
.politica-contacto-detalle a{color:#fff;text-decoration:none;font-weight:500;transition:opacity .3s ease}
.politica-contacto-detalle a:hover{opacity:.8;text-decoration:underline}
.politica-tabla-comparativa{width:100%;border-collapse:separate;border-spacing:0;margin:40px 0;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #00000014}
.politica-tabla-comparativa thead{background:linear-gradient(135deg,#6797AE 0%,#99ADC9 100%)}
.politica-tabla-comparativa th{padding:20px;text-align:left;color:#fff;font-weight:600;font-size:1.1rem}
.politica-tabla-comparativa td{padding:18px 20px;color:#495057;font-size:1rem;border-bottom:1px solid #f0f0f0;background:#fff}
.politica-tabla-comparativa tr:last-child td{border-bottom:none}
.politica-tabla-comparativa tr:hover td{background:#f8f9fa}
.politica-enfasis-texto{color:#6797AE;font-weight:600;position:relative;display:inline-block}
.politica-enfasis-texto::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#99ADC9 0%,transparent 100%)}
.politica-sublista{list-style:none;padding-left:25px;margin:15px 0}
.politica-sublista li{padding:8px 0;position:relative;color:#495057;font-size:1rem}
.politica-sublista li::before{content:'•';position:absolute;left:-15px;color:#99ADC9;font-size:1.2rem}
.politica-divider{height:2px;background:linear-gradient(90deg,transparent 0%,#BED3E0 50%,transparent 100%);margin:50px 0;border:none}
.politica-nota-legal{background:#f8f9fa;padding:25px;margin:30px 0;border-left:4px solid #99ADC9;border-radius:6px;font-size:.95rem;color:#495057;font-style:italic}
.politica-enlace-interno{color:#6797AE;text-decoration:none;font-weight:500;border-bottom:1px dotted #99ADC9;transition:all .3s ease}
.politica-enlace-interno:hover{color:#99ADC9;border-bottom-style:solid}
@media (max-width: 768px) {
.politica-titulo-principal{font-size:2rem}
.politica-subtitulo{font-size:1rem}
.politica-seccion-bloque{padding:30px 25px}
.politica-seccion-titulo{font-size:1.5rem}
.politica-grid-dos-columnas{grid-template-columns:1fr}
.politica-contacto-info{flex-direction:column;gap:30px}
.politica-tabla-comparativa{font-size:.9rem}
.politica-tabla-comparativa th,.politica-tabla-comparativa td{padding:12px}
}
.confirmation-wrapper{background:linear-gradient(135deg,#fafbfc 0%,#f8f9fa 50%,#fff 100%);min-height:85vh;display:flex;align-items:center;padding:3rem 1.5rem}
.confirmation-container{max-width:720px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 8px 32px #6797ae1f;padding:3.5rem 2.5rem;position:relative;overflow:hidden}
.confirmation-container::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#6797AE 0%,#99ADC9 50%,#BED3E0 100%)}
.status-icon-area{text-align:center;margin-bottom:2rem}
.checkmark-circle{width:92px;height:92px;margin:0 auto;background:linear-gradient(135deg,#6797AE 0%,#99ADC9 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 6px 24px #6797ae40}
.checkmark-circle::after{content:'';color:#fff;font-size:3.2rem;font-weight:700;line-height:1}
.confirmation-heading{text-align:center;margin-bottom:1.5rem}
.confirmation-heading h1{color:#212529;font-size:2.1rem;font-weight:700;margin:0 0 .75rem;line-height:1.3}
.confirmation-heading p{color:#495057;font-size:1.1rem;line-height:1.6;margin:0}
.details-block{background:#f8f9fa;border-left:4px solid #6797AE;padding:1.75rem 2rem;margin:2.5rem 0;border-radius:8px}
.details-block h2{color:#343a40;font-size:1.15rem;font-weight:600;margin:0 0 1.25rem;position:relative;padding-left:1.75rem}
.details-block h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#6797AE;border-radius:50%}
.info-list{list-style:none;padding:0;margin:0}
.info-list li{color:#495057;font-size:.98rem;line-height:1.8;margin-bottom:.85rem;padding-left:1.75rem;position:relative}
.info-list li:last-child{margin-bottom:0}
.info-list li::before{content:'→';position:absolute;left:0;color:#99ADC9;font-weight:600}
.timeline-guidance{background:#fff;border:2px solid #BED3E0;border-radius:10px;padding:1.75rem 2rem;margin:2rem 0}
.timeline-guidance h3{color:#212529;font-size:1.05rem;font-weight:600;margin:0 0 1rem;display:flex;align-items:center;gap:.65rem}
.timeline-guidance h3::before{content:'';width:20px;height:20px;background:#99ADC9;border-radius:4px;flex-shrink:0}
.timeline-guidance p{color:#495057;font-size:.96rem;line-height:1.7;margin:0}
.next-actions-zone{margin-top:2.5rem;text-align:center}
.action-buttons-row{display:flex;gap:1.25rem;justify-content:center;flex-wrap:wrap;margin-top:1.75rem}
.btn-primary-custom{background:linear-gradient(135deg,#6797AE 0%,#99ADC9 100%);color:#fff;padding:.95rem 2.25rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;display:inline-flex;align-items:center;gap:.6rem;transition:all .3s ease;border:none;box-shadow:0 4px 16px #6797ae33;position:relative;z-index:10}
.btn-primary-custom:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6797ae59;background:linear-gradient(135deg,#5a8599 0%,#8599b8 100%)}
.btn-secondary-custom{background:#fff;color:#6797AE;padding:.95rem 2.25rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;display:inline-flex;align-items:center;gap:.6rem;transition:all .3s ease;border:2px solid #BED3E0;position:relative;z-index:10}
.btn-secondary-custom:hover{border-color:#99ADC9;background:#f8f9fa;transform:translateY(-2px)}
.reference-info{margin-top:2.5rem;padding-top:2rem;border-top:1px solid #e9ecef;text-align:center}
.reference-info p{color:#6c757d;font-size:.88rem;line-height:1.6;margin:0}
.reference-number{display:inline-block;background:#f8f9fa;color:#495057;padding:.4rem 1rem;border-radius:6px;font-family:monospace;font-weight:600;margin-top:.75rem;letter-spacing:.5px}
@media (max-width: 768px) {
.confirmation-wrapper{padding:2rem 1rem}
.confirmation-container{padding:2.5rem 1.75rem}
.confirmation-heading h1{font-size:1.75rem}
.checkmark-circle{width:78px;height:78px}
.checkmark-circle::after{font-size:2.6rem}
.details-block{padding:1.5rem}
.timeline-guidance{padding:1.5rem}
.action-buttons-row{flex-direction:column;align-items:stretch}
.btn-primary-custom,.btn-secondary-custom{width:100%;justify-content:center}
}
@media (max-width: 480px) {
.confirmation-container{padding:2rem 1.25rem}
.confirmation-heading h1{font-size:1.55rem}
.confirmation-heading p{font-size:1rem}
.details-block h2{font-size:1.05rem}
.info-list li{font-size:.92rem}
}