.about-section { background:#f6f7f8; color:#142c40; }
.about-grid { display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:clamp(28px,6vw,84px); margin-top:30px; }
.about-grid p { font-size:1.05rem; line-height:1.75; }
.about-grid aside { padding:clamp(24px,3vw,38px); background:#fff; border:1px solid #d9e2e7; border-radius:20px; }
.about-grid aside h3 { margin:0 0 12px; color:#132e47; font-size:1.45rem; }
.about-grid aside a { color:#194c6a; font-weight:700; }
.context-story { display:grid; grid-template-columns:minmax(0,1fr) minmax(145px,175px); gap:clamp(18px,2.4vw,30px); align-items:center; }
.context-story>div { min-width:0; }
.context-motion { width:100%; margin:0; text-align:center; }
.context-motion video { display:block; width:100%; aspect-ratio:9/16; object-fit:contain; border-radius:14px; background:#0b223a; }
.context-motion figcaption { margin-top:8px; color:#536478; font-size:.85rem; font-weight:650; }
.context-motion .motion-replay { width:100%; min-height:44px; white-space:normal; line-height:1.25; }
.tools-header { background:#07182c; border-bottom:1px solid rgba(217,185,110,.3); }
.tools-root { scroll-behavior:auto; }
.tools-nav { min-height:80px; display:flex; flex-wrap:wrap; gap:18px 26px; justify-content:space-between; align-items:center; padding-top:12px; padding-bottom:12px; }
.tools-brand { display:flex; align-items:center; gap:10px; color:#f5dfaa; font-size:1.15rem; text-decoration:none; }
.tools-brand img { object-fit:contain; }
.tools-nav nav { display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px; }
.tools-nav nav a,.tools-call { color:#fff; font-weight:700; font-size:.9rem; text-decoration:none; }
.tools-nav a:hover,.tools-nav a:focus-visible { color:#f5dfaa; text-decoration:underline; }
.tools-hero { background:linear-gradient(135deg,#07182c,#163a55); color:#fff; padding:clamp(45px,7vw,88px) 0; }
.tools-hero h1 { font-family:Georgia,serif; font-size:clamp(2.3rem,5vw,4.2rem); line-height:1.08; max-width:770px; margin:15px 0; }
.tools-hero p { color:#e6edf1; font-size:1.13rem; line-height:1.6; max-width:700px; }
.tools-jump { display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; }
.tools-jump a { color:#f9e9c2; border:1px solid #b89b64; border-radius:8px; padding:12px 15px; text-decoration:none; font-weight:700; }
.tools-jump a:focus-visible,.guide-actions a:focus-visible,.guide-nav button:focus-visible { outline:3px solid #b68b39; outline-offset:3px; }
.herr-indicator { display:flex; align-items:center; flex:1 1 210px; min-height:48px; border-radius:9px; padding:11px 14px; font-size:1.2rem; font-weight:800; line-height:1.3; background:#e4ebef; color:#273e4c; border:1px solid #869ca8; }
.herr-indicator.excede { background:#d8f3df; color:#145c32; border-color:#27854b; }
.herr-indicator.asequible { background:#fde2e2; color:#8c1825; border-color:#a52938; }
.herr-result h4 { font-size:1.3rem; }
.guide-section { background:#f8fafb; color:#142d42; }
.guide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:32px; }
.guide-card { min-width:0; padding:clamp(24px,4vw,38px); border:1px solid #d4dfe6; border-radius:22px; background:#fff; box-shadow:0 12px 32px rgba(7,24,44,.07); }
.guide-kicker { color:#846323; font-weight:800; letter-spacing:.08em; }
.guide-card h3 { margin:13px 0; color:#102c45; font-size:clamp(1.45rem,2.4vw,1.9rem); line-height:1.2; }
.guide-card p,.guide-card li { font-size:1.05rem; line-height:1.65; }
.guide-steps { list-style:none; counter-reset:pasos; padding:0; margin:24px 0 12px; }
.guide-steps li { counter-increment:pasos; display:flex; gap:16px; align-items:flex-start; min-height:96px; padding:18px; background:#f0f5f7; border-radius:13px; margin-bottom:10px; }
.guide-steps li::before { content:counter(pasos); flex:none; display:grid; place-items:center; width:38px; height:38px; background:#0b2d46; color:#f9e4b2; border-radius:50%; font-weight:800; }
.guide-steps li:nth-child(1)::before { content:'1'; }
.guide-steps li:nth-child(2)::before { content:'2'; }
.guide-steps li:nth-child(3)::before { content:'3'; }
.guide-steps li:nth-child(4)::before { content:'4'; }
.guide-steps li[hidden] { display:none; }
.guide-nav { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.guide-nav button { min-height:48px; padding:11px 15px; border:1px solid #0f405c; border-radius:8px; color:#12384d; background:#fff; font:inherit; font-weight:750; cursor:pointer; }
.guide-nav button[hidden] { display:none; }
.guide-nav p { margin:0; font-weight:700; color:#405b6a; }
.guide-actions { display:flex; flex-direction:column; gap:15px; align-items:flex-start; margin-top:24px; }
.guide-actions>a:not(.btn) { font-weight:700; color:#174c6b; }
.guide-privacy { margin:28px 0 0; font-weight:700; max-width:850px; line-height:1.6; }
.digital-help-cta { display:flex; justify-content:space-between; gap:20px; align-items:center; padding:25px; border:1px solid #c8ad72; background:#fffaf0; border-radius:18px; margin:28px 0; }
.digital-help-cta strong { font-size:1.25rem; color:#17344a; }
.digital-help-cta p { margin:7px 0; }
.digital-help-cta .btn { white-space:normal; }
@media(max-width:850px) { .about-grid,.guide-grid { grid-template-columns:1fr; } .tools-nav nav { order:3; width:100%; } }
@media(min-width:851px) and (max-width:1100px) { .context-story { grid-template-columns:1fr; } .context-motion { max-width:175px; margin:0 auto; } }
@media(max-width:650px) { .context-story { grid-template-columns:1fr; } .context-motion { max-width:200px; margin:0 auto; } }
@media(max-width:450px) { .tools-nav { gap:12px; } .tools-call { font-size:.83rem; } .tools-nav nav { gap:10px 14px; } .tools-nav nav a { font-size:.8rem; } .tools-jump a { width:100%; } .guide-card { padding:22px; } .guide-actions .btn { width:100%; text-align:center; } }
@media(max-width:650px) { .digital-help-cta { align-items:stretch; flex-direction:column; } .digital-help-cta .btn { width:100%; } }