*,::before,::after{margin:0;box-sizing:border-box;padding:0}
html{scroll-behavior:smooth;font-size:17px}
body{font-family:'Manrope',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.7;background:linear-gradient(135deg,#fff 0%,#f8f9fc 50%,#FAFAFA 100%);color:#2a2d35;overflow-x:hidden;font-weight:400}
a{color:inherit;text-decoration:none;transition:opacity .25s ease}
a:hover{opacity:.75}
a:focus{outline:3px solid #00DBEF;outline-offset:3px}
img{max-width:100%;height:auto;display:block}
header{background:linear-gradient(165deg,#3108A8 0%,#4515bd 60%,#5a28d1 100%);position:relative;padding:0;box-shadow:0 4px 18px #3108a81f}
header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 35px,#00dbef08 35px,#00dbef08 70px),repeating-linear-gradient(-45deg,transparent,transparent 35px,#ffffff05 35px,#ffffff05 70px);pointer-events:none;z-index:1}
.header_wrapper_top_9kx{position:relative;z-index:2;max-width:1420px;margin:0 auto;padding:18px 32px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.left-block_hdr_29p{display:flex;align-items:center;gap:22px}
.logo_container_8mq{display:flex;align-items:center;justify-content:center;position:relative;z-index:10}
.logo_container_8mq img{height:82px;width:82px;object-fit:contain;display:block}
.company_name_txt_5vr{color:#fff;letter-spacing:-.02em;text-shadow:0 2px 8px #00000026;font:700 clamp(1.4rem,2.3vw,1.95rem)/1.1 'Space Grotesk',sans-serif}
.right-block_hdr_7tn{display:flex;align-items:center;gap:28px}
.contact_info_wrap_3js{display:flex;flex-direction:column;gap:5px;align-items:flex-end}
.contact_email_link_4bw{font-size:.92rem;color:#fff;display:flex;align-items:center;gap:7px;font-weight:500;transition:color .25s ease}
.contact_email_link_4bw:hover{color:#00DBEF;opacity:1}
.contact_email_link_4bw::before{content:'';font-size:1.1em}
.header_nav_row_6qz{position:relative;z-index:2;background:#ffffff14;backdrop-filter:blur(10px);border-top:1px solid #ffffff1f}
.nav_container_2wk{max-width:1420px;margin:0 auto;padding:0 32px}
.main_navigation_8dx{display:flex;justify-content:center;align-items:center;gap:6px;padding:14px 0;list-style:none}
.nav_item_5ph{position:relative}
.nav_item_5ph > a{display:block;padding:11px 24px;font-size:1rem;font-weight:600;color:#fff;border-radius:6px;transition:background-color .25s ease,color .25s ease;position:relative}
.nav_item_5ph > a:hover{color:#00DBEF;opacity:1;background:#00dbef26}
.nav_item_5ph > a:focus{outline:2px solid #00DBEF;outline-offset:2px}
.has_submenu_7rt{position:relative}
.has_submenu_7rt > a::after{content:'▾';margin-left:6px;font-size:.8em;transition:transform .25s ease}
.has_submenu_7rt:hover > a::after{transform:translateY(2px)}
.submenu_dropdown_4kl{position:absolute;top:100%;left:0;background:linear-gradient(165deg,#3108A8 0%,#4515bd 100%);border-radius:8px;box-shadow:0 8px 24px #0003;min-width:220px;padding:10px 0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .25s ease,transform .25s ease,visibility .25s;z-index:100;margin-top:8px;list-style:none}
.has_submenu_7rt:hover .submenu_dropdown_4kl{opacity:1;visibility:visible;transform:translateY(0)}
.submenu_dropdown_4kl li a{display:block;padding:10px 22px;color:#fff;font-size:.95rem;font-weight:500;transition:background-color .25s ease,padding-left .25s ease}
.submenu_dropdown_4kl li a:hover{padding-left:28px;opacity:1;background:#00dbef26}
main{min-height:60vh}
footer{background:linear-gradient(175deg,#1a0858 0%,#3108A8 50%,#2a0680 100%);color:#fff;padding:65px 32px 30px;position:relative;margin-top:80px}
footer::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(60deg,transparent,transparent 40px,#00dbef0a 40px,#00dbef0a 80px),repeating-linear-gradient(-60deg,transparent,transparent 40px,#ffffff05 40px,#ffffff05 80px);pointer-events:none}
.footer_content_8kx{max-width:1420px;margin:0 auto;display:grid;grid-template-columns:2fr 1.2fr 1.5fr;gap:50px;position:relative;z-index:1}
.footer_section_9mw{display:flex;flex-direction:column;gap:18px}
.footer_section_title_3bd{color:#00DBEF;margin-bottom:8px;position:relative;padding-left:16px;font:700 1.25rem 'Space Grotesk',sans-serif}
.footer_section_title_3bd::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:22px;background:linear-gradient(180deg,#00DBEF,#3108A8);border-radius:2px}
.footer_logo_container_5rp{display:flex;align-items:center;gap:16px;margin-bottom:12px}
.footer_logo_container_5rp img{height:70px;width:70px;object-fit:contain}
.footer_company_name_7wp{color:#fff;font:700 1.5rem 'Space Grotesk',sans-serif}
.footer_description_2qt{font-size:.95rem;line-height:1.7;color:#ffffffd9}
.footer_contact_info_6vk{display:flex;flex-direction:column;gap:12px}
.footer_contact_item_8nx{display:flex;align-items:center;gap:10px;font-size:.94rem;color:#ffffffe6;transition:color .25s ease}
.footer_contact_item_8nx:hover{color:#00DBEF}
.footer_contact_item_8nx::before{content:'';font-size:1.15em;color:#00DBEF}
.footer_links_list_4js{list-style:none;display:flex;flex-direction:column;gap:11px}
.footer_links_list_4js li a{font-size:.95rem;color:#ffffffe0;transition:color .25s ease,padding-left .25s ease;display:inline-block;position:relative;padding-left:18px}
.footer_links_list_4js li a::before{content:'→';position:absolute;left:0;opacity:0;transition:opacity .25s ease,left .25s ease;color:#00DBEF}
.footer_links_list_4js li a:hover{color:#00DBEF;padding-left:24px;opacity:1}
.footer_links_list_4js li a:hover::before{opacity:1;left:0}
.footer_bottom_9pl{margin-top:50px;padding-top:28px;border-top:1px solid #ffffff26;text-align:center;position:relative;z-index:1}
.footer_copyright_5mq{font-size:.9rem;color:#ffffffbf;font-weight:400}
.consent_overlay_8vx{position:fixed;bottom:25px;right:25px;background:linear-gradient(135deg,#fff 0%,#f5f7fc 100%);border-radius:16px;box-shadow:0 12px 45px #3108a838;max-width:460px;padding:32px;z-index:10000;border:2px solid #3108a81a;transform:translateY(0);opacity:1;transition:transform .35s cubic-bezier(0.4,0,0.2,1),opacity .35s ease}
.consent_overlay_8vx.hidden_state_2kr{transform:translateY(20px);opacity:0;pointer-events:none}
.consent_header_9nz{color:#3108A8;margin-bottom:14px;font:700 1.35rem/1.3 'Space Grotesk',sans-serif}
.consent_text_6wl{font-size:.93rem;line-height:1.65;color:#3a3d48;margin-bottom:26px}
.consent_categories_5pk{display:flex;flex-direction:column;gap:14px;margin-bottom:24px;padding:18px;background:#3108a808;border-radius:10px;border:1px solid #3108a814}
.consent_category_item_7xm{display:flex;justify-content:space-between;align-items:center;gap:16px}
.category_label_4rn{font-size:.92rem;color:#2a2d35;font-weight:600;flex:1}
.category_description_8wh{font-size:.82rem;color:#5a5d68;margin-top:4px;line-height:1.5}
.consent_toggle_3bp{position:relative;width:52px;height:28px;background:#d1d4db;border-radius:14px;cursor:pointer;transition:background-color .25s ease;flex-shrink:0}
.consent_toggle_3bp.active_state_9km{background:linear-gradient(135deg,#3108A8,#00DBEF)}
.consent_toggle_3bp::after{content:'';position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform .25s ease;box-shadow:0 2px 6px #00000026}
.consent_toggle_3bp.active_state_9km::after{transform:translateX(24px)}
.consent_actions_2vw{display:flex;gap:12px}
.consent_btn_base_7kp{flex:1;padding:13px 22px;border-radius:8px;cursor:pointer;border:none;transition:background-color .25s ease,transform .15s ease,box-shadow .25s ease;font:600 .95rem 'Manrope',sans-serif}
.consent_btn_base_7kp:focus{outline:3px solid #00DBEF;outline-offset:2px}
.consent_btn_base_7kp:active{transform:scale(0.97)}
.accept_all_btn_5xr{background:linear-gradient(135deg,#3108A8,#4515bd);color:#fff;box-shadow:0 4px 14px #3108a840}
.accept_all_btn_5xr:hover{background:linear-gradient(135deg,#4515bd,#5a28d1);box-shadow:0 6px 20px #3108a859}
.reject_all_btn_8qm{background:#e8eaf0;color:#3a3d48;border:1px solid #d1d4db}
.reject_all_btn_8qm:hover{background:#d8dae5}
.save_preferences_btn_4nl{background:linear-gradient(135deg,#00DBEF,#00b8c8);color:#fff;box-shadow:0 4px 14px #00dbef40}
.save_preferences_btn_4nl:hover{background:linear-gradient(135deg,#00b8c8,#009aaa);box-shadow:0 6px 20px #00dbef59}
@media (max-width: 992px) {
.header_wrapper_top_9kx{flex-direction:column;padding:22px 24px;gap:18px}
.left-block_hdr_29p{flex-direction:column;gap:14px;text-align:center}
.right-block_hdr_7tn{flex-direction:column;gap:16px;width:100%}
.contact_info_wrap_3js{align-items:center}
.main_navigation_8dx{flex-wrap:wrap;gap:8px;padding:16px 0}
.nav_item_5ph > a{padding:10px 18px;font-size:.95rem}
.footer_content_8kx{grid-template-columns:1fr;gap:40px}
.consent_overlay_8vx{bottom:15px;right:15px;left:15px;max-width:none;padding:26px}
.consent_actions_2vw{flex-direction:column}
}
@media (max-width: 640px) {
html{font-size:16px}
.header_wrapper_top_9kx{padding:18px 16px}
.nav_container_2wk{padding:0 16px}
.main_navigation_8dx{flex-direction:column;align-items:stretch;gap:6px}
.nav_item_5ph > a{text-align:center;padding:12px 16px}
.submenu_dropdown_4kl{position:static;opacity:1;visibility:visible;transform:none;margin-top:6px;box-shadow:none;border-radius:6px}
.has_submenu_7rt > a::after{display:none}
footer{padding:45px 16px 24px}
.consent_overlay_8vx{bottom:10px;right:10px;left:10px;padding:22px}
.consent_header_9nz{font-size:1.2rem}
.consent_categories_5pk{padding:14px}
}
.reseñas-hero-wrapper{background:linear-gradient(135deg,#f8f9fa 0%,#fff 50%,#fafbfc 100%);padding:5rem 2rem 4rem;position:relative;overflow:hidden}
.reseñas-hero-wrapper::before{content:'';position:absolute;top:-10%;right:-5%;width:400px;height:400px;background:radial-gradient(circle,#00dbef14 0%,transparent 70%);border-radius:50%}
.reseñas-hero-contenido{max-width:1200px;margin:0 auto;text-align:center}
.reseñas-hero-contenido h1{font-size:3.2rem;color:#212529;font-weight:800;margin-bottom:1.5rem;line-height:1.2}
.reseñas-hero-contenido h1::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#3108A8 0%,#00DBEF 100%);margin:1.5rem auto 0}
.reseñas-hero-contenido .texto-intro{font-size:1.25rem;color:#495057;line-height:1.7;max-width:750px;margin:0 auto}
.opiniones-grid-seccion{background:#fff;padding:5rem 2rem}
.opiniones-grid-contenedor{max-width:1200px;margin:0 auto}
.opiniones-grid-titulo{text-align:center;margin-bottom:3.5rem}
.opiniones-grid-titulo h2{font-size:2.6rem;color:#212529;font-weight:700;margin-bottom:1rem;position:relative;display:inline-block}
.opiniones-grid-titulo h2::before{content:'◆';position:absolute;left:-40px;color:#3108A8;font-size:1.2rem}
.opiniones-grid-titulo p{color:#495057;font-size:1.15rem;line-height:1.6}
.opiniones-tarjetas-contenedor{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2.5rem;margin-top:3rem}
.opinion-tarjeta-individual{background:#fafbfc;border-radius:12px;padding:2.5rem;box-shadow:0 4px 12px #0000000f;border:1px solid #e9ecef;transition:all .3s ease;position:relative}
.opinion-tarjeta-individual::before{content:'"';position:absolute;top:15px;left:20px;color:#3108a814;font:5rem/1 Georgia,serif}
.opinion-tarjeta-individual:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001f;border-color:#00DBEF}
.opinion-perfil-cabecera{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.5rem;position:relative;z-index:2}
.opinion-avatar-circulo{width:65px;height:65px;border-radius:50%;overflow:hidden;border:3px solid #fff;box-shadow:0 2px 8px #0000001a;flex-shrink:0}
.opinion-avatar-circulo img{width:100%;height:100%;object-fit:cover}
.opinion-info-persona h3{font-size:1.2rem;color:#212529;font-weight:700;margin-bottom:.3rem}
.opinion-info-persona .fecha-resena{font-size:.9rem;color:#6c757d}
.opinion-texto-contenido{color:#343a40;font-size:1.05rem;line-height:1.7;position:relative;z-index:2}
.estadisticas-visuales-bloque{background:linear-gradient(165deg,#f8f9fa 0%,#fff 100%);padding:5rem 2rem;position:relative}
.estadisticas-visuales-bloque::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent 0%,#3108A8 50%,transparent 100%)}
.estadisticas-contenedor-interno{max-width:1100px;margin:0 auto}
.estadisticas-encabezado-central{text-align:center;margin-bottom:4rem}
.estadisticas-encabezado-central h2{font-size:2.4rem;color:#212529;font-weight:700;margin-bottom:1rem}
.estadisticas-encabezado-central h2::after{content:'';display:block;width:60px;height:3px;background:#00DBEF;margin:1rem auto 0}
.numeros-cuadricula{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem}
.numero-tarjeta-item{background:#fff;padding:2.5rem 1.5rem;border-radius:10px;text-align:center;border:2px solid #e9ecef;transition:all .3s ease}
.numero-tarjeta-item:hover{border-color:#3108A8;transform:scale(1.05)}
.numero-grande-display{font-size:3.5rem;font-weight:800;color:#3108A8;line-height:1;margin-bottom:.5rem}
.numero-tarjeta-item .descripcion-stat{font-size:1.1rem;color:#495057;font-weight:600}
.metodo-evaluacion-seccion{background:#fff;padding:5rem 2rem}
.metodo-flex-contenedor{max-width:1200px;margin:0 auto;display:flex;gap:4rem;align-items:center}
.metodo-imagen-lateral{flex:0 0 400px}
.metodo-imagen-lateral img{width:100%;height:auto;border-radius:15px;box-shadow:0 10px 30px #00000026}
.metodo-contenido-texto{flex:1}
.metodo-contenido-texto h2{font-size:2.5rem;color:#212529;font-weight:700;margin-bottom:1.5rem;position:relative;padding-left:25px}
.metodo-contenido-texto h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:80%;background:linear-gradient(180deg,#3108A8 0%,#00DBEF 100%);border-radius:3px}
.metodo-contenido-texto p{font-size:1.1rem;color:#495057;line-height:1.8;margin-bottom:1.5rem}
.lista-proceso-pasos{list-style:none;padding:0;margin-top:2rem}
.lista-proceso-pasos li{padding:1rem 0 1rem 50px;position:relative;font-size:1.05rem;color:#343a40;line-height:1.6;border-left:2px solid #e9ecef;margin-left:15px}
.lista-proceso-pasos li::before{content:'';position:absolute;left:-12px;top:1rem;width:24px;height:24px;background:#3108A8;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}
.testimonios-video-zona{background:linear-gradient(180deg,#fafbfc 0%,#f8f9fa 100%);padding:5rem 2rem}
.testimonios-estructura-asimetrica{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.2fr 0.8fr;gap:3rem;align-items:start}
.testimonio-principal-destacado{background:#fff;border-radius:15px;padding:3rem;box-shadow:0 8px 24px #00000014;border-left:5px solid #3108A8}
.testimonio-principal-destacado h2{font-size:2.2rem;color:#212529;font-weight:700;margin-bottom:2rem}
.testimonio-persona-completo{display:flex;gap:2rem;margin-bottom:2rem}
.testimonio-foto-grande{flex:0 0 120px}
.testimonio-foto-grande img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #f8f9fa;box-shadow:0 4px 12px #0000001a}
.testimonio-datos-persona h3{font-size:1.4rem;color:#212529;font-weight:700;margin-bottom:.3rem}
.testimonio-datos-persona .profesion-ocupacion{font-size:1rem;color:#6c757d;margin-bottom:.8rem}
.testimonio-datos-persona .fecha-testimonio{font-size:.9rem;color:#868e96}
.testimonio-texto-largo{font-size:1.15rem;color:#343a40;line-height:1.8;font-style:italic}
.mini-testimonios-lateral{display:flex;flex-direction:column;gap:2rem}
.mini-testimonio-caja{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 3px 10px #0000000f;border:1px solid #e9ecef;transition:all .3s ease}
.mini-testimonio-caja:hover{box-shadow:0 6px 18px #0000001f;transform:translateX(5px)}
.mini-testimonio-caja h4{font-size:1.1rem;color:#212529;font-weight:700;margin-bottom:.5rem}
.mini-testimonio-caja p{font-size:.95rem;color:#495057;line-height:1.6;margin-bottom:.8rem}
.mini-testimonio-caja .fecha-mini{font-size:.85rem;color:#868e96}
.llamada-accion-final{background:linear-gradient(135deg,#3108A8 0%,#00DBEF 100%);padding:5rem 2rem;position:relative;overflow:hidden}
.llamada-accion-final::before{content:'';position:absolute;top:-50%;left:-20%;width:500px;height:500px;background:#ffffff0d;border-radius:50%}
.llamada-accion-final::after{content:'';position:absolute;bottom:-30%;right:-15%;width:400px;height:400px;background:#ffffff0d;border-radius:50%}
.cta-contenido-centrado{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:2}
.cta-contenido-centrado h2{font-size:2.8rem;color:#fff;font-weight:800;margin-bottom:1.5rem;line-height:1.3}
.cta-contenido-centrado p{font-size:1.25rem;color:#fffffff2;line-height:1.7;margin-bottom:2.5rem}
.botones-cta-grupo{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}
.boton-cta-primario{display:inline-block;background:#fff;color:#3108A8;padding:1.2rem 3rem;border-radius:8px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #0003}
.boton-cta-primario:hover{background:#f8f9fa;transform:translateY(-3px);box-shadow:0 6px 20px #0000004d}
.boton-cta-secundario{display:inline-block;background:none;color:#fff;padding:1.2rem 3rem;border-radius:8px;font-size:1.1rem;font-weight:700;text-decoration:none;border:2px solid #fff;transition:all .3s ease}
.boton-cta-secundario:hover{background:#ffffff26;transform:translateY(-3px)}
@media (max-width: 768px) {
.reseñas-hero-contenido h1{font-size:2.2rem}
.opiniones-tarjetas-contenedor{grid-template-columns:1fr;gap:1.5rem}
.metodo-flex-contenedor{flex-direction:column;gap:2rem}
.metodo-imagen-lateral{flex:1 1 auto;max-width:100%}
.testimonios-estructura-asimetrica{grid-template-columns:1fr;gap:2rem}
.testimonio-persona-completo{flex-direction:column;align-items:center;text-align:center}
.cta-contenido-centrado h2{font-size:2rem}
.botones-cta-grupo{flex-direction:column;align-items:stretch}
}
.presupuesto-hero-intro{position:relative;min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#3108A8 0%,#1a0554 100%);overflow:hidden}
.presupuesto-hero-intro::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;opacity:.15;z-index:1;background:url(./artwork/7391854.jpg) (cover) center}
.presupuesto-hero-intro .hero-content-wrapper{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:80px 20px}
.presupuesto-hero-intro .hero-main-title{font-size:4.2rem;font-weight:800;color:#fff;line-height:1.1;margin-bottom:30px;letter-spacing:-.03em}
.presupuesto-hero-intro .hero-main-title::after{content:'';display:block;width:120px;height:6px;background:linear-gradient(90deg,#00DBEF 0%,#3108A8 100%);margin-top:25px;border-radius:3px}
.presupuesto-hero-intro .hero-subtitle-text{font-size:1.5rem;color:#00DBEF;line-height:1.6;margin-bottom:40px;max-width:700px;font-weight:300}
.presupuesto-hero-intro .hero-description-block{font-size:1.15rem;color:#ffffffd9;line-height:1.8;margin-bottom:50px;max-width:650px}
.presupuesto-hero-intro .hero-cta-button{display:inline-block;padding:18px 45px;background:#00DBEF;color:#3108A8;font-size:1.1rem;font-weight:700;border-radius:50px;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 25px #00dbef4d}
.presupuesto-hero-intro .hero-cta-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px #00dbef80;background:#fff}
.objetivos-financieros-seccion{background:#fff;padding:100px 20px;position:relative}
.objetivos-financieros-seccion::before{content:'';position:absolute;top:-50px;left:0;right:0;height:100px;background:#fff;clip-path:polygon(0 50%,100% 0,100% 100%,0 100%)}
.objetivos-financieros-seccion .contenedor-objetivos{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.objetivos-financieros-seccion .imagen-contenido-financiero{width:100%;height:500px;object-fit:cover;border-radius:20px;box-shadow:0 20px 60px #3108a826}
.objetivos-financieros-seccion .texto-objetivos-wrapper{padding:20px}
.objetivos-financieros-seccion .titulo-seccion-objetivos{font-size:2.8rem;color:#3108A8;font-weight:700;margin-bottom:25px;line-height:1.2}
.objetivos-financieros-seccion .titulo-seccion-objetivos::before{content:'◆';color:#00DBEF;margin-right:15px;font-size:1.2em}
.objetivos-financieros-seccion .parrafo-explicativo{font-size:1.1rem;color:#495057;line-height:1.9;margin-bottom:30px}
.objetivos-financieros-seccion .lista-beneficios-objetivos{list-style:none;padding:0;margin:30px 0}
.objetivos-financieros-seccion .lista-beneficios-objetivos li{padding:15px 0 15px 40px;position:relative;font-size:1.05rem;color:#343a40;line-height:1.6}
.objetivos-financieros-seccion .lista-beneficios-objetivos li::before{content:'→';position:absolute;left:0;color:#00DBEF;font-size:1.5rem;font-weight:700}
.metodo-presupuestario-diagonal{background:linear-gradient(165deg,#FAFAFA 0%,#f0f0f5 100%);padding:120px 20px 80px;position:relative;clip-path:polygon(0 5%,100% 0,100% 95%,0 100%);margin-top:-80px;margin-bottom:-80px}
.metodo-presupuestario-diagonal .contenedor-metodo-interno{max-width:1100px;margin:0 auto}
.metodo-presupuestario-diagonal .encabezado-metodo{text-align:center;margin-bottom:70px}
.metodo-presupuestario-diagonal .titulo-metodo-principal{font-size:3rem;color:#3108A8;font-weight:800;margin-bottom:20px;position:relative;display:inline-block}
.metodo-presupuestario-diagonal .titulo-metodo-principal::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:#00DBEF;border-radius:2px}
.metodo-presupuestario-diagonal .subtitulo-metodo-descripcion{font-size:1.2rem;color:#495057;max-width:700px;margin:30px auto 0;line-height:1.7}
.metodo-presupuestario-diagonal .grid-caracteristicas-metodo{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}
.metodo-presupuestario-diagonal .tarjeta-caracteristica{background:#fff;padding:40px 30px;border-radius:15px;box-shadow:0 10px 30px #3108a814;transition:all .4s ease;border-top:4px solid transparent}
.metodo-presupuestario-diagonal .tarjeta-caracteristica:hover{transform:translateY(-8px);box-shadow:0 20px 45px #3108a826;border-top-color:#00DBEF}
.metodo-presupuestario-diagonal .tarjeta-caracteristica .icono-caracteristica{font-size:2.5rem;color:#3108A8;margin-bottom:20px;display:block}
.metodo-presupuestario-diagonal .tarjeta-caracteristica .titulo-caracteristica{font-size:1.4rem;color:#212529;font-weight:700;margin-bottom:15px;line-height:1.3}
.metodo-presupuestario-diagonal .tarjeta-caracteristica .texto-caracteristica{font-size:1rem;color:#495057;line-height:1.7}
.experiencia-practica-asimetrica{background:#fff;padding:100px 20px;position:relative}
.experiencia-practica-asimetrica .contenedor-experiencia-layout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:50px;align-items:start}
.experiencia-practica-asimetrica .bloque-contenido-principal{padding-right:30px}
.experiencia-practica-asimetrica .titulo-experiencia-seccion{font-size:2.6rem;color:#3108A8;font-weight:700;margin-bottom:30px;line-height:1.2}
.experiencia-practica-asimetrica .destacado-experiencia{background:linear-gradient(135deg,#3108A8 0%,#00DBEF 100%);padding:35px;border-radius:15px;margin-bottom:35px;color:#fff}
.experiencia-practica-asimetrica .destacado-experiencia .texto-destacado{font-size:1.3rem;line-height:1.7;font-weight:500;margin:0}
.experiencia-practica-asimetrica .contenido-experiencia-texto{font-size:1.05rem;color:#343a40;line-height:1.9;margin-bottom:25px}
.experiencia-practica-asimetrica .caso-ejemplo-box{background:#FAFAFA;padding:30px;border-left:5px solid #00DBEF;border-radius:8px;margin:30px 0}
.experiencia-practica-asimetrica .caso-ejemplo-box .titulo-caso{font-size:1.3rem;color:#3108A8;font-weight:700;margin-bottom:15px}
.experiencia-practica-asimetrica .caso-ejemplo-box .descripcion-caso{font-size:1rem;color:#495057;line-height:1.8}
.experiencia-practica-asimetrica .bloque-lateral-imagen{position:relative}
.experiencia-practica-asimetrica .imagen-lateral-experiencia{width:100%;height:100%;min-height:600px;object-fit:cover;border-radius:20px;box-shadow:0 15px 50px #00000026;position:sticky;top:100px}
.testimonio-experto-overlay{background:linear-gradient(180deg,#3108A8 0%,#1a0554 100%);padding:100px 20px;position:relative;overflow:hidden}
.testimonio-experto-overlay::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url(./artwork/40712.jpg) center/cover;opacity:.1;z-index:1}
.testimonio-experto-overlay .contenedor-testimonio-interno{max-width:1000px;margin:0 auto;position:relative;z-index:2}
.testimonio-experto-overlay .tarjeta-testimonio-principal{background:#fffffff2;padding:60px;border-radius:25px;box-shadow:0 25px 70px #0000004d;position:relative}
.testimonio-experto-overlay .perfil-experto-header{display:flex;align-items:center;gap:30px;margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid #FAFAFA}
.testimonio-experto-overlay .foto-perfil-experto{width:90px;height:90px;border-radius:50%;object-fit:cover;border:4px solid #00DBEF;box-shadow:0 8px 20px #00dbef4d}
.testimonio-experto-overlay .info-experto-texto{flex:1}
.testimonio-experto-overlay .nombre-experto{font-size:1.6rem;color:#3108A8;font-weight:700;margin-bottom:8px}
.testimonio-experto-overlay .cargo-experto{font-size:1.1rem;color:#00DBEF;font-weight:500}
.testimonio-experto-overlay .cita-testimonio-contenido{font-size:1.25rem;color:#212529;line-height:1.9;font-style:italic;position:relative;padding-left:30px;margin-bottom:35px}
.testimonio-experto-overlay .cita-testimonio-contenido::before{content:'"';position:absolute;left:0;top:-10px;color:#00DBEF;font:4rem/1 Georgia,serif}
.testimonio-experto-overlay .datos-impacto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}
.testimonio-experto-overlay .dato-impacto-item{text-align:center;padding:25px;background:linear-gradient(135deg,#FAFAFA 0%,#f0f0f5 100%);border-radius:12px}
.testimonio-experto-overlay .dato-impacto-item .numero-impacto{font-size:2.2rem;color:#3108A8;font-weight:800;display:block;margin-bottom:8px}
.testimonio-experto-overlay .dato-impacto-item .label-impacto{font-size:.95rem;color:#495057;font-weight:500}
.testimonio-experto-overlay .boton-contacto-testimonio{display:inline-block;margin-top:40px;padding:16px 40px;background:#3108A8;color:#fff;font-size:1.05rem;font-weight:600;border-radius:50px;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 20px #3108a84d}
.testimonio-experto-overlay .boton-contacto-testimonio:hover{background:#00DBEF;color:#3108A8;transform:translateY(-2px);box-shadow:0 12px 30px #00dbef66}
@media (max-width: 768px) {
.presupuesto-hero-intro .hero-main-title{font-size:2.5rem}
.presupuesto-hero-intro .hero-subtitle-text{font-size:1.2rem}
.objetivos-financieros-seccion .contenedor-objetivos{grid-template-columns:1fr;gap:40px}
.objetivos-financieros-seccion .imagen-contenido-financiero{height:350px}
.objetivos-financieros-seccion .titulo-seccion-objetivos{font-size:2rem}
.metodo-presupuestario-diagonal .grid-caracteristicas-metodo{grid-template-columns:1fr;gap:30px}
.metodo-presupuestario-diagonal .titulo-metodo-principal{font-size:2.2rem}
.experiencia-practica-asimetrica .contenedor-experiencia-layout{grid-template-columns:1fr}
.experiencia-practica-asimetrica .imagen-lateral-experiencia{min-height:300px;position:relative;top:0}
.experiencia-practica-asimetrica .titulo-experiencia-seccion{font-size:2rem}
.testimonio-experto-overlay .tarjeta-testimonio-principal{padding:40px 25px}
.testimonio-experto-overlay .perfil-experto-header{flex-direction:column;text-align:center}
.testimonio-experto-overlay .datos-impacto-grid{grid-template-columns:1fr;gap:20px}
.testimonio-experto-overlay .cita-testimonio-contenido{font-size:1.1rem}
}
.contacto-principal-envolvente{background:linear-gradient(165deg,#fafafa 0%,#fff 100%);min-height:400px}
.contacto-encabezado-zona{padding:4rem 2rem 2rem;text-align:center;max-width:680px;margin:0 auto}
.contacto-encabezado-zona h1{font-size:2.8rem;color:#3108A8;margin-bottom:1.5rem;line-height:1.2;font-weight:700}
.contacto-encabezado-zona .descripcion-apertura{font-size:1.15rem;color:#495057;line-height:1.7;margin-bottom:.8rem}
.contacto-encabezado-zona .nota-secundaria{font-size:1rem;color:#6c757d;line-height:1.6}
.contenedor-formulario-asimetrico{background:#fff;padding:3rem 1.5rem}
.rejilla-desbalanceada{display:grid;grid-template-columns:1fr;gap:3rem;max-width:1200px;margin:0 auto}
.bloque-formulario-principal{background:#fff;border:2px solid #3108A8;border-radius:12px;padding:2.5rem;box-shadow:0 8px 24px #3108a814}
.bloque-formulario-principal h2{font-size:1.8rem;color:#212529;margin-bottom:2rem;font-weight:600;position:relative;padding-left:1rem}
.bloque-formulario-principal h2::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#3108A8 0%,#00DBEF 100%);border-radius:2px}
.grupo-campo-expandido{margin-bottom:1.8rem}
.etiqueta-campo-descriptiva{display:block;font-size:.95rem;color:#343a40;margin-bottom:.5rem;font-weight:500}
.campo-entrada-amplio{width:100%;padding:.9rem 1.1rem;font-size:1rem;color:#212529;background:#fafafa;border:2px solid #e0e0e0;border-radius:8px;transition:all .3s ease;font-family:inherit}
.campo-entrada-amplio:focus{outline:none;border-color:#00DBEF;background:#fff;box-shadow:0 0 0 4px #00dbef1a}
.campo-texto-expandible{width:100%;padding:.9rem 1.1rem;font-size:1rem;color:#212529;background:#fafafa;border:2px solid #e0e0e0;border-radius:8px;resize:vertical;min-height:140px;font-family:inherit;transition:all .3s ease}
.campo-texto-expandible:focus{outline:none;border-color:#00DBEF;background:#fff;box-shadow:0 0 0 4px #00dbef1a}
.contenedor-consentimiento{margin:2rem 0 1.5rem;padding:1.2rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #3108A8}
.grupo-checkbox-politica{display:flex;align-items:flex-start;gap:.8rem}
.grupo-checkbox-politica input[type="checkbox"]{margin-top:.3rem;width:18px;height:18px;cursor:pointer;accent-color:#3108A8;flex-shrink:0}
.texto-consentimiento-lectura{font-size:.92rem;color:#495057;line-height:1.6}
.texto-consentimiento-lectura a{color:#3108A8;text-decoration:underline;font-weight:500}
.texto-consentimiento-lectura a:hover{color:#00DBEF}
.boton-proceder-cambio{display:inline-block;padding:1rem 2.5rem;font-size:1.05rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#3108A8 0%,#5820d8 100%);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3108a840}
.boton-proceder-cambio:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3108a859;background:linear-gradient(135deg,#5820d8 0%,#3108A8 100%)}
.tarjetas-informacion-contacto{background:#f8f9fa;padding:3rem 1.5rem}
.mosaico-tarjetas-info{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:1200px;margin:0 auto}
.tarjeta-dato-individual{background:#fff;padding:2rem;border-radius:10px;border:1px solid #e0e0e0;box-shadow:0 2px 8px #0000000a;transition:all .3s ease}
.tarjeta-dato-individual:hover{box-shadow:0 6px 20px #00dbef26;transform:translateY(-3px)}
.icono-tarjeta-decorativo{width:48px;height:48px;background:linear-gradient(135deg,#00DBEF 0%,#3108A8 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem}
.icono-tarjeta-decorativo svg{width:24px;height:24px;fill:#fff}
.tarjeta-dato-individual h3{font-size:1.3rem;color:#212529;margin-bottom:.8rem;font-weight:600}
.tarjeta-dato-individual p{font-size:1rem;color:#6c757d;line-height:1.6;margin:.4rem 0}
.tarjeta-dato-individual a{color:#3108A8;text-decoration:none;font-weight:500}
.tarjeta-dato-individual a:hover{color:#00DBEF;text-decoration:underline}
.bloque-imagen-contexto{background:linear-gradient(180deg,#fff 0%,#f8f9fa 100%);padding:3rem 1.5rem}
.contenedor-imagen-centrado{max-width:900px;margin:0 auto}
.contenedor-imagen-centrado h2{font-size:2rem;color:#3108A8;text-align:center;margin-bottom:1.5rem;font-weight:600}
.texto-imagen-acompanante{font-size:1.05rem;color:#495057;line-height:1.7;text-align:center;margin-bottom:2.5rem;max-width:700px;margin-left:auto;margin-right:auto}
.imagen-decorativa-principal{width:100%;height:auto;max-height:500px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #0000001a}
.enlace-navegacion-contextual{display:inline-block;margin-top:2rem;padding:.9rem 2rem;font-size:1rem;font-weight:600;color:#3108A8;background:#fff;border:2px solid #3108A8;border-radius:8px;text-decoration:none;transition:all .3s ease}
.enlace-navegacion-contextual:hover{background:#3108A8;color:#fff;transform:translateX(4px)}
.centrado-enlace{text-align:center}
@media (min-width: 768px) {
.contacto-encabezado-zona h1{font-size:3.5rem}
.rejilla-desbalanceada{grid-template-columns:1.2fr 0.8fr;gap:2.5rem}
.mosaico-tarjetas-info{grid-template-columns:repeat(2,1fr);gap:2rem}
.contenedor-imagen-centrado h2{font-size:2.4rem}
}
@media (min-width: 1024px) {
.contacto-encabezado-zona{padding:5rem 2rem 3rem}
.bloque-formulario-principal{padding:3rem}
.mosaico-tarjetas-info{grid-template-columns:repeat(3,1fr)}
}
.abt-page-wrapper{background:#fff;color:#212529;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.7;overflow-x:hidden}
.abt-hero-intro{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);padding:5rem 2rem 4rem;position:relative}
.abt-hero-intro::before{content:'';position:absolute;top:0;left:-10%;width:50%;height:100%;background:linear-gradient(90deg,#00dbef14 0%,transparent 100%);transform:skewX(-12deg);z-index:0}
.abt-hero-intro .container{max-width:1200px;margin:0 auto;position:relative;z-index:1}
.abt-hero-content{max-width:680px}
.abt-hero-intro h1{font-size:2.8rem;font-weight:700;color:#3108A8;margin:0 0 1.5rem;line-height:1.2}
.abt-hero-intro h1::after{content:'';display:block;width:80px;height:4px;background:#00DBEF;margin-top:1rem}
.abt-hero-intro p{font-size:1.15rem;color:#495057;margin-bottom:1.2rem}
.abt-hero-intro .highlight-term{color:#3108A8;font-weight:600;position:relative}
.abt-story-section{padding:4.5rem 2rem;background:#fff}
.abt-story-section .container{max-width:1200px;margin:0 auto}
.abt-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}
.abt-story-text h2{font-size:2.2rem;font-weight:700;color:#212529;margin:0 0 1.8rem;position:relative;padding-left:1.2rem}
.abt-story-text h2::before{content:'';position:absolute;left:0;top:.3rem;width:5px;height:2.5rem;background:linear-gradient(180deg,#3108A8 0%,#00DBEF 100%);border-radius:3px}
.abt-story-text p{font-size:1.05rem;color:#495057;margin-bottom:1.3rem}
.abt-story-img-wrap{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #3108a81f}
.abt-story-img-wrap img{width:100%;height:380px;object-fit:cover;display:block}
.abt-values-block{padding:4rem 2rem;background:linear-gradient(180deg,#f8f9fa 0%,#fff 100%);position:relative}
.abt-values-block::after{content:'';position:absolute;bottom:0;right:0;width:300px;height:300px;background:radial-gradient(circle,#00dbef0f 0%,transparent 70%);pointer-events:none}
.abt-values-block .container{max-width:1200px;margin:0 auto;position:relative;z-index:1}
.abt-values-header{text-align:center;margin-bottom:3rem}
.abt-values-header h2{font-size:2.3rem;font-weight:700;color:#3108A8;margin:0 0 1rem}
.abt-values-header p{font-size:1.1rem;color:#495057;max-width:650px;margin:0 auto}
.abt-values-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.abt-value-card{background:#fff;border:2px solid #f5f6fa;border-radius:10px;padding:2rem 1.8rem;transition:all .3s ease;position:relative}
.abt-value-card:hover{transform:translateY(-5px);border-color:#00DBEF;box-shadow:0 12px 28px #00dbef26}
.abt-value-card::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;height:4px;background:linear-gradient(90deg,#3108A8 0%,#00DBEF 100%);opacity:0;transition:opacity .3s ease;border-radius:10px 10px 0 0}
.abt-value-card:hover::before{opacity:1}
.abt-value-icon{width:56px;height:56px;background:linear-gradient(135deg,#3108A8 0%,#00DBEF 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.8rem;color:#fff}
.abt-value-card h3{font-size:1.4rem;font-weight:700;color:#212529;margin:0 0 1rem}
.abt-value-card p{font-size:1rem;color:#495057;margin:0;line-height:1.6}
.abt-team-spotlight{padding:4.5rem 2rem;background:#fff}
.abt-team-spotlight .container{max-width:1100px;margin:0 auto}
.abt-team-layout{display:flex;gap:3.5rem;align-items:center}
.abt-team-visual{flex:0 0 340px;position:relative}
.abt-team-portrait{width:100%;border-radius:16px;overflow:hidden;box-shadow:0 10px 32px #3108a82e;position:relative}
.abt-team-portrait::before{content:'';position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:linear-gradient(135deg,#3108A8 0%,#00DBEF 100%);border-radius:16px;z-index:-1}
.abt-team-portrait img{width:100%;height:420px;object-fit:cover;display:block}
.abt-team-info{flex:1}
.abt-team-info h2{font-size:2.1rem;font-weight:700;color:#212529;margin:0 0 .5rem}
.abt-team-role{font-size:1.15rem;color:#3108A8;font-weight:600;margin-bottom:1.8rem;display:inline-block;position:relative}
.abt-team-role::after{content:'';position:absolute;bottom:-6px;left:0;width:100%;height:2px;background:#00DBEF}
.abt-team-info p{font-size:1.05rem;color:#495057;margin-bottom:1.2rem;line-height:1.7}
.abt-approach-wrap{padding:4rem 2rem 5rem;background:linear-gradient(135deg,#3108A8 0%,#00DBEF 100%);position:relative;overflow:hidden}
.abt-approach-wrap::before{content:'';position:absolute;top:-50%;left:-20%;width:60%;height:200%;background:radial-gradient(circle,#ffffff14 0%,transparent 70%);pointer-events:none}
.abt-approach-wrap .container{max-width:1200px;margin:0 auto;position:relative;z-index:1}
.abt-approach-header{text-align:center;margin-bottom:3rem}
.abt-approach-header h2{font-size:2.4rem;font-weight:700;color:#fff;margin:0 0 1rem}
.abt-approach-header p{font-size:1.15rem;color:#fffffff2;max-width:700px;margin:0 auto}
.abt-approach-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem}
.abt-approach-item{background:#ffffff1f;backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:12px;padding:2.5rem 2rem;transition:all .3s ease}
.abt-approach-item:hover{background:#ffffff2e;transform:translateY(-4px);box-shadow:0 16px 40px #0003}
.abt-approach-number{font-size:2.8rem;font-weight:800;color:#ffffff4d;margin:0 0 1rem;line-height:1}
.abt-approach-item h3{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 1rem}
.abt-approach-item p{font-size:1.05rem;color:#ffffffe6;margin:0;line-height:1.6}
.abt-approach-images{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:3rem}
.abt-approach-img-box{border-radius:10px;overflow:hidden;box-shadow:0 8px 20px #0003;transition:transform .3s ease}
.abt-approach-img-box:hover{transform:scale(1.05)}
.abt-approach-img-box img{width:100%;height:180px;object-fit:cover;display:block}
@media (max-width: 992px) {
.abt-hero-intro h1{font-size:2.3rem}
.abt-story-grid{grid-template-columns:1fr;gap:2.5rem}
.abt-story-img-wrap img{height:320px}
.abt-values-cards{grid-template-columns:1fr;gap:1.8rem}
.abt-team-layout{flex-direction:column;gap:2.5rem}
.abt-team-visual{flex:0 0 auto;width:100%;max-width:400px}
.abt-approach-grid{grid-template-columns:1fr;gap:2rem}
.abt-approach-images{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.abt-hero-intro{padding:3.5rem 1.5rem 3rem}
.abt-hero-intro h1{font-size:2rem}
.abt-hero-intro p{font-size:1.05rem}
.abt-story-section,.abt-values-block,.abt-team-spotlight,.abt-approach-wrap{padding:3rem 1.5rem}
.abt-story-text h2,.abt-values-header h2,.abt-team-info h2,.abt-approach-header h2{font-size:1.9rem}
.abt-value-card{padding:1.8rem 1.5rem}
.abt-team-portrait img{height:360px}
.abt-approach-images{grid-template-columns:1fr;gap:1.2rem}
.abt-approach-img-box img{height:220px}
}
.blog-page-wrapper{background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#212529;line-height:1.7}
.blog-hero-section{background:linear-gradient(135deg,#3108A8 0%,#00DBEF 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.blog-hero-section::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:#ffffff14;border-radius:50%;z-index:1}
.blog-hero-content{max-width:800px;margin:0 auto;position:relative;z-index:2;text-align:center}
.blog-hero-content h1{font-size:2.8rem;font-weight:700;color:#fff;margin-bottom:20px;letter-spacing:-.5px}
.blog-hero-content p{font-size:1.2rem;color:#fff;opacity:.95;max-width:600px;margin:0 auto}
.articles-grid-section{padding:90px 20px;background:#f8f9fa}
.articles-grid-container{max-width:1200px;margin:0 auto}
.section-intro-text{text-align:center;max-width:700px;margin:0 auto 60px}
.section-intro-text h2{font-size:2.2rem;color:#212529;font-weight:700;margin-bottom:16px;position:relative;display:inline-block}
.section-intro-text h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:#00DBEF;border-radius:2px}
.section-intro-text p{font-size:1.05rem;color:#495057;line-height:1.7}
.articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:35px}
.article-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #0000000f;transition:all .3s ease;display:flex;flex-direction:column}
.article-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px #3108a81f}
.article-card-image{width:100%;height:220px;overflow:hidden;position:relative}
.article-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.article-card:hover .article-card-image img{transform:scale(1.08)}
.article-category-badge{position:absolute;top:16px;left:16px;background:#3108A8;color:#fff;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;z-index:2}
.article-card-content{padding:26px;flex-grow:1;display:flex;flex-direction:column}
.article-meta-info{display:flex;align-items:center;gap:16px;margin-bottom:14px;font-size:.9rem;color:#6c757d}
.article-card-content h3{font-size:1.35rem;color:#212529;font-weight:700;margin-bottom:12px;line-height:1.4}
.article-card-content p{font-size:.98rem;color:#495057;line-height:1.6;margin-bottom:20px;flex-grow:1}
.article-read-link{color:#3108A8;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:gap .3s ease}
.article-read-link:hover{gap:10px}
.featured-insights-section{padding:90px 20px;background:#fff}
.featured-container{max-width:1200px;margin:0 auto}
.featured-split-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.featured-content-side h2{font-size:2.4rem;color:#212529;font-weight:700;margin-bottom:20px;line-height:1.3}
.featured-content-side h2 span{color:#3108A8;position:relative}
.featured-content-side h2 span::before{content:'';position:absolute;bottom:2px;left:0;width:100%;height:8px;background:#00dbef4d;z-index:-1}
.featured-content-side p{font-size:1.05rem;color:#495057;line-height:1.7;margin-bottom:16px}
.insight-highlights-list{list-style:none;padding:0;margin:30px 0}
.insight-highlights-list li{padding:14px 0 14px 40px;position:relative;color:#343a40;font-size:1.02rem}
.insight-highlights-list li::before{content:'→';position:absolute;left:0;color:#00DBEF;font-weight:700;font-size:1.3rem}
.featured-image-side{position:relative}
.featured-image-side img{width:100%;height:480px;object-fit:cover;border-radius:16px;box-shadow:0 12px 32px #0000001a}
.expert-perspectives-section{padding:90px 20px;background:linear-gradient(to bottom,#f8f9fa 0%,#fff 100%)}
.perspectives-container{max-width:1100px;margin:0 auto}
.perspectives-header{text-align:center;margin-bottom:60px}
.perspectives-header h2{font-size:2.3rem;color:#212529;font-weight:700;margin-bottom:18px}
.perspectives-header p{font-size:1.08rem;color:#495057;max-width:650px;margin:0 auto}
.experts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:45px}
.expert-card{background:#fff;border-radius:14px;padding:36px;box-shadow:0 3px 16px #00000012;border-left:4px solid #3108A8;transition:all .3s ease}
.expert-card:hover{transform:translateX(8px);box-shadow:0 6px 24px #3108a826}
.expert-profile-row{display:flex;align-items:center;gap:20px;margin-bottom:24px}
.expert-avatar{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid #00DBEF}
.expert-info h4{font-size:1.2rem;color:#212529;font-weight:700;margin-bottom:4px}
.expert-info span{font-size:.9rem;color:#6c757d}
.expert-quote{font-size:1.02rem;color:#343a40;line-height:1.7;font-style:italic;position:relative;padding-left:20px}
.expert-quote::before{content:'"';position:absolute;left:0;top:-8px;color:#00DBEF;opacity:.4;font:3rem Georgia,serif}
.newsletter-cta-section{padding:80px 20px;background:linear-gradient(135deg,#3108A8 0%,#00DBEF 100%);position:relative;overflow:hidden}
.newsletter-cta-section::before{content:'';position:absolute;bottom:-40%;left:-10%;width:500px;height:500px;background:#ffffff0f;border-radius:50%}
.newsletter-cta-section::after{content:'';position:absolute;top:-30%;right:-8%;width:400px;height:400px;background:#ffffff0d;border-radius:50%}
.newsletter-content{max-width:700px;margin:0 auto;text-align:center;position:relative;z-index:2}
.newsletter-content h2{font-size:2.4rem;color:#fff;font-weight:700;margin-bottom:16px}
.newsletter-content p{font-size:1.1rem;color:#fff;opacity:.95;margin-bottom:36px;line-height:1.6}
.newsletter-form{display:flex;gap:12px;max-width:520px;margin:0 auto}
.newsletter-input{flex:1;padding:16px 20px;border:2px solid #ffffff4d;border-radius:8px;background:#ffffff26;color:#fff;font-size:1rem;outline:none;transition:all .3s ease}
.newsletter-input::placeholder{color:#ffffffb3}
.newsletter-input:focus{background:#ffffff40;border-color:#fff9}
.newsletter-submit-btn{padding:16px 32px;background:#fff;color:#3108A8;border:none;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}
.newsletter-submit-btn:hover{background:#FAFAFA;transform:scale(1.05);box-shadow:0 6px 20px #0003}
@media (max-width: 768px) {
.blog-hero-content h1{font-size:2rem}
.blog-hero-content p{font-size:1.05rem}
.articles-grid{grid-template-columns:1fr;gap:28px}
.featured-split-layout{grid-template-columns:1fr;gap:40px}
.featured-image-side img{height:340px}
.experts-grid{grid-template-columns:1fr;gap:30px}
.newsletter-form{flex-direction:column}
.newsletter-submit-btn{width:100%}
.section-intro-text h2{font-size:1.8rem}
.featured-content-side h2{font-size:1.9rem}
}
.cookie-policy-wrapper{background:linear-gradient(135deg,#FAFAFA 0%,#fff 50%,#f8f9fa 100%);min-height:100vh;padding:0}
.policy-hero-banner{background:linear-gradient(165deg,#3108A8 0%,#5a2dd1 100%);padding:4rem 2rem 3rem;position:relative;overflow:hidden}
.policy-hero-banner::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#00dbef26 0%,transparent 70%);border-radius:50%}
.policy-hero-banner::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#00dbef1a 0%,transparent 70%);border-radius:50%}
.policy-hero-content{max-width:900px;margin:0 auto;position:relative;z-index:2}
.policy-hero-content h1{color:#fff;font-size:2.8rem;font-weight:700;margin:0 0 1.5rem;line-height:1.2;letter-spacing:-.5px}
.policy-hero-meta{display:flex;flex-wrap:wrap;gap:2rem;margin-top:2rem}
.policy-meta-item{display:flex;align-items:center;gap:.5rem;color:#ffffffe6;font-size:.95rem}
.policy-meta-item::before{content:'';width:6px;height:6px;background:#00DBEF;border-radius:50%;display:inline-block}
.policy-main-content{max-width:100%;margin:0 auto;padding:0}
.policy-section-block{padding:4rem 2rem;background:#fff;border-bottom:1px solid #e9ecef}
.policy-section-block:nth-child(even){background:#FAFAFA}
.policy-section-inner{max-width:1200px;margin:0 auto}
.policy-section-title{color:#3108A8;font-size:2rem;font-weight:700;margin:0 0 2rem;position:relative;padding-bottom:1rem}
.policy-section-title::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,#00DBEF 0%,#3108A8 100%);border-radius:2px}
.policy-intro-narrative{font-size:1.1rem;line-height:1.8;color:#343a40;margin-bottom:2.5rem}
.policy-intro-narrative p{margin:0 0 1.5rem}
.policy-intro-narrative p:last-child{margin-bottom:0}
.policy-conceptual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:3rem 0}
.policy-concept-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}
.policy-concept-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#3108A8 0%,#00DBEF 100%);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.policy-concept-card:hover::before{transform:scaleX(1)}
.policy-concept-card:hover{border-color:#00DBEF;box-shadow:0 8px 24px #3108a81a;transform:translateY(-4px)}
.policy-concept-label{color:#3108A8;font-weight:700;font-size:1.2rem;margin:0 0 1rem;display:block}
.policy-concept-description{color:#495057;line-height:1.6;font-size:.95rem;margin:0}
.policy-layered-explanation{margin:3rem 0}
.policy-explanation-layer{margin-bottom:3rem;padding-left:2rem;border-left:3px solid #00DBEF}
.policy-layer-heading{color:#212529;font-size:1.5rem;font-weight:600;margin:0 0 1rem}
.policy-layer-text{color:#495057;line-height:1.7;font-size:1rem;margin:0 0 1rem}
.policy-layer-text:last-child{margin-bottom:0}
.policy-tech-mosaic{display:flex;flex-direction:column;gap:2rem;margin:3rem 0}
.policy-tech-fragment{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border-radius:16px;padding:2.5rem;border:1px solid #dee2e6;position:relative}
.policy-tech-fragment::before{content:'';position:absolute;top:1.5rem;left:1.5rem;width:40px;height:40px;background:linear-gradient(135deg,#3108a81a 0%,#00dbef1a 100%);border-radius:8px;transform:rotate(15deg)}
.policy-tech-name{font-weight:700;color:#3108A8;font-size:1.3rem;margin:0 0 1.5rem;padding-left:60px}
.policy-tech-details{color:#495057;line-height:1.7;font-size:.98rem}
.policy-tech-details p{margin:0 0 1rem}
.policy-tech-details p:last-child{margin-bottom:0}
.policy-divider-angular{height:80px;background:linear-gradient(165deg,#3108A8 0%,#00DBEF 100%);clip-path:polygon(0 0,100% 30%,100% 100%,0 70%);margin:4rem 0}
.policy-control-matrix{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin:3rem 0}
.policy-control-column h3{color:#212529;font-size:1.4rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:.8rem;border-bottom:2px solid #e9ecef}
.policy-control-list{list-style:none;padding:0;margin:0}
.policy-control-list li{padding:1rem 0 1rem 2rem;color:#495057;line-height:1.6;position:relative;border-bottom:1px solid #f1f3f5}
.policy-control-list li:last-child{border-bottom:none}
.policy-control-list li::before{content:'';position:absolute;left:0;top:1.4rem;width:12px;height:12px;background:linear-gradient(135deg,#3108A8 0%,#00DBEF 100%);border-radius:3px;transform:rotate(45deg)}
.policy-purpose-narrative{background:linear-gradient(135deg,#3108a808 0%,#00dbef08 100%);padding:3rem;border-radius:20px;margin:3rem 0;border:1px solid #3108a81a}
.policy-purpose-narrative p{color:#343a40;line-height:1.8;font-size:1.05rem;margin:0 0 1.5rem}
.policy-purpose-narrative p:last-child{margin-bottom:0}
.policy-interaction-framework{margin:4rem 0}
.policy-framework-segment{margin-bottom:3rem}
.policy-framework-segment:last-child{margin-bottom:0}
.policy-segment-header{background:linear-gradient(90deg,#3108A8 0%,#5a2dd1 100%);color:#fff;padding:1.5rem 2rem;border-radius:12px 12px 0 0;font-size:1.3rem;font-weight:700;margin:0}
.policy-segment-body{background:#fff;border:2px solid #e9ecef;border-top:none;padding:2rem;border-radius:0 0 12px 12px}
.policy-segment-body p{color:#495057;line-height:1.7;margin:0 0 1rem;font-size:.98rem}
.policy-segment-body p:last-child{margin-bottom:0}
.policy-closure-block{background:linear-gradient(165deg,#212529 0%,#343a40 100%);padding:4rem 2rem;margin-top:4rem;position:relative;overflow:hidden}
.policy-closure-block::before{content:'';position:absolute;top:-50%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#00dbef14 0%,transparent 70%);border-radius:50%}
.policy-closure-content{max-width:900px;margin:0 auto;position:relative;z-index:2}
.policy-closure-text{color:#ffffffe6;line-height:1.8;font-size:1.05rem;margin:0 0 2rem}
.policy-contact-arrangement{display:flex;flex-direction:column;gap:1rem;padding:2rem;background:#ffffff0d;border-radius:12px;border:1px solid #ffffff1a}
.policy-contact-detail{color:#fff;font-size:.95rem;display:flex;align-items:baseline;gap:1rem}
.policy-contact-detail strong{color:#00DBEF;min-width:120px;font-weight:600}
@media (max-width: 768px) {
.policy-hero-banner{padding:3rem 1.5rem 2rem}
.policy-hero-content h1{font-size:2rem}
.policy-hero-meta{flex-direction:column;gap:1rem}
.policy-section-block{padding:3rem 1.5rem}
.policy-section-title{font-size:1.6rem}
.policy-conceptual-grid{grid-template-columns:1fr;gap:1.5rem}
.policy-control-matrix{grid-template-columns:1fr;gap:2rem}
.policy-tech-fragment{padding:2rem 1.5rem}
.policy-tech-name{font-size:1.1rem;padding-left:0;margin-top:50px}
.policy-purpose-narrative{padding:2rem 1.5rem}
.policy-closure-block{padding:3rem 1.5rem}
.policy-contact-detail{flex-direction:column;gap:.3rem}
.policy-contact-detail strong{min-width:auto}
}
@media (min-width: 769px) and (max-width: 1024px) {
.policy-hero-content h1{font-size:2.4rem}
.policy-section-title{font-size:1.8rem}
.policy-conceptual-grid{grid-template-columns:repeat(2,1fr)}
}
.privacy-policy-container{background:linear-gradient(135deg,#fafafa 0%,#fff 50%,#f8f9fa 100%);min-height:100vh;padding:0}
.policy-header-wrap{background:linear-gradient(165deg,#3108A8 0%,#2507a0 100%);padding:5rem 2rem 4rem;position:relative;overflow:hidden}
.policy-header-wrap::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#00dbef26 0%,transparent 70%);border-radius:50%}
.policy-header-wrap::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#00dbef1a 0%,transparent 70%);border-radius:50%}
.policy-title-main{font-size:3rem;color:#fff;font-weight:700;margin:0 0 1.5rem;position:relative;z-index:2;letter-spacing:-.5px}
.policy-meta-info{color:#ffffffe6;font-size:1.1rem;margin:0;position:relative;z-index:2;line-height:1.7}
.policy-meta-info strong{color:#00DBEF;font-weight:600}
.policy-content-wrapper{max-width:1400px;margin:0 auto;padding:4rem 2rem 6rem}
.policy-intro-section{background:#fff;border-left:5px solid #3108A8;padding:2.5rem 3rem;margin-bottom:3rem;box-shadow:0 4px 20px #3108a814;border-radius:8px}
.policy-intro-section p{font-size:1.15rem;line-height:1.8;color:#343a40;margin:0 0 1.2rem}
.policy-intro-section p:last-child{margin-bottom:0}
.policy-block-main{background:#fff;padding:3rem;margin-bottom:2.5rem;border-radius:12px;box-shadow:0 2px 15px #0000000d;position:relative}
.policy-block-main::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#3108A8 0%,#00DBEF 100%);border-radius:12px 0 0 12px}
.policy-section-heading{font-size:2rem;color:#3108A8;font-weight:700;margin:0 0 1.8rem;padding-bottom:1rem;border-bottom:3px solid #f8f9fa;position:relative}
.policy-section-heading::after{content:'';position:absolute;bottom:-3px;left:0;width:120px;height:3px;background:linear-gradient(90deg,#3108A8 0%,#00DBEF 100%)}
.policy-subsection-title{font-size:1.5rem;color:#212529;font-weight:600;margin:2.5rem 0 1.2rem;padding-left:1.5rem;border-left:4px solid #00DBEF}
.policy-text-content{font-size:1.05rem;line-height:1.9;color:#495057;margin:0 0 1.5rem}
.policy-text-emphasis{color:#3108A8;font-weight:600}
.policy-list-structured{list-style:none;padding:0;margin:1.5rem 0}
.policy-list-structured li{padding:1rem 1.5rem 1rem 3rem;margin-bottom:.8rem;background:#f8f9fa;border-radius:8px;position:relative;font-size:1.05rem;line-height:1.8;color:#343a40}
.policy-list-structured li::before{content:'→';position:absolute;left:1.5rem;top:1rem;color:#3108A8;font-size:1.3rem;font-weight:700}
.policy-nested-list{list-style:none;padding:0;margin:1rem 0 0}
.policy-nested-list li{padding:.7rem 1rem .7rem 2.5rem;margin-bottom:.6rem;background:#fff;border-left:3px solid #00DBEF;position:relative;font-size:1rem;line-height:1.7;color:#495057}
.policy-nested-list li::before{content:'•';position:absolute;left:1rem;top:.7rem;color:#00DBEF;font-size:1.2rem}
.policy-highlight-box{background:linear-gradient(135deg,#3108a80d 0%,#00dbef0d 100%);border:2px solid #3108a81a;border-radius:10px;padding:2rem;margin:2rem 0}
.policy-highlight-box p{font-size:1.05rem;line-height:1.8;color:#343a40;margin:0 0 1rem}
.policy-highlight-box p:last-child{margin-bottom:0}
.policy-contact-block{background:linear-gradient(135deg,#3108A8 0%,#2507a0 100%);padding:3rem;border-radius:12px;margin-top:4rem;color:#fff}
.policy-contact-heading{font-size:1.8rem;color:#fff;font-weight:700;margin:0 0 1.5rem}
.policy-contact-details{font-size:1.1rem;line-height:2;color:#fffffff2}
.policy-contact-details a{color:#00DBEF;text-decoration:none;font-weight:600;transition:all .3s ease}
.policy-contact-details a:hover{color:#fff;text-decoration:underline}
.policy-divider-visual{height:3px;background:linear-gradient(90deg,transparent 0%,#3108A8 20%,#00DBEF 50%,#3108A8 80%,transparent 100%);margin:3rem 0;border:none}
@media (max-width: 768px) {
.policy-header-wrap{padding:3rem 1.5rem 2.5rem}
.policy-title-main{font-size:2rem}
.policy-meta-info{font-size:1rem}
.policy-content-wrapper{padding:2rem 1.5rem 4rem}
.policy-intro-section{padding:1.5rem}
.policy-block-main{padding:2rem 1.5rem}
.policy-section-heading{font-size:1.6rem}
.policy-subsection-title{font-size:1.3rem;padding-left:1rem}
.policy-list-structured li{padding:1rem 1rem 1rem 2.5rem}
.policy-list-structured li::before{left:1rem}
.policy-highlight-box{padding:1.5rem}
.policy-contact-block{padding:2rem 1.5rem}
}
.success-wrapper{background:linear-gradient(135deg,#FAFAFA 0%,#fff 50%,#e8f9fb 100%);min-height:85vh;display:flex;align-items:center;justify-content:center;padding:4rem 1.5rem;position:relative;overflow:hidden}
.success-wrapper::before{content:'';position:absolute;top:-10%;right:-5%;width:400px;height:400px;background:radial-gradient(circle,#00dbef26 0%,transparent 70%);border-radius:50%;animation:pulse-gentle 6s ease-in-out infinite}
.success-wrapper::after{content:'';position:absolute;bottom:-15%;left:-8%;width:500px;height:500px;background:radial-gradient(circle,#3108a814 0%,transparent 65%);border-radius:50%;animation:pulse-gentle 8s ease-in-out infinite reverse}
@keyframes pulse-gentle {
0%,100%{transform:scale(1);opacity:.4}
50%{transform:scale(1.15);opacity:.6}
}
.confirmation-container{max-width:720px;width:100%;background:#fff;border-radius:16px;box-shadow:0 8px 32px #3108a81f 0 2px 8px #0000000a;padding:3.5rem 2.5rem;position:relative;z-index:2;text-align:center}
.icon-confirmation{width:92px;height:92px;margin:0 auto 2rem;background:linear-gradient(135deg,#3108A8 0%,#5420d4 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;animation:scale-in .5s cubic-bezier(0.34,1.56,0.64,1)}
.icon-confirmation::before{content:'';position:absolute;inset:-8px;border-radius:50%;background:linear-gradient(135deg,#3108a833 0%,#00dbef26 100%);z-index:-1}
.icon-confirmation svg{width:48px;height:48px;stroke:#fff;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;animation:draw-check .6s ease-out .3s forwards;stroke-dasharray:100;stroke-dashoffset:100}
@keyframes scale-in {
0%{transform:scale(0);opacity:0}
100%{transform:scale(1);opacity:1}
}
@keyframes draw-check {
to{stroke-dashoffset:0}
}
.main-heading-success{font-size:2.25rem;font-weight:700;color:#212529;margin:0 0 1.25rem;line-height:1.25}
.confirmation-text-primary{font-size:1.125rem;color:#495057;line-height:1.7;margin:0 0 2rem;max-width:560px;margin-left:auto;margin-right:auto}
.detail-box-confirmation{background:linear-gradient(135deg,#f8f9fa 0%,#FAFAFA 100%);border-left:4px solid #3108A8;border-radius:8px;padding:1.75rem;margin:2.5rem 0;text-align:left}
.detail-item-row{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}
.detail-item-row:last-child{margin-bottom:0}
.detail-icon-marker{width:24px;height:24px;background:linear-gradient(135deg,#00DBEF 0%,#00b8c9 100%);border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px}
.detail-icon-marker svg{width:14px;height:14px;stroke:#fff;stroke-width:3;fill:none}
.detail-content-text{flex:1}
.detail-content-text strong{display:block;font-size:.9rem;font-weight:600;color:#3108A8;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}
.detail-content-text span{font-size:1rem;color:#343a40;line-height:1.5}
.timeline-expectation{background:#fff;border:2px solid #e9ecef;border-radius:10px;padding:1.5rem;margin:2rem 0;position:relative}
.timeline-expectation::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3108A8 0%,#00DBEF 100%);border-radius:10px 10px 0 0}
.timeline-heading-small{font-size:1rem;font-weight:700;color:#212529;margin:0 0 1rem;text-align:left}
.timeline-step-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;text-align:left}
.timeline-step-item:last-child{margin-bottom:0}
.step-number-circle{width:32px;height:32px;background:linear-gradient(135deg,#3108A8 0%,#5420d4 100%);border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:#fff}
.step-text-description{flex:1;padding-top:4px}
.step-text-description p{margin:0;font-size:.95rem;color:#495057;line-height:1.6}
.actions-button-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2.5rem}
.btn-primary-action{background:linear-gradient(135deg,#3108A8 0%,#5420d4 100%);color:#fff;padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3108a840;display:inline-block}
.btn-primary-action:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3108a859;background:linear-gradient(135deg,#2607 8d 0%,#4519b8 100%)}
.btn-secondary-outline{background:none;color:#3108A8;padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;border:2px solid #3108A8;cursor:pointer;transition:all .3s ease;display:inline-block}
.btn-secondary-outline:hover{background:#3108A8;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3108a833}
.footer-note-small{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #e9ecef;font-size:.875rem;color:#6c757d;line-height:1.6}
.contact-link-inline{color:#3108A8;text-decoration:none;font-weight:600;transition:color .2s ease}
.contact-link-inline:hover{color:#00DBEF;text-decoration:underline}
@media (max-width: 768px) {
.success-wrapper{padding:2.5rem 1rem}
.confirmation-container{padding:2.5rem 1.5rem}
.main-heading-success{font-size:1.75rem}
.confirmation-text-primary{font-size:1rem}
.actions-button-group{flex-direction:column;gap:.75rem}
.btn-primary-action,.btn-secondary-outline{width:100%;text-align:center}
.detail-box-confirmation{padding:1.25rem}
}
@media (max-width: 480px) {
.icon-confirmation{width:76px;height:76px}
.icon-confirmation svg{width:38px;height:38px}
.main-heading-success{font-size:1.5rem}
.timeline-step-item{gap:.75rem}
.step-number-circle{width:28px;height:28px;font-size:.8rem}
}
.error-page-wrapper{background:linear-gradient(135deg,#fafafa 0%,#fff 50%,#f8f9fa 100%);min-height:85vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;position:relative;overflow:hidden}
.error-page-wrapper::before{content:'';position:absolute;top:-50%;right:-20%;width:70%;height:140%;background:radial-gradient(circle,#00dbef14 0%,transparent 70%);pointer-events:none}
.error-page-wrapper::after{content:'';position:absolute;bottom:-30%;left:-15%;width:60%;height:120%;background:radial-gradient(circle,#3108a80d 0%,transparent 65%);pointer-events:none}
.error-content-container{max-width:720px;width:100%;text-align:center;position:relative;z-index:2;padding:2.5rem;background:#ffffffb3;backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 8px 32px #3108a814}
.error-numeric-display{font-size:9rem;font-weight:800;line-height:1;margin:0 0 1rem;background:linear-gradient(135deg,#3108A8 0%,#00DBEF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em;position:relative}
.error-numeric-display::after{content:'404';position:absolute;top:4px;left:4px;z-index:-1;background:linear-gradient(135deg,#3108a81a 0%,#00dbef1a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.error-primary-heading{font-size:1.75rem;font-weight:700;color:#212529;margin:0 0 1.25rem;line-height:1.3}
.error-explanation-text{font-size:1.05rem;color:#495057;line-height:1.7;margin:0 0 2rem;max-width:560px;margin-left:auto;margin-right:auto}
.error-suggestions-block{background:#fff;border:2px solid #f5f6fa;border-radius:12px;padding:1.75rem;margin:2.5rem 0;text-align:left}
.error-suggestions-title{font-size:1.15rem;font-weight:600;color:#3108A8;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}
.error-suggestions-title::before{content:'';width:4px;height:24px;background:linear-gradient(180deg,#3108A8 0%,#00DBEF 100%);border-radius:2px}
.error-suggestions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}
.error-suggestions-list li{font-size:.95rem;color:#343a40;line-height:1.6;padding-left:1.75rem;position:relative}
.error-suggestions-list li::before{content:'→';position:absolute;left:0;color:#00DBEF;font-weight:700;font-size:1.1rem}
.error-actions-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}
.error-btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:linear-gradient(135deg,#3108A8 0%,#00DBEF 100%);color:#fff;font-size:1rem;font-weight:600;text-decoration:none;border-radius:8px;transition:all .3s ease;box-shadow:0 4px 16px #3108a833;border:none;cursor:pointer;position:relative;z-index:10}
.error-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #3108a84d;color:#fff}
.error-btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:#fff;color:#3108A8;font-size:1rem;font-weight:600;text-decoration:none;border-radius:8px;transition:all .3s ease;border:2px solid #3108A8;cursor:pointer;position:relative;z-index:10}
.error-btn-secondary:hover{background:#3108A8;color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #3108a833}
.error-contact-info{margin-top:3rem;padding-top:2rem;border-top:1px solid #e9ecef}
.error-contact-prompt{font-size:.9rem;color:#6c757d;margin:0 0 1rem}
.error-contact-link{color:#3108A8;text-decoration:none;font-weight:600;transition:color .3s ease;position:relative}
.error-contact-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#00DBEF;transition:width .3s ease}
.error-contact-link:hover::after{width:100%}
.error-contact-link:hover{color:#00DBEF}
@media (max-width: 768px) {
.error-numeric-display{font-size:6rem}
.error-primary-heading{font-size:1.5rem}
.error-explanation-text{font-size:1rem}
.error-content-container{padding:2rem 1.5rem}
.error-actions-group{flex-direction:column;align-items:stretch}
.error-btn-primary,.error-btn-secondary{justify-content:center;width:100%}
.error-suggestions-block{padding:1.5rem}
}
@media (max-width: 480px) {
.error-numeric-display{font-size:4.5rem}
.error-primary-heading{font-size:1.35rem}
.error-page-wrapper{padding:1.5rem 1rem}
.error-content-container{padding:1.75rem 1.25rem}
}