/* Corporativo Urbanus · ui.css (rediseño 20-oct-2026)
   Sistema visual de todas las secciones fuera del hero 3D. Mobile first.
   Paleta original: verde #263d36, cobre #a1462f, crema #f3efe5. */
@font-face{font-family:'Urbanus Manrope';src:url('/assets/fonts/urbanus-manrope.woff2') format('woff2'),url('/assets/fonts/urbanus-manrope.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
:root{--verde:#263d36;--verde-9:#172b25;--verde-7:#365449;--verde-5:#5d7268;--cobre:#a1462f;--cobre-7:#86391f;--cobre-1:#f4e3da;--crema:#f3efe5;--crema-2:#ece6d8;--crema-3:#e3dccb;--papel:#fbf9f4;--tinta:#1f2f2a;--texto:#33423d;--muted:#58635d;--linea:#d8d1c1;--linea-2:#e6e0d2;--salvia:#dfe3d8;--r:18px;--r-sm:12px;--sh:0 1px 2px #263d360f,0 8px 24px -12px #263d362e;--sh-lg:0 2px 4px #263d360f,0 24px 48px -20px #263d3647;--max:1240px;--prose:44rem;--f:'Urbanus Manrope',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;--serif:Georgia,'Times New Roman',serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:92px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
body{margin:0;background:var(--crema);color:var(--texto);font:400 17px/1.65 var(--f);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.content-page img,body.content-page svg{max-width:100%}
a{color:inherit}
:focus-visible{outline:3px solid var(--cobre);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--verde);color:var(--crema);padding:10px 16px;border-radius:10px;text-decoration:none;font-weight:700}
.skip:focus{top:12px}
.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 20px}
@media(min-width:768px){.wrap{padding:0 32px}}
@media(min-width:1280px){.wrap{padding:0 40px}}
em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.02em}

/* ---------- botones ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:999px;font:700 15px/1.2 var(--f);letter-spacing:.005em;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s;white-space:nowrap}
.btn .i{width:20px;height:20px;flex:none}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--cobre);color:#fff;box-shadow:0 6px 16px -8px #a1462fb3}
.btn-primary:hover{background:var(--cobre-7)}
.btn-ghost{background:transparent;color:var(--verde);border-color:#263d3640}
.btn-ghost:hover{border-color:var(--verde);background:#263d3608}
.btn-light{background:transparent;color:var(--crema);border-color:#f3efe566}
.btn-light:hover{border-color:var(--crema);background:#f3efe50f}
.btn-dark{background:var(--verde);color:var(--crema)}
.btn-lg{min-height:56px;font-size:16px;padding:14px 26px;width:100%}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.link-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--cobre);text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:2px}
.link-arrow .i{width:18px;height:18px;transition:transform .2s}
.link-arrow:hover .i{transform:translateX(3px)}
.link-light{color:#f0c9b8}
.kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;font:800 12px/1.3 var(--f);letter-spacing:.16em;text-transform:uppercase;color:var(--cobre)}
.kicker::before{content:"";width:22px;height:2px;background:currentColor;border-radius:2px}
.kicker-light{color:#f0c9b8}

/* ---------- encabezado ---------- */
.site-header{position:sticky;top:0;z-index:50;background:#f3efe5eb;-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}
.site-header.is-scrolled{border-bottom-color:var(--linea);box-shadow:0 6px 20px -16px #263d3666}
.sh-inner{max-width:1440px;margin:0 auto;height:68px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
@media(min-width:768px){.sh-inner{height:76px;padding:0 32px}}
.brand-u{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--verde);min-height:44px}
.brand-u svg{width:40px;height:40px;flex:none}
.brand-text{font:800 18px/1 var(--f);letter-spacing:.16em}
.brand-text small{display:block;font-size:9.5px;font-weight:600;letter-spacing:.34em;margin-top:5px;opacity:.85}
.brand-light{color:var(--crema)}
.sh-nav{display:none}
.sh-actions{display:flex;align-items:center;gap:8px}
.sh-actions .btn{min-height:44px;padding:10px 16px;font-size:14px}
@media(max-width:400px){.sh-actions .btn span{display:none}.sh-actions .btn{padding:10px 12px}.brand-text{font-size:16px}}
.mnav{position:relative}
.mnav>summary{list-style:none;display:flex;align-items:center;gap:6px;min-height:44px;min-width:44px;padding:0 12px;border-radius:999px;border:1.5px solid #263d3633;color:var(--verde);font-weight:700;font-size:14px;cursor:pointer}
.mnav>summary::-webkit-details-marker{display:none}
.mnav>summary .i{width:20px;height:20px}
.mnav[open]>summary{background:var(--verde);color:var(--crema);border-color:var(--verde)}
.mnav-panel{position:fixed;left:12px;right:12px;top:76px;max-height:calc(100vh - 92px);overflow:auto;background:var(--papel);border:1px solid var(--linea);border-radius:var(--r);box-shadow:var(--sh-lg);padding:18px 18px 10px}
.mnav-panel ul{list-style:none;margin:0 0 14px;padding:0}
.mnav-panel a{display:flex;align-items:center;min-height:44px;padding:4px 6px;border-bottom:1px solid var(--linea-2);text-decoration:none;color:var(--tinta);font-weight:600;font-size:15.5px}
.mnav-extra a{font-weight:700;color:var(--verde)}
.mm-title{margin:6px 0 4px;font:800 11.5px/1.3 var(--f);letter-spacing:.14em;text-transform:uppercase;color:var(--cobre)}
@media(min-width:1100px){
 .mnav{display:none}
 .sh-nav{display:flex;align-items:center;gap:4px;font-weight:600;font-size:15px}
 .sh-nav>a,.mm>summary{display:flex;align-items:center;gap:4px;min-height:44px;padding:0 14px;border-radius:999px;color:var(--tinta);text-decoration:none;cursor:pointer;transition:background .2s}
 .sh-nav>a:hover,.mm>summary:hover,.mm[open]>summary{background:#263d360d}
 .mm{position:relative}.mm>summary{list-style:none}.mm>summary::-webkit-details-marker{display:none}
 .mm[open]>summary svg{transform:rotate(180deg)}
 .mm-panel{position:absolute;left:50%;top:calc(100% + 10px);transform:translateX(-42%);width:min(920px,92vw);background:var(--papel);border:1px solid var(--linea);border-radius:22px;box-shadow:var(--sh-lg);padding:22px}
 .mm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 22px}
 .mm-col ul{list-style:none;margin:0;padding:0}
 .mm-col a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;text-decoration:none;color:var(--tinta);font-size:14.5px;font-weight:600;line-height:1.3}
 .mm-col a:hover{background:var(--crema-2)}
 .mm-col .i{width:20px;height:20px;color:var(--cobre);flex:none}
 .mm-hub{display:flex;align-items:center;gap:14px;margin-top:14px;padding:14px 16px;border-radius:14px;background:var(--verde);color:var(--crema);text-decoration:none}
 .mm-hub .i{width:26px;height:26px;color:#f0c9b8}
 .mm-hub strong{display:block}.mm-hub small{opacity:.8;font-size:13.5px}
}

/* ---------- CTA fijo en móvil ---------- */
.mcta{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:1.4fr 1fr;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#f3efe5f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--linea);transition:transform .25s}
.mcta .btn{min-height:50px;width:100%}
.mcta .btn-ghost{background:var(--papel)}
.mcta.is-hidden{transform:translateY(110%)}
@media(max-width:767px){body{padding-bottom:76px}}
@media(min-width:768px){.mcta{display:none}}
body .mobile-contact{display:none!important}

/* ---------- pie ---------- */
footer.site-footer{display:block;max-width:none;margin:0;background:var(--verde-9);color:#c6cfc6;border:0;padding:56px 0 24px;font-size:15px;grid-template-columns:none}
.sf-inner{max-width:var(--max);margin:0 auto;padding:0 20px;display:grid;gap:34px}
@media(min-width:768px){.sf-inner{padding:0 32px;grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.sf-inner{grid-template-columns:1.35fr 1fr 1fr 1fr .9fr;gap:36px}}
.sf-brand p{max-width:34ch;margin:18px 0 18px;color:#c6cfc6;line-height:1.6}
footer.site-footer a{display:inline-flex;min-height:0;color:#e8ece6;text-decoration:none}
footer.site-footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
footer.site-footer .brand-u{display:flex;min-height:44px}
.sf-title{margin:0 0 12px;font:800 12px/1.3 var(--f);letter-spacing:.14em;text-transform:uppercase;color:#f0c9b8}
.sf-col ul,.sf-contact{list-style:none;margin:0;padding:0}
.sf-col li{margin:0}
.sf-col a{padding:6px 0;line-height:1.4;font-size:14.5px}
.sf-contact li{margin:0 0 6px}
.sf-contact a{align-items:center;gap:10px;padding:6px 0;font-weight:600;overflow-wrap:anywhere}
.sf-contact .i{width:18px;height:18px;color:#f0c9b8;flex:none}
.sf-contact .sf-hours{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:14px;color:#c6cfc6}
.sf-bottom{max-width:var(--max);margin:40px auto 0;padding:20px 20px 0;border-top:1px solid #ffffff1f;display:grid;gap:6px;font-size:13px;color:#a9b5ab}
.sf-bottom p{margin:0}
@media(min-width:768px){.sf-bottom{padding:20px 32px 0;grid-template-columns:auto 1fr;gap:24px}.sf-bottom p:last-child{text-align:right}}

/* ---------- secciones del inicio ---------- */
.u-h,.h2{font:600 clamp(30px,6.4vw,50px)/1.08 var(--f);letter-spacing:-.035em;color:var(--tinta);margin:0 0 18px;text-wrap:balance;max-width:none}
h2.h2{font-size:clamp(30px,6.4vw,50px);font-weight:600;line-height:1.08;letter-spacing:-.035em}
.h2 em{color:var(--cobre)}
.h2-sm,h2.h2-sm{font:650 clamp(26px,4.6vw,36px)/1.15 var(--f);letter-spacing:-.03em;color:var(--tinta);margin:0 0 22px}
p.lead,.lead{font-size:clamp(17px,2.1vw,19px);line-height:1.6;color:var(--muted);margin:0;max-width:60ch}
.lead a,.feature-copy a:not(.btn){color:var(--cobre);font-weight:700;text-underline-offset:3px}
.sec{padding:72px 0}
@media(min-width:1024px){.sec{padding:104px 0}}
.sec-tint{background:var(--crema-2)}
.sec-dark{background:var(--verde);color:#dfe5dd}
.sec-dark .h2{color:var(--crema)}
.sec-dark .h2 em{color:#f0c9b8}
.sec-dark .lead{color:#c9d2c9}
.sec-head{max-width:760px;margin-bottom:40px}
.sec-head-row{max-width:none;display:grid;gap:12px 48px;align-items:end}
@media(min-width:1024px){.sec-head-row{grid-template-columns:1.1fr 1fr;margin-bottom:52px}.sec-head-row .lead{justify-self:end}}

.trust{background:var(--verde);color:#dfe5dd;padding:26px 0}
.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}
@media(min-width:1024px){.trust-grid{grid-template-columns:repeat(4,1fr);gap:24px}}
.trust-item{display:flex;align-items:flex-start;gap:12px}
.trust-item .i{width:26px;height:26px;color:#f0c9b8;flex:none;margin-top:2px}
.trust-item p{margin:0;max-width:none;line-height:1.35}
.trust-item strong{display:block;color:var(--crema);font-size:16px;font-weight:750}
.trust-item span{font-size:13.5px;color:#bfcabf}

.sit-grid{display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:560px){.sit-grid{grid-template-columns:1fr 1fr;gap:14px}}
@media(min-width:1100px){.sit-grid{grid-template-columns:repeat(4,1fr);gap:16px}}
.sit{position:relative;display:grid;grid-template-columns:48px 1fr;grid-template-areas:"ic t" "ic d";column-gap:14px;row-gap:4px;padding:20px 48px 20px 18px;background:var(--papel);border:1px solid var(--linea-2);border-radius:var(--r);text-decoration:none;color:var(--tinta);box-shadow:var(--sh);transition:transform .2s,box-shadow .2s,border-color .2s}
@media(min-width:1100px){.sit{grid-template-columns:1fr;grid-template-areas:"ic" "t" "d";padding:24px 22px 56px;row-gap:8px}}
.sit:hover{transform:translateY(-3px);box-shadow:var(--sh-lg);border-color:#a1462f59}
.sit-ic{grid-area:ic;width:48px;height:48px;border-radius:14px;background:var(--cobre-1);color:var(--cobre);display:grid;place-items:center}
.sit-ic .i{width:24px;height:24px}
.sit-t{grid-area:t;font-weight:750;font-size:17.5px;line-height:1.25;letter-spacing:-.01em}
@media(min-width:1100px){.sit-t{margin-top:10px;font-size:18.5px}}
.sit-d{grid-area:d;font-size:14.5px;line-height:1.45;color:var(--muted)}
.sit-go{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--cobre)}
@media(min-width:1100px){.sit-go{top:auto;bottom:20px;left:22px;right:auto;transform:none}}
.sit-go .i{width:20px;height:20px;transition:transform .2s}
.sit:hover .sit-go .i{transform:translateX(4px)}

.feature{display:grid;gap:32px;align-items:center}
@media(min-width:1024px){.feature{grid-template-columns:1.15fr 1fr;gap:64px}}
.feature-copy .lead strong{color:var(--tinta)}
.feature-card{background:var(--verde);color:#dfe5dd;border-radius:24px;padding:28px 24px;box-shadow:var(--sh-lg)}
@media(min-width:768px){.feature-card{padding:36px}}
.fc-title{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-weight:800;color:var(--crema);font-size:18px}
.fc-title .i{width:24px;height:24px;color:#f0c9b8}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.checks li{display:grid;grid-template-columns:22px 1fr;gap:12px;line-height:1.5;font-size:15.5px}
.checks .i{width:22px;height:22px;color:#f0c9b8;margin-top:1px}
.fc-note{margin:20px 0 0;padding-top:16px;border-top:1px solid #ffffff22;font-size:14.5px;color:#c9d2c9;max-width:none}
.fc-note a{color:#f0c9b8;font-weight:700}

.svc-groups{display:grid;gap:20px}
@media(min-width:1024px){.svc-groups{grid-template-columns:repeat(3,1fr);gap:24px}}
.svc-group{background:var(--papel);border:1px solid var(--linea-2);border-radius:22px;padding:24px 18px 14px;box-shadow:var(--sh)}
@media(min-width:768px){.svc-group{padding:28px 24px 16px}}
.svc-head{padding:0 6px 14px;border-bottom:1px solid var(--linea-2);margin-bottom:6px}
.svc-head h3{margin:0 0 6px;font:750 20px/1.25 var(--f);letter-spacing:-.015em;color:var(--tinta)}
.svc-head p{margin:0;font-size:14.5px;color:var(--muted);max-width:none}
.svc-list{list-style:none;margin:0;padding:0}
.svc-list a{display:grid;grid-template-columns:40px 1fr 20px;gap:12px;align-items:center;padding:12px 6px;border-radius:14px;text-decoration:none;color:var(--tinta);transition:background .2s}
.svc-list li+li a{border-top:1px solid var(--linea-2)}
.svc-list a:hover{background:var(--crema-2)}
.svc-ic{width:40px;height:40px;border-radius:12px;background:var(--salvia);color:var(--verde);display:grid;place-items:center}
.svc-ic .i{width:21px;height:21px}
.svc-txt strong{display:block;font-size:15.5px;font-weight:750;line-height:1.3}
.svc-txt small{display:block;font-size:13.5px;line-height:1.4;color:var(--muted);margin-top:2px}
.svc-go{width:18px;height:18px;color:var(--cobre);transition:transform .2s}
.svc-list a:hover .svc-go{transform:translateX(3px)}

.why{display:grid;gap:36px}
@media(min-width:1024px){.why{grid-template-columns:.8fr 1.6fr;gap:72px;align-items:start}}
.why-badge{display:flex;flex-direction:column;gap:8px;padding:28px;border-radius:24px;background:linear-gradient(160deg,#365449,#263d36);border:1px solid #ffffff1a;max-width:420px}
@media(min-width:1024px){.why-badge{position:sticky;top:110px;padding:40px}}
.why-num{font:600 clamp(84px,16vw,148px)/.9 var(--f);letter-spacing:-.06em;color:var(--crema)}
.why-num span{color:#f0c9b8}
.why-label{font-size:17px;line-height:1.45;color:#dfe5dd;max-width:24ch}
.why-grid{display:grid;gap:14px;margin:30px 0 28px}
@media(min-width:640px){.why-grid{grid-template-columns:1fr 1fr;gap:16px}}
.why-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--r);padding:22px}
.why-item .i{width:28px;height:28px;color:#f0c9b8}
.why-item h3{margin:12px 0 6px;font:750 17.5px/1.3 var(--f);color:var(--crema);letter-spacing:-.01em}
.why-item p{margin:0;font-size:15px;line-height:1.55;color:#c9d2c9;max-width:none}

.steps-u{list-style:none;margin:0 0 40px;padding:0;display:grid;gap:14px;counter-reset:s}
@media(min-width:768px){.steps-u{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.steps-u{grid-template-columns:repeat(4,1fr);gap:18px}}
.steps-u li{position:relative;background:var(--papel);border:1px solid var(--linea-2);border-radius:var(--r);padding:22px 22px 24px;box-shadow:var(--sh)}
.step-n{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--verde);color:var(--crema);font-weight:800;font-size:14px;letter-spacing:.02em}
.steps-u h3{margin:14px 0 6px;font:750 18px/1.3 var(--f);color:var(--tinta);letter-spacing:-.01em}
.steps-u p{margin:0;font-size:15px;line-height:1.55;color:var(--muted);max-width:none}
#metodo .three-pilot{margin-top:8px}

.cards{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:640px){.cards{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.cards-3{grid-template-columns:repeat(3,1fr);gap:20px}.cards-4{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1024px) and (max-width:1199px){.cards-4{grid-template-columns:repeat(3,1fr)}}
.card{display:flex;flex-direction:column;gap:10px;padding:24px 22px 20px;background:var(--papel);border:1px solid var(--linea-2);border-radius:var(--r);text-decoration:none;color:var(--tinta);box-shadow:var(--sh);transition:transform .2s,box-shadow .2s,border-color .2s;min-height:100%}
.card:hover{transform:translateY(-3px);box-shadow:var(--sh-lg);border-color:#a1462f59}
.card-ic{width:44px;height:44px;border-radius:12px;background:var(--salvia);color:var(--verde);display:grid;place-items:center}
.card-ic .i{width:22px;height:22px}
.card-tag{font:800 11.5px/1.3 var(--f);letter-spacing:.13em;text-transform:uppercase;color:var(--cobre)}
.card-title{font:750 19px/1.3 var(--f);letter-spacing:-.015em;text-wrap:balance}
.card-text{font-size:15px;line-height:1.55;color:var(--muted);flex:1}
.card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;padding-top:14px;border-top:1px solid var(--linea-2);font-size:13.5px;font-weight:650;color:var(--muted)}
.card-foot .i{width:20px;height:20px;color:var(--cobre);transition:transform .2s;flex:none}
.card:hover .card-foot .i{transform:translateX(4px)}

.faq-split{display:grid;gap:32px}
@media(min-width:1024px){.faq-split{grid-template-columns:.85fr 1.4fr;gap:72px;align-items:start}.faq-side{position:sticky;top:110px}}
.faq-side .btn{margin-top:24px}
.faq-u{margin:0}
.qa{border-bottom:1px solid var(--linea)}
.qa:first-of-type{border-top:1px solid var(--linea)}
.qa summary{list-style:none;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 2px;cursor:pointer;font:700 17px/1.4 var(--f);color:var(--tinta)}
.qa summary::-webkit-details-marker{display:none}
.qa summary:hover{color:var(--cobre)}
.qa-ic{position:relative;flex:none;width:28px;height:28px;border-radius:50%;border:1.5px solid #263d3640;margin-top:-2px;transition:transform .25s,background .2s}
.qa-ic::before,.qa-ic::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.8px;background:currentColor;transform:translate(-50%,-50%);border-radius:2px}
.qa-ic::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .25s}
.qa[open] .qa-ic{background:var(--verde);color:var(--crema);border-color:var(--verde)}
.qa[open] .qa-ic::after{transform:translate(-50%,-50%) rotate(0)}
.qa-a{padding:0 44px 20px 2px}
.qa-a p{margin:0;color:var(--texto);line-height:1.65;max-width:none}

.contact-u{background:var(--verde);color:#dfe5dd;padding:72px 0;position:relative;overflow:hidden}
@media(min-width:1024px){.contact-u{padding:104px 0}}
.contact-u .h2{color:var(--crema)}
.contact-u .h2 em{color:#f0c9b8}
.contact-u .lead{color:#c9d2c9;margin-bottom:20px}
.contact-grid{display:grid;gap:36px;align-items:center}
@media(min-width:1024px){.contact-grid{grid-template-columns:1.2fr .9fr;gap:72px}}
.data-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.data-list li{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start}
.data-list .step-n{background:#f3efe51a;color:#f0c9b8;border:1px solid #f3efe533}
.data-list strong{display:block;color:var(--crema);font-size:17px}
.data-list p{margin:2px 0 0;font-size:15px;color:#c9d2c9;max-width:none}
.contact-card{background:var(--papel);color:var(--texto);border-radius:24px;padding:26px 22px;box-shadow:0 30px 60px -30px #0008}
@media(min-width:768px){.contact-card{padding:34px}}
.cc-kicker{margin:0 0 16px;font:800 12px/1.3 var(--f);letter-spacing:.14em;text-transform:uppercase;color:var(--cobre)}
.cc-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--linea-2);text-decoration:none;color:var(--tinta);font-weight:700;font-size:17px;overflow-wrap:anywhere;margin:0}
.cc-row:first-of-type{margin-top:10px}
.cc-row .i{width:22px;height:22px;color:var(--cobre);flex:none}
.cc-row small{display:block;font-size:12.5px;font-weight:600;color:var(--muted);letter-spacing:.02em}
a.cc-row:hover{color:var(--cobre)}
.cc-note{margin:16px 0 0;font-size:13.5px;line-height:1.5;color:var(--muted);max-width:none}
.cc-note a{color:var(--verde);font-weight:700}

/* ---------- páginas de contenido ---------- */
.page-hero{background:linear-gradient(180deg,var(--crema-2),var(--crema));border-bottom:1px solid var(--linea-2);padding:22px 0 40px}
@media(min-width:1024px){.page-hero{padding:30px 0 56px}}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px;margin:0 0 26px;padding:0;font-size:13.5px;color:var(--muted)}
.crumbs li{display:flex;align-items:center;gap:4px}
.crumbs li+li::before{content:"/";opacity:.5;margin:0 4px}
.crumbs a{color:var(--verde);font-weight:650;text-decoration:none;padding:6px 0}
.crumbs a:hover{text-decoration:underline}
.crumbs [aria-current]{color:var(--muted);max-width:28ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.page-hero h1{font:650 clamp(34px,7vw,60px)/1.06 var(--f);letter-spacing:-.04em;color:var(--tinta);margin:0 0 16px;max-width:20ch;text-wrap:balance}
.page-hero h1 em{color:var(--cobre)}
.deck{font-size:clamp(17px,2.2vw,20px);line-height:1.55;color:var(--muted);max-width:62ch;margin:0}
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:24px;font-size:14px;color:var(--muted)}
.avatar{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--verde);color:var(--crema);font-weight:800;font-size:14px;letter-spacing:.04em;flex:none}
.avatar-lg{width:64px;height:64px;font-size:20px}
.meta-who{display:flex;flex-direction:column;line-height:1.3;margin-left:-10px}
.meta .avatar{margin-right:0}
.meta-who a{text-decoration:none;color:var(--tinta)}
.meta-who a:hover strong{text-decoration:underline}
.meta-who small{font-size:13px}
.meta-item{display:inline-flex;align-items:center;gap:7px}
.meta-item .i{width:17px;height:17px;color:var(--cobre)}
.ph-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
@media(max-width:480px){.ph-ctas .btn{width:100%}}
.ph-note{display:flex;align-items:center;gap:10px;margin:22px 0 0;font-size:14.5px;color:var(--muted)}
.ph-note .i{width:18px;height:18px;color:var(--cobre)}

.layout{display:grid;gap:40px;padding-top:40px;padding-bottom:72px}
@media(min-width:1100px){.layout{grid-template-columns:minmax(0,1fr) 320px;gap:64px;padding-top:56px;padding-bottom:96px}.layout-single{grid-template-columns:minmax(0,var(--prose));justify-content:center}}
.prose{min-width:0;max-width:var(--prose);font-size:17.5px;line-height:1.75;color:var(--texto)}
@media(min-width:1100px){.layout:not(.layout-single) .prose{max-width:none}.layout:not(.layout-single) .prose>*{max-width:var(--prose)}}
.prose>section{margin:0}
.prose h2{font:700 clamp(25px,3.6vw,31px)/1.22 var(--f);letter-spacing:-.025em;color:var(--tinta);margin:52px 0 16px;scroll-margin-top:96px;text-wrap:balance}
.prose h3{font:700 20px/1.3 var(--f);color:var(--tinta);margin:32px 0 10px;letter-spacing:-.01em}
.prose p{margin:0 0 18px}
.prose .lead-p{font-size:19px;line-height:1.65;color:var(--tinta);margin-bottom:26px}
.prose a:not(.btn):not(.link-arrow){color:var(--cobre-7);font-weight:650;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.prose a:not(.btn):not(.link-arrow):hover{color:var(--verde)}
.prose strong{color:var(--tinta);font-weight:750}
.prose ul,.prose ol{margin:0 0 22px;padding-left:1.35em}
.prose li{margin:0 0 10px;padding-left:.25em}
.prose ul li::marker{color:var(--cobre)}
.prose ol li::marker{color:var(--cobre);font-weight:800}
.callout{border-radius:var(--r);padding:22px 22px 8px;margin:0 0 30px;border:1px solid var(--linea)}
.callout.resumen{background:var(--papel);border-left:5px solid var(--cobre);box-shadow:var(--sh)}
.callout.resumen h2{margin:0 0 12px;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--cobre);font-weight:800}
.callout.resumen ul{padding-left:1.2em}
.callout.resumen li{font-size:16.5px;line-height:1.6}
.callout-link{background:var(--salvia);border-color:#c9d0c3}
.callout-note{background:var(--crema-2);font-size:15.5px;color:var(--muted);padding-bottom:4px}
.callout-title{display:flex;align-items:center;gap:8px;margin:0 0 8px!important;font-weight:800;color:var(--verde);font-size:15px;letter-spacing:.02em}
.callout-title .i{width:20px;height:20px}
.callout-link ul{margin-bottom:12px;font-size:16px}
.tabla{margin:8px 0 26px;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--linea);border-radius:var(--r-sm);background:var(--papel);box-shadow:var(--sh)}
.tabla table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5;min-width:520px}
.tabla th{background:var(--verde);color:var(--crema);text-align:left;font-weight:700;padding:12px 14px;font-size:14px;letter-spacing:.01em;vertical-align:bottom}
.tabla td{padding:12px 14px;border-top:1px solid var(--linea-2);vertical-align:top}
.tabla tbody tr:nth-child(even) td{background:#f6f2e9}
.tabla td:first-child{font-weight:650;color:var(--tinta)}
.help{margin-top:52px;background:var(--crema-2);border-radius:22px;padding:6px 22px 26px}
@media(min-width:768px){.help{padding:8px 32px 32px}}
.help h2{margin-top:24px}
.help-steps{list-style:none;padding:0!important;counter-reset:h;display:grid;gap:10px}
.help-steps li{counter-increment:h;position:relative;padding:14px 16px 14px 58px!important;background:var(--papel);border-radius:14px;border:1px solid var(--linea-2);margin:0!important;line-height:1.55;font-size:16.5px}
.help-steps li::before{content:counter(h);position:absolute;left:14px;top:13px;width:30px;height:30px;border-radius:50%;background:var(--cobre);color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px}
.help-note{font-size:15.5px;color:var(--muted);margin:16px 0 18px!important}
.prose .faq-u{margin-top:8px}
.prose .faq-u h2{margin-top:56px}
.prose .qa summary{font-size:17px}
.sources-u{margin-top:48px;padding-top:8px;border-top:1px solid var(--linea)}
.sources-u h2{font-size:20px!important;margin-top:28px!important}
.sources-u ol{font-size:15px;line-height:1.55;padding-left:1.4em}
.sources-u li{margin-bottom:8px}
.sources-u .note{font-size:14px;color:var(--muted)}
.author{display:grid;grid-template-columns:64px 1fr;gap:18px;margin-top:40px;padding:24px;background:var(--papel);border:1px solid var(--linea-2);border-radius:var(--r);box-shadow:var(--sh)}
.author p{margin:0 0 8px;font-size:15.5px;line-height:1.6}
.author-name{font-weight:800;color:var(--tinta);font-size:18px!important;margin-bottom:0!important}
.author-role{color:var(--muted);font-size:14px!important}
.author .link-arrow{font-size:15px}
@media(max-width:480px){.author{grid-template-columns:1fr}}

.toc-m{margin:0 0 28px;border:1px solid var(--linea);border-radius:var(--r-sm);background:var(--papel)}
.toc-m summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:52px;padding:0 16px;font-weight:750;color:var(--verde);cursor:pointer}
.toc-m summary::-webkit-details-marker{display:none}
.toc-m summary .i{width:20px;height:20px;color:var(--cobre)}
.toc-m summary::after{content:"+";margin-left:auto;font-size:22px;font-weight:500}
.toc-m[open] summary::after{content:"–"}
.toc-m ol{margin:0;padding:0 16px 12px 36px;font-size:15.5px}
.toc-m li{margin:0}
.toc-m a{display:block;padding:8px 0;color:var(--texto)!important;text-decoration:none!important;font-weight:600!important}
@media(min-width:1100px){.toc-m{display:none}}
.side{display:none}
@media(min-width:1100px){.side{display:block}.side-sticky{position:sticky;top:100px;display:grid;gap:18px}}
.toc{background:var(--papel);border:1px solid var(--linea-2);border-radius:var(--r);padding:18px 14px 12px}
.toc-title{margin:0 0 8px 8px;font:800 12px/1.3 var(--f);letter-spacing:.14em;text-transform:uppercase;color:var(--cobre)}
.toc ol{list-style:none;margin:0;padding:0;max-height:42vh;overflow:auto}
.toc a{display:block;padding:7px 8px 7px 12px;border-left:2px solid transparent;font-size:14px;line-height:1.4;color:var(--muted);text-decoration:none;font-weight:600;border-radius:0 8px 8px 0}
.toc a:hover{color:var(--tinta);background:var(--crema-2)}
.toc a[aria-current]{color:var(--verde);border-left-color:var(--cobre);background:var(--crema-2)}
.side-card{background:var(--verde);color:#dfe5dd;border-radius:var(--r);padding:22px}
.side-kicker{display:flex;align-items:center;gap:8px;margin:0 0 8px;font:800 11.5px/1.3 var(--f);letter-spacing:.14em;text-transform:uppercase;color:#f0c9b8}
.side-kicker .i{width:16px;height:16px}
.side-title{font:750 19px/1.3 var(--f);color:var(--crema);margin:0 0 8px}
.side-card>p{font-size:14.5px;line-height:1.55;margin:0 0 16px}
.side-card .btn{width:100%}
.side-tel{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;min-height:44px;color:var(--crema);font-weight:750;text-decoration:none;border:1.5px solid #f3efe540;border-radius:999px}
.side-tel:hover{border-color:var(--crema)}
.side-tel .i{width:18px;height:18px}
.side-points{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid #ffffff22;display:grid;gap:8px;font-size:13.5px}
.side-points li{display:flex;gap:8px;align-items:flex-start;line-height:1.4}
.side-points .i{width:16px;height:16px;color:#f0c9b8;flex:none;margin-top:1px}

.related{padding:64px 0;background:var(--crema-2);border-top:1px solid var(--linea-2)}
.cta-band{background:var(--verde);color:#dfe5dd;padding:56px 0}
@media(min-width:1024px){.cta-band{padding:72px 0}}
.cta-inner{display:grid;gap:26px;align-items:center}
@media(min-width:1024px){.cta-inner{grid-template-columns:1.3fr 1fr;gap:56px}}
.cta-band h2{font:650 clamp(26px,4.6vw,40px)/1.15 var(--f);letter-spacing:-.03em;color:var(--crema);margin:0 0 12px;text-wrap:balance}
.cta-band p{margin:0;color:#c9d2c9;font-size:17px;max-width:56ch}
.cta-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
@media(min-width:1024px){.cta-actions{justify-content:flex-end}}
@media(max-width:480px){.cta-actions .btn{width:100%}}
.cta-mail{flex-basis:100%;color:#dfe5dd;font-size:14.5px;text-underline-offset:3px;overflow-wrap:anywhere}
@media(min-width:1024px){.cta-mail{text-align:right}}

.blog{padding-top:28px;padding-bottom:80px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 36px}
.chips a{display:inline-flex;align-items:center;min-height:42px;padding:8px 16px;border-radius:999px;border:1.5px solid #263d3633;text-decoration:none;color:var(--verde);font-weight:700;font-size:14.5px;background:var(--papel)}
.chips a:hover{border-color:var(--verde)}
.blog section{margin-bottom:56px;scroll-margin-top:96px}
.blog-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 24px;margin-bottom:22px}
.blog-head h2{margin:0}
.blog-head p{margin:0;color:var(--muted);font-size:15.5px}
.cards-blog .card{padding-top:26px}
.cards-blog .card-title{font-size:20px}

/* prose de privacidad (marcado antiguo) */
.prose .sources h2{font-size:20px}
.prose table{border-collapse:collapse;width:100%;font-size:15px}
.prose td,.prose th{border:1px solid var(--linea);padding:10px;text-align:left;vertical-align:top}

.svc-alert{margin:14px 0 8px;padding:18px;border-radius:16px;background:var(--cobre-1);border:1px solid #a1462f33}
.svc-alert>.i{width:24px;height:24px;color:var(--cobre)}
.svc-alert p{margin:8px 0 14px;font-size:14.5px;line-height:1.5;color:var(--texto);max-width:none}
.svc-alert strong{display:block;color:var(--tinta);font-size:16px;margin-bottom:2px}
.svc-alert .btn{width:100%}
@media(max-width:767px){.sh-actions>.btn{display:none}}

.card-text{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.sf-contact a{white-space:nowrap;overflow-wrap:normal;font-size:14px}
@media(min-width:1100px){.sf-inner{grid-template-columns:1.6fr 1fr 1fr 1fr .9fr}}
@media(min-width:768px){.sf-bottom{grid-template-columns:1fr 1fr}.sf-bottom p:last-child{text-align:right}}
.meta-author{display:inline-flex;align-items:center;gap:12px}
.meta-who{margin-left:0}
@media(max-width:600px){.meta{gap:10px 16px}.meta-author{flex-basis:100%}}
.blog .svc-groups{margin-top:4px}

/* Hero: el título de la vista era <h3> (rompía el orden de encabezados); mismo estilo que tenía */
.home .scene-view-note .scene-view-title{display:block;font-weight:550;text-wrap:balance;font-size:22px;line-height:1.25;letter-spacing:-.025em;margin:0 0 12px;max-width:32ch}
@media(max-width:1050px){.home .scene-view-note .scene-view-title{font-size:21px}}
@media(max-width:760px){.home .scene-view-note .scene-view-title{font-size:22px;max-width:30ch}}
@media(max-width:360px){.home .scene-view-note .scene-view-title{font-size:21px}}
/* Con el menú móvil abierto, la barra fija de contacto no compite con él */
body:has(details.mnav[open]) .mcta{opacity:0;pointer-events:none;transform:translateY(120%)}