/* Home experience for AR, CL, CO, BR and MX. Loaded only on these five pages.
   Country engines, visibility states, units and print layouts remain owned by
   their existing files. Keep responsive grids shrinkable. */
.hcc-home{--ui-line:rgba(72,89,70,.16);--ui-focus:#485946}
.hcc-home .skip-link{position:fixed;top:12px;left:12px;z-index:30000;transform:translateY(-160%);background:var(--pri);color:#fff;padding:12px 20px;border-radius:10px;font-weight:700;text-decoration:none}
.hcc-home .skip-link:focus{transform:translateY(0)}
.hcc-home :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--ui-focus)!important;outline-offset:4px!important}
.hcc-home #mob-nav-menu :is(button,a):focus-visible{outline-color:var(--accent)!important}
.hcc-home #main-content:focus{outline:none}
.hcc-home :is(h1,h2,h3){text-wrap:balance}
.hcc-home :is(.sub,.sec-sub,.note,.micro){text-wrap:pretty}
.hcc-home .about-brief-copy{min-width:0;overflow-wrap:anywhere}
.hcc-home .about-brief-lead{white-space:normal}
.hcc-home .about-brief-links a{white-space:normal}
.hcc-home :is(button,input,select,textarea){font-family:var(--font-sans)}
.hcc-home :is(.btn,.chips button,.pill,.bar-go,.backstep,.pareja){min-height:44px}
.hcc-home .editable-num{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px dashed rgba(72,89,70,.45);border-radius:4px;padding:2px 4px;max-width:100%;-webkit-text-fill-color:currentColor}
.hcc-home .editable-num:hover{background:rgba(72,89,70,.06)}
.hcc-home .editable-num.is-editing{border-bottom:0}
.hcc-home .editable-num input{max-width:100%}
.hcc-home .backstep{background:none;border:0;padding:8px 0;text-align:left;font-family:inherit}
.hcc-home .pareja{width:100%;background:transparent;text-align:left;font-family:inherit;gap:12px}
.hcc-home :is(#simulador,#herramientas,.rent-bridge){scroll-margin-top:84px}
.hcc-home :is(.sim-cols,.form-cols)>*{min-width:0}
.hcc-home .sl .row{flex-wrap:wrap;gap:4px 12px}
.hcc-home .sl label{font-size:14px;line-height:1.4;color:var(--text-primary)}
.hcc-home .sl output{margin-left:auto;font-size:21px}
.hcc-home .chips button{padding:10px 14px;font-size:14px;border-radius:10px}
.hcc-home input[type=range]:focus-visible{outline-offset:8px!important}
.hcc-home .sim-col .sl{margin-bottom:22px}
.hcc-home .sim-col .stepk{font-family:var(--font-sans);font-size:13px;color:var(--pri);margin-bottom:20px}
.hcc-home #bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 18px;border:1px solid var(--ui-line);border-radius:14px;margin:0 0 20px;padding:14px 18px;top:16px;box-shadow:0 4px 18px rgba(44,54,53,.05)}
.hcc-home #bar .l{grid-column:1;grid-row:1;font-family:var(--font-sans);letter-spacing:.04em}
.hcc-home #bar .v{grid-column:1;grid-row:2;min-width:0;font-size:28px;line-height:1.2}
.hcc-home #bar .r{grid-column:1;grid-row:3;font-size:13px;overflow-wrap:anywhere}
.hcc-home #bar .bar-go{grid-column:2;grid-row:1/4;margin:0;width:auto;padding:10px 16px;align-self:center;font-size:13px}
.hcc-home .aprb{justify-content:flex-start}
.hcc-home .aprb span{border-radius:12px;font-size:13px;line-height:1.55;padding:12px 16px}
.hcc-home #sim-res{padding:26px}
.hcc-home #sim-res .share-row{gap:8px;margin:14px 0 24px}
.hcc-home #sim-res .share-row .btn{font-size:13px;padding:10px 14px;border-radius:10px}
.hcc-home .res-hero{box-shadow:none;padding:28px;border-radius:16px}
.hcc-home .rh-k{color:rgba(255,255,255,.82);font-size:12px}
.hcc-home .rh-meta{font-size:14px;line-height:1.55}
.hcc-home .rh-legend{font-size:13px;line-height:1.55}
.hcc-home .bank{background:#fff;border:1px solid var(--ui-line);border-radius:14px;padding:18px;margin:12px 0}
.hcc-home .bank .bh{row-gap:8px}
.hcc-home .bank .bh b{font-size:16px}
.hcc-home .bank .pmts{font-size:13px;line-height:1.5}
.hcc-home .bank summary{display:flex;align-items:center;min-height:44px;font-size:14px}
.hcc-home .bank summary::before{content:'+';margin-right:8px;font-weight:800}
.hcc-home .bank details[open] summary::before{content:'−'}
.hcc-home .bank details li{font-size:14px;line-height:1.55}
.hcc-home :is(#lead-wrap,#lead-form-area){min-width:0!important}
.hcc-home #lead-wrap>div>div{min-width:0!important;flex-basis:260px!important}
.hcc-home .tool-big .tt p{font-size:13px;line-height:1.5}
.hcc-home .tool-big .tt b{font-size:15px;line-height:1.4}
.hcc-home #herramientas{padding-top:28px;border-top:1px solid var(--ui-line);margin-top:32px}
.hcc-home .tcat{font-size:12px;letter-spacing:.03em}
.hcc-latam .hero{gap:40px;padding:40px 0 36px}
.hcc-latam .hero h1{font-size:clamp(38px,4.8vw,60px);line-height:1.08}
.hcc-latam .hero .sub{font-size:17px;line-height:1.65}
.hcc-latam .top3{border:1px solid var(--ui-line);box-shadow:none}
.hcc-latam .t3-row{gap:10px}
.hcc-latam .t3-row>div{min-width:0}
.hcc-latam .t3-rate{flex-shrink:0}
.hcc-latam .hero-trust-bar{border-radius:12px;line-height:1.5}
.hcc-latam .hero .badges{margin-bottom:12px}
.hcc-latam #simulador>.sec-sub{max-width:64ch;line-height:1.6}
.hcc-ar #sec-form .form-section-pad>.reveal p{font-size:16px!important;line-height:1.6}
.hcc-ar #sec-form .two-col{max-width:1040px}
.hcc-ar #sec-form .form-section-pad>.reveal{margin-bottom:14px!important}
.hcc-ar #sec-form #form-col-prop>div,.hcc-ar #sec-form #form-col-pay>div{margin-bottom:20px!important}
.hcc-ar #sec-form .glass{padding:30px!important}
.hcc-ar #sec-form .slider-row label{font-size:15px!important}
.hcc-ar #sec-results .res-veredicto{gap:16px;margin-bottom:24px}
.hcc-ar #sec-results #summary-cards{gap:12px!important;margin-bottom:24px!important}
.hcc-ar #sec-results [role=group][aria-label="Ordenar resultados"]{gap:8px!important;justify-content:flex-start!important;margin-bottom:20px!important}
.hcc-ar #sec-results .pill{padding:10px 16px;font-size:14px}
@media(min-width:761px){
  .hcc-home :is(.sim-cols,.form-cols){grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:32px!important}
  .hcc-home .sim-col+.sim-col,.hcc-ar .form-cols>div+div{border-left:1px solid var(--ui-line);padding-left:32px}
  .hcc-home #sim-s1{padding:30px}
}
@media(max-width:900px) and (min-width:641px){
  .hcc-latam .hero{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:24px}
  .hcc-latam .top3{padding:16px}
  .hcc-latam .t3-row{flex-wrap:wrap}
  .hcc-latam .t3-rate{margin-left:54px;text-align:left}
}
@media(max-width:760px){
  .hcc-home #site-nav{gap:6px!important}
  .hcc-home .nav-hamburger{min-height:44px!important;min-width:44px!important}
  .hcc-home :is(.lang-pill button,.hcc-cm-trigger){min-height:40px!important}
  .hcc-home #sim-s1,.hcc-home #sim-res{padding:20px 16px}
  .hcc-home #bar{top:66px;gap:4px 10px;padding:12px 14px}
  .hcc-home #site-nav.nav-hidden~#main-content #bar{top:12px}
  .hcc-home #bar .v{font-size:24px}
  .hcc-home #bar .bar-go{width:auto!important;margin:0!important;font-size:12px;padding:10px 12px}
  .hcc-home .res-hero{margin:0;padding:22px 18px}
  .hcc-home .rh-big{font-size:clamp(30px,8vw,44px);overflow-wrap:anywhere}
  .hcc-home .sl output{font-size:20px}
  .hcc-home .sim-col+.sim-col{border-top:1px solid var(--ui-line);padding-top:22px}
  .hcc-ar #sec-form .glass{padding:22px 18px!important}
  .hcc-ar #sec-form .form-cols>div+div{border-top:1px solid var(--ui-line);padding-top:20px}
  .hcc-ar #sec-hero h1{font-size:clamp(34px,8vw,48px)!important;line-height:1.1!important}
  .hcc-ar #sec-hero p{font-size:16px!important;line-height:1.6!important}
  .hcc-ar #sec-form h2{font-size:28px!important;line-height:1.2}
  .hcc-ar #sec-results [role=group][aria-label="Ordenar resultados"]>span{width:100%}
  .hcc-home .share-row .btn{flex:1 1 140px;white-space:normal;text-align:center}
  .hcc-home .tool-big{padding:16px 14px}
  .hcc-home .tool-big .tt p{font-size:13px!important;line-height:1.5!important}
  .hcc-latam .wrap{padding:0 16px}
}
@media(max-width:640px){
  .hcc-latam .hero{padding:20px 0 24px!important;gap:24px!important}
  .hcc-latam .hero h1{font-size:clamp(34px,8.6vw,44px)!important;line-height:1.1!important;margin-bottom:16px!important}
  .hcc-latam .hero .sub{font-size:16px!important;line-height:1.6!important;margin-bottom:20px!important}
  .hcc-latam .kicker{font-family:var(--font-sans);font-size:12px!important;line-height:1.5;letter-spacing:.04em!important}
  .hcc-latam .cta-ladder{gap:10px!important}
  .hcc-latam .cta-ladder>.btn-pri{width:100%}
  .hcc-latam .micro{font-size:13px!important}
  .hcc-latam .hero .top3{padding:16px}
  .hcc-latam .t3-row{padding:11px 0}
  .hcc-latam .t3-rate b{font-size:16px}
  .hcc-latam .proof-strip{padding:16px;margin-top:14px}
  .hcc-latam .ps-head{font-size:12px}
  .hcc-latam .hero-trust-bar{font-size:12px}
  .hcc-home .sec-title{font-size:30px;line-height:1.2}
  .hcc-home .sec-sub{font-size:15px}
}
@media(max-width:360px){
  .hcc-home #site-nav .logo{font-size:13px!important;gap:3px!important}
  .hcc-home #site-nav{padding-left:4px!important;padding-right:4px!important}
  .hcc-home #site-nav .lang-pill button{padding:4px 6px!important}
  .hcc-home #bar .v{font-size:21px}
  .hcc-latam .t3-row{flex-wrap:wrap}
  .hcc-latam .t3-rate{margin-left:48px;text-align:left}
}
@media(prefers-reduced-motion:reduce){
  .hcc-home,.hcc-home *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}
@media print{.hcc-home .skip-link{display:none!important}}
/* Native reference-rate disclosure: a compact optional panel on phones. */
.hcc-home .hero-rates{border:1px solid var(--ui-line);border-radius:16px;background:rgba(255,255,255,.7);overflow:hidden}
.hcc-home .hero-rates>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:14px 18px;font-size:14px;font-weight:700;color:var(--pri);cursor:pointer;list-style:none}
.hcc-home .hero-rates>summary::-webkit-details-marker{display:none}
.hcc-home .hero-rates>summary::after{content:'+';font-size:20px}
.hcc-home .hero-rates[open]>summary::after{content:'−'}
.hcc-home .hero-rates .top3{border:0;border-radius:0;background:transparent}
.hcc-home .hero-rates .proof-strip{margin:0;border-radius:0;border-top:1px solid var(--ui-line)}
@media(min-width:641px){.hcc-home .hero-rates>summary{font-size:13px;border-bottom:1px solid var(--ui-line)}}
.hcc-home #aprb[data-state=unavailable]{background:var(--orange-bg);border-color:rgba(180,83,9,.28);color:#92400e}
.hcc-home input[type=range]{height:44px!important;background-size:100% 8px!important;background-position:center!important;background-repeat:no-repeat!important}
.hcc-home input[type=range]::-webkit-slider-runnable-track{height:8px;background:transparent}
.hcc-home input[type=range]::-webkit-slider-thumb{width:24px;height:24px;margin-top:-8px}
.hcc-home input[type=range]::-moz-range-thumb{width:24px;height:24px}
.hcc-home #site-nav .nav-link{text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
/* Once the result is open, its answer replaces the form's live preview. */
.hcc-home #simulador:has(#sim-res:not([hidden]))>:is(#bar,.aprb){display:none}

/* ── Legibility floor and tap targets (2026-10-02) ───────────────────────────
   Audit (docs/ux-review-2026-10-02.md #11): text rendered at 9–11.5px and
   controls 14–35px tall. Most sizes are inline styles or per-page mobile rules,
   so the floor is enforced here (attribute selectors + class lists);
   tests/legibility.test.mjs guards it.
   Text: nothing under 12px. Targets: 36px on desktop, 44px on touch/narrow.
   Links inside a sentence are exempt (WCAG 2.5.8); standalone links in lists get
   height instead of changing the sentence flow. */
.hcc-home :is([style*="font-size:9px"],[style*="font-size:9.5px"],[style*="font-size:10px"],[style*="font-size:10.5px"],[style*="font-size:11px"],[style*="font-size:11.5px"],[style*="font-size: 9px"],[style*="font-size: 10px"],[style*="font-size: 11px"]){font-size:12px!important}
.hcc-home :is(.sl-tip,.metric-label,.hcc-prov-summary,.hcc-comp-badge,.hcc-comp-vs,.hcc-comp-desc,.calc-group-num,.cre-tag,.cre-chip-lab,.hccx-assume-link,.badge-regional,.pb-k,.t3-src,.ps-lbl,.rh-chip,.about-brief-kicker,.tag,.hcc-bank-chip,.lang-toggle button,.lang-pill button,.t3-rate span,.rb-num span,.f2 h3,.t3-meta,.resume-band p,.resume-band .btn,.badge-uni span,.bu-ind,.kicker,#bar .l,.fgs-toggle i,.tcat i,.mob-tab span,.bank-tag,.hero-eyebrow,.calc-card-desc,.calc-group-label span,.hcc-comp-pill,.hcc-comp-pill span,.cb-label,.hccx-amt-cur){font-size:12px!important}

.hcc-home :is(.hcc-prov-chip,.hcc-bank-chip,.hcc-dir-cta,.hcc-prov-select,.lang-toggle button,.lang-pill button,.hcc-cm-trigger,.hccx-refine-link,#hccx-mode-prop,#hccx-mode-alq,.hero-press-chips a,.pressbar,#sim-res .share-row button,.nav-links a,.hcc-prov-summary,details>summary,a.logo,nav.container>a,.footer-res-grid a,.f2-src a,.f2-bottom a,.footer-sources a,.hero-press-box a,.hero-trust-bar a){min-height:36px}
.hcc-home :is(.hcc-prov-chip,.hcc-bank-chip,.hcc-dir-cta,.hero-press-chips a,.lang-toggle button,.lang-pill button,.hcc-cm-trigger,.nav-links a,.hccx-refine-link,.footer-res-grid a,.f2-src a,.f2-bottom a,.footer-sources a,.hero-trust-bar a,nav.container>a){display:inline-flex;align-items:center}
.hcc-home :is(.lang-toggle button,.lang-pill button,.hcc-cm-trigger){min-width:40px;justify-content:center}
.hcc-home :is(a,button)[style*="border:1px"][style*="padding"]:not(.btn):not([class*="btn"]){display:inline-flex;align-items:center;min-height:36px}
.hcc-home .hcc-comp-pill{display:inline-flex;align-items:center;min-height:36px}
.hcc-home button[style*="cursor:pointer"][style*="padding"][style*="border-radius"]:not([style*="background:none"]){min-height:36px}
.hcc-home input[type="checkbox"]{width:20px;height:20px;accent-color:var(--pri)}
.hcc-home .hccx-assume-link{position:relative}
.hcc-home .hccx-assume-link::after{content:"";position:absolute;inset:-12px -6px}
@media (pointer:coarse),(max-width:900px){
  .hcc-home :is(.hcc-prov-chip,.hcc-bank-chip,.hcc-dir-cta,.hcc-prov-select,.lang-toggle button,.lang-pill button,.hcc-cm-trigger,.hccx-refine-link,#hccx-mode-prop,#hccx-mode-alq,.hero-press-chips a,.pressbar,#sim-res .share-row button,.nav-links a,.hcc-prov-summary,details>summary,a.logo,nav.container>a,.footer-res-grid a,.f2-src a,.f2-bottom a,.footer-sources a,.hero-press-box a,.hero-trust-bar a),
  .hcc-home :is(a,button)[style*="border:1px"][style*="padding"]:not(.btn):not([class*="btn"]),.hcc-home .hcc-comp-pill,.hcc-home button[style*="cursor:pointer"][style*="padding"][style*="border-radius"]:not([style*="background:none"]){min-height:44px}
  .hcc-home :is(.lang-toggle button,.lang-pill button,.hcc-cm-trigger){min-width:44px}
}

/* ── Íconos de trazo (2026-10-07): reemplazan a los emojis; heredan el color del texto (Sage) ── */
.ico{width:1.1em;height:1.1em;vertical-align:-.2em;flex:none}
.calc-card-icon .ico{width:22px;height:22px;color:var(--pri)}
.hcc-dir-icon .ico{width:20px;height:20px;color:var(--pri)}
/* Puestos del Top 3 (antes 🥇🥈🥉): círculo con el número, en la paleta de la marca */
.rank{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:12px;font-weight:800;line-height:1;margin-right:4px;vertical-align:1px;flex:none}
.rank.r1{background:#dbe64c;color:#2a2a26}
.rank.r2{background:#d6c7b0;color:#2a2a26}
.rank.r3{background:#485946;color:#f6f8ed}

/* ── Botón de WhatsApp en móvil (2026-10-07): más chico y se corre mientras bajás, así no tapa la fila de prensa
      ni los links del pie. Vuelve al subir o a los 0,9 s sin scroll (home-ui.js, initFab). ── */
@media(max-width:899px){
  .whatsapp-fab{width:42px !important;height:42px !important;transition:transform .25s ease,opacity .25s ease;opacity:.95}
  .whatsapp-fab .fab-btn{width:42px !important;height:42px !important}
  .whatsapp-fab svg,.whatsapp-fab .fab-btn svg{width:22px !important;height:22px !important}
  .whatsapp-fab{right:10px !important}
  .whatsapp-fab.fab-away{transform:translateX(70px);opacity:0;pointer-events:none}
}
@media(prefers-reduced-motion:reduce){.whatsapp-fab{transition:none}}
/* Segunda pasada de íconos (7-oct): menú móvil, tarjetas .tool-big, emojis iniciales de botones/notas */
.mob-nav-link .ico.mob-ic{width:22px;height:22px;margin-right:10px;vertical-align:-4px;color:var(--accent,#dbe64c)}
.tool-big .ico svg.ico,.tool-big svg.ico{color:var(--pri,#485946)}
.ico.em{width:1.05em;height:1.05em;margin-right:.35em;vertical-align:-.17em}
.mob-tab .mob-tab-ic{display:inline-flex;justify-content:center}
/* Editor de monto exacto: botón OK (el teclado numérico del iPhone no tiene «Listo») y aviso de ajuste */
.editable-num .edit-ok{margin-left:6px;min-width:44px;min-height:36px;border:0;border-radius:8px;background:var(--pri,#485946);color:#fff;font:700 14px/1 inherit;font-family:inherit;cursor:pointer;vertical-align:middle}
.edit-note{font-size:12px;color:var(--text-secondary,#5f5e5a);margin-top:4px;min-height:0}
.edit-note:empty{display:none}

/* LATAM home hierarchy, ported from AR (2026-10-10).
   One primary action; saved profiles and government guides remain secondary.
   Scope to home pages so standalone country guides keep their own layout. */
.hcc-latam .hero-main{min-width:0}
.hcc-latam .hero .cta-ladder{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:0}
.hcc-latam .hero-cta-proof{padding:5px 12px;border:1px solid var(--ui-line);border-radius:100px;background:rgba(72,89,70,.04);max-width:100%;white-space:normal!important}
.hcc-latam .hero-cta-proof .sim-count-val{white-space:normal!important}
.hcc-latam .hero .cta-secondary a{border:0;border-radius:0;background:transparent;padding:6px 0;min-height:36px;text-decoration:underline;text-underline-offset:3px}
.hcc-latam .hero-help{display:flex;align-items:center;flex-wrap:wrap;gap:4px 18px}
.hcc-latam .hero .micro{font-size:12px;margin:0;color:var(--text-secondary)}
.hcc-latam .hero .resume-band{justify-content:flex-start;gap:6px 10px;background:transparent;border:0;border-radius:0;padding:0;margin:14px 0 0;min-height:0;flex-wrap:wrap}
.hcc-latam .hero .resume-band p{font-size:12px!important;color:var(--text-secondary)}
.hcc-latam .hero .resume-band .btn{background:var(--pri);color:#fff;border:0;border-radius:10px;padding:8px 12px;font-size:12px!important;min-height:36px;white-space:normal}
.hcc-latam .hero .pressbar{flex-wrap:wrap;row-gap:4px;font-size:12px!important;margin-top:18px!important}
.hcc-latam .official-update{display:flex;align-items:center;gap:14px;padding:14px 18px;margin:0 0 28px;border:1px solid var(--ui-line);border-radius:14px;background:rgba(72,89,70,.04);color:var(--pri);text-decoration:none;min-width:0}
.hcc-latam .official-update:hover{background:rgba(72,89,70,.08);border-color:rgba(72,89,70,.3)}
.hcc-latam .official-update-icon{width:24px;height:24px;flex:none}
.hcc-latam .official-update-copy{flex:1;min-width:0}
.hcc-latam .official-update-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:3px}
.hcc-latam .banner-desktop-text{display:block;font-size:14px;font-weight:700;line-height:1.45}
.hcc-latam .banner-mobile-text{display:none}
.hcc-latam .official-update-cta{display:inline-flex;align-items:center;gap:6px;flex:none;font-size:13px;font-weight:700}
.hcc-latam .hero-rates .top3 .btn{background:var(--pri);color:#fff;min-height:44px;font-size:13px;padding:12px 16px}
.hcc-latam .hero-rates .t3-badge{flex-shrink:0}
.hcc-latam .hero-rates .t3-rate{max-width:46%}
.hcc-latam .hero-rates .t3-rate span{white-space:normal;line-height:1.35}
.hcc-latam #herramientas .tools-title{margin-bottom:8px}
.hcc-latam #herramientas .tools-head{max-width:64ch;margin-bottom:22px;color:var(--text-secondary);font-size:15px;line-height:1.6;font-weight:400}
.hcc-latam #herramientas .tool2-grid{gap:10px}
.hcc-latam #herramientas .tool-big{padding:14px;gap:12px;box-shadow:none}
.hcc-latam #herramientas .tool-big>.ico{width:40px;height:40px;background:rgba(72,89,70,.07);color:var(--pri)}
.hcc-latam #herramientas .tool-big .tt b{font-size:15px;line-height:1.35}
.hcc-latam #herramientas .tool-big .tt p{display:block;font-size:13px;line-height:1.5;overflow:visible}
.hcc-latam #herramientas .guias-lead{margin-top:20px}
@media(min-width:641px){
  .hcc-latam .hero-rates{border:0;background:transparent;overflow:visible}
  .hcc-latam .hero-rates>summary{display:none}
  .hcc-latam .hero-rates .top3{border:1px solid var(--ui-line);border-radius:16px;background:#fff;padding:20px}
  .hcc-latam .hero-rates .proof-strip{margin-top:16px;border:1px solid rgba(245,184,65,.2);border-radius:16px;padding:18px}
}
@media(max-width:640px){
  .hcc-latam #site-nav .logo{flex:1 1 0!important;min-width:0}
  .hcc-latam #site-nav .logo-img{width:100%!important;max-width:195px;height:auto!important}
  .hcc-latam .hero{gap:18px!important;padding-top:20px!important}
  .hcc-latam .hero .resume-band{display:flex!important;justify-content:flex-start!important;flex-wrap:wrap!important;padding:0!important;margin:12px 0 0!important;border-radius:0!important;gap:6px 10px!important}
  .hcc-latam .hero .resume-band p{white-space:normal!important;overflow:visible!important;font-size:12px!important}
  .hcc-latam .hero .resume-band .btn{min-height:44px;white-space:normal!important;border-radius:10px!important;padding:8px 12px!important}
  .hcc-latam .official-update{gap:10px;padding:12px;margin-bottom:24px;border-radius:12px}
  .hcc-latam .official-update-icon{display:none}
  .hcc-latam .official-update-label,.hcc-latam .banner-desktop-text{display:none}
  .hcc-latam .banner-mobile-text{display:block;font-size:13px;font-weight:700;line-height:1.45}
  .hcc-latam .official-update-cta{font-size:12px;min-height:44px}
  .hcc-latam #herramientas .tools-title{font-size:28px}
}

/* Resultados AR: mantener la respuesta y los bancos cerca, sin reducir lectura.
   Los paneles educativos y comerciales usan el mismo ancho y escala. */
.summary-metric-value{font-size:24px;font-weight:800;letter-spacing:-.5px}
.summary-metric-label{font-size:13px;color:var(--text-tertiary);font-weight:500}
.summary-metric-context{font-size:12px;color:var(--text-secondary)}
@media screen{
  .hcc-ar #sec-results>.container{padding-top:20px!important}
  .hcc-ar #sec-results .res-top-nav{padding:0 0 12px!important;margin-bottom:20px}
  .hcc-ar #sec-results .res-top-nav>button{padding-left:0!important}
  .hcc-ar #sec-results .res-top-actions button{min-height:40px;box-shadow:none!important}
  .hcc-ar #sec-results .results-heading{text-align:left!important;margin-bottom:18px!important}
  .hcc-ar #sec-results .results-heading h2{font-size:28px!important;line-height:1.2;margin-bottom:6px!important}
  .hcc-ar #sec-results #results-subtitle{font-size:14px!important;line-height:1.5}
  .hcc-ar #sec-results #results-zone-note{margin-top:4px!important}
  .hcc-ar #sec-results .results-source{flex-wrap:nowrap!important;justify-content:flex-start!important;text-align:left;gap:8px!important}
  .hcc-ar #sec-results .res-veredicto{gap:12px;margin-bottom:12px}
  .hcc-ar #sec-results .res-veredicto:has(>#results-traffic:is([style*="display:none"],[style*="display: none"])):has(>#coach-card:is([style*="display:none"],[style*="display: none"])){display:none}
  .hcc-ar #sec-results .res-affordability{display:grid;grid-template-columns:10px minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px;background:var(--status-bg);border:1px solid var(--status-border);border-radius:14px}
  .hcc-ar #sec-results .res-status-dot{width:10px;height:10px;margin-top:6px;border-radius:50%;background:var(--status-color)}
  .hcc-ar #sec-results .res-affordability-title{font-size:16px;font-weight:800;line-height:1.4;color:var(--status-color)}
  .hcc-ar #sec-results .res-affordability-note{font-size:13px;line-height:1.5;color:var(--text-secondary);margin-top:2px}
  .hcc-ar #sec-results #summary-cards{grid-template-columns:minmax(0,1fr)!important;min-height:0;gap:12px!important;margin-bottom:16px!important}
  .hcc-ar #sec-results #summary-cards.has-details{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hcc-ar #sec-results #summary-cards.has-details:has(.res-cuota-hero){grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,1fr))!important}
  .hcc-ar #sec-results #summary-cards.has-details:has(>.glass:only-child){grid-template-columns:minmax(0,1fr)!important}
  .hcc-ar #sec-results #summary-cards>.glass{min-width:0;padding:16px 20px!important;border:1px solid var(--ui-line);border-radius:14px;box-shadow:none;background:#fff!important}
  .hcc-ar #sec-results #summary-cards.has-details>.glass{display:flex;flex-direction:column;align-items:stretch;gap:4px;text-align:left!important;grid-column:auto}
  .hcc-ar #sec-results #summary-cards.has-details .summary-metric-label{order:-1;font-weight:600;color:var(--text-secondary)}
  .hcc-ar #sec-results #summary-cards.has-details .summary-metric-value{font-size:28px;line-height:1.25;letter-spacing:-.7px}
  .hcc-ar #sec-results .summary-metric-icon{display:none}
  .hcc-ar #sec-results .summary-metric-value{margin-bottom:2px}
  .hcc-ar #sec-results .res-cuota-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:18px;text-align:left!important}
  .hcc-ar #sec-results .res-cuota-hero .rch-num{grid-column:2;grid-row:1/3;font-size:32px!important;line-height:1.15}
  .hcc-ar #sec-results .res-cuota-hero .summary-metric-label{grid-column:1;grid-row:1;font-weight:700;color:var(--text-primary)}
  .hcc-ar #sec-results .res-cuota-hero .summary-metric-context{grid-column:1;grid-row:2}
  .hcc-ar #sec-results .results-controls{display:flex;align-items:center;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;margin-bottom:18px}
  .hcc-ar #sec-results .results-controls [role=group]{margin:0!important}
  .hcc-ar #sec-results #res-fino-btn{margin:0;padding:8px 0;text-align:left;border-radius:8px;flex-shrink:0}
  .hcc-ar #sec-results :is(#acomp-card,#inmo-card,#email-form-wrap){padding:18px 20px!important;border:1px solid var(--ui-line)!important;border-radius:16px;box-shadow:none}
  .hcc-ar #sec-results .result-support h3{font-size:18px!important;line-height:1.3;margin-bottom:6px!important}
  .hcc-ar #sec-results .result-support>p{margin-bottom:10px!important}
  .hcc-ar #sec-results .offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .hcc-ar #sec-results .offer-item{display:flex;flex-direction:column;gap:10px;min-width:0;padding:14px 16px;border:1px solid var(--ui-line);border-radius:12px;background:#fff}
  .hcc-ar #sec-results .offer-item>.btn{margin-top:auto}
  .hcc-ar #sec-results :is(#acomp-card,#inmo-card) .btn-pri{background:var(--pri)!important;border-color:var(--pri)!important;color:#fff!important;box-shadow:none}
  .hcc-ar #sec-results #email-form-wrap form{gap:8px!important}
  .hcc-ar #sec-results #email-form-wrap input{min-width:0!important}
  .hcc-ar #sec-results #costo-real{max-width:none;margin:14px 0 20px}
  .hcc-ar #sec-results .cre-card{padding:18px 20px;background:#fff;border:1px solid var(--ui-line);border-radius:16px;box-shadow:none}
  .hcc-ar #sec-results .cre-head{margin-bottom:10px}
  .hcc-ar #sec-results .cre-title{font-size:16px}
  .hcc-ar #sec-results .cre-tag{display:none}
  .hcc-ar #sec-results .cre-eq{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:8px;margin-bottom:10px}
  .hcc-ar #sec-results .cre-chip{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;background:rgba(72,89,70,.035)}
  .hcc-ar #sec-results .cre-chip-lab{margin:0;line-height:1.4}
  .hcc-ar #sec-results .cre-chip-val{font-size:22px;white-space:nowrap}
  .hcc-ar #sec-results .cre-op{font-size:18px}
  .hcc-ar #sec-results .cre-lead{font-size:13px;line-height:1.5;margin-bottom:8px}
  .hcc-ar #sec-results .cre-toggle{background:transparent;color:var(--pri);border-radius:8px;padding:8px 0;font-size:13px}
}
@media screen and (max-width:640px){
  .hcc-ar #sec-results .results-heading h2{font-size:25px!important}
  .hcc-ar #sec-results>.container{padding-top:16px!important}
  .hcc-ar #sec-results #summary-cards>.glass{padding:12px 14px!important}
  .hcc-ar #sec-results #summary-cards.has-details:has(.res-cuota-hero){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hcc-ar #sec-results #summary-cards.has-details>.res-cuota-hero{grid-column:1/-1;display:grid;gap:2px 10px}
  .hcc-ar #sec-results #summary-cards.has-details .summary-metric-value{font-size:24px}
  .hcc-ar #sec-results .results-controls{gap:4px;margin-bottom:16px}
  .hcc-ar #sec-results .results-source{border-radius:10px!important;padding:8px 12px!important}
  .hcc-ar #sec-results .results-controls [role=group]{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px!important}
  .hcc-ar #sec-results .results-controls [role=group]>span{display:none}
  .hcc-ar #sec-results .results-controls .pill{min-width:0;padding:8px 6px;font-size:12px;white-space:normal;line-height:1.3}
  .hcc-ar #sec-results .res-cuota-hero{column-gap:10px}
  .hcc-ar #sec-results .res-cuota-hero .rch-num{font-size:27px!important}
  .hcc-ar #sec-results :is(#acomp-card,#inmo-card,#email-form-wrap){padding:16px!important}
  .hcc-ar #sec-results .offer-grid{grid-template-columns:minmax(0,1fr);gap:10px}
  .hcc-ar #sec-results .offer-item{padding:12px}
  .hcc-ar #sec-results .cre-card{padding:16px}
  .hcc-ar #sec-results .cre-eq{grid-template-columns:minmax(0,1fr);gap:6px}
  .hcc-ar #sec-results .cre-chip{padding:8px 10px}
  .hcc-ar #sec-results .cre-op{display:none}
  .hcc-ar #sec-results .cre-chip-val{font-size:21px}
}
@media screen{
  .hcc-ar #sec-results .offer-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;align-items:center;margin-top:12px}
  .hcc-ar #sec-results .offer-footer>p{margin:0!important}
  .hcc-ar #sec-results .offer-footer>a{grid-column:2;grid-row:1/3;max-width:16ch;line-height:1.4}
}
@media screen and (max-width:640px){
  .hcc-ar #sec-results .offer-footer{grid-template-columns:minmax(0,1fr);gap:6px}
  .hcc-ar #sec-results .offer-footer>a{grid-column:1;grid-row:auto;max-width:none}
}

/* ═══════════ UX/UI PASS (2026-10-17): Dual Entry Mode, Editable Pills & Results Hierarchy ═══════════ */
.sim-mode-bar{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin-top:12px;padding:4px;background:rgba(72,89,70,.055);border:1px solid rgba(72,89,70,.12);border-radius:100px}
.sim-mode-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:100px;font-size:12.5px;font-weight:700;text-decoration:none;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-family:inherit;transition:all .18s ease;white-space:nowrap}
.sim-mode-pill.is-active{background:#fff;color:var(--pri);box-shadow:0 1px 4px rgba(44,54,53,.09)}
.sim-mode-pill:not(.is-active):hover{color:var(--pri);background:rgba(255,255,255,.65)}
@media(min-width:761px){.hcc-ar #sec-form h2{font-size:32px!important;margin-bottom:8px!important}}
.sim-techo-banner{margin:0 0 18px;padding:13px 16px;border-radius:14px;background:linear-gradient(135deg,rgba(4,120,87,.07),rgba(72,89,70,.05));border:1.5px solid rgba(4,120,87,.24);font-size:13.5px;line-height:1.5;color:var(--text-secondary);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sim-techo-banner b{color:var(--text-primary)}
#sim-form-card.mode-sueldo #form-col-pay,#sim-s1.mode-sueldo #sim-s2{order:-1}
@media (max-width:640px){
  .hcc-ar .sim-mode-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;border-radius:14px;padding:5px;gap:4px}
  .hcc-ar .sim-mode-bar>.sim-mode-pill:last-child{grid-column:1/-1}
  .hcc-latam .sim-mode-pills{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%}
  .sim-mode-pill{flex:1 1 auto;justify-content:center;padding:8px 10px;font-size:12px;min-height:44px;white-space:normal;text-align:center;line-height:1.25}
  .sim-techo-banner{padding:11px 13px;font-size:12.5px}
}

/* Click-to-edit pill affordance (AR + LATAM): makes large slider outputs unmistakably interactive */
#lbl-prop,#lbl-income,.hcc-latam .editable-num{padding:2px 8px;margin-right:-4px;border-radius:8px;background:rgba(72,89,70,.04);transition:background-color .15s ease,border-color .15s ease,transform .15s ease}
#lbl-prop:hover,#lbl-income:hover,.hcc-latam .editable-num:hover{background:rgba(72,89,70,.09)}
.hcc-latam .editable-num::after{content:" ✎";font-size:12px;font-weight:600;color:var(--pri);opacity:.6;margin-left:3px;vertical-align:middle}
.hcc-latam .editable-num:hover::after{opacity:1}

/* AR Results hierarchy: elevate #1 winner bank, show #2 right below it, and separate support cards from #3+ banks */
@media screen{
  .hcc-ar #sec-results #bank-results-top .bank-card:first-of-type{border:1.5px solid rgba(4,120,87,.34)!important;box-shadow:0 10px 28px rgba(4,120,87,.09)!important}
  .hcc-ar #sec-results #bank-results-rest:not(:empty){position:relative;padding-top:26px;margin-top:24px!important;border-top:1px solid var(--ui-line)}
  .hcc-ar #sec-results #bank-results-rest:not(:empty)::before{content:"Resto de bancos comparados para tu perfil";display:block;position:absolute;top:8px;left:0;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--pri)}
  .hcc-ar[lang="en"] #sec-results #bank-results-rest:not(:empty)::before{content:"Other banks compared for your profile"}
  .hcc-ar #sticky-cta{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(246,248,237,.94)!important;border-top:1px solid rgba(72,89,70,.14)!important;box-shadow:0 -6px 24px rgba(44,54,53,.10)!important}
}