/* WEB-CUENTA-REGRESIVA. Identidad oficial 2nov; presentación, sin lógica de compra. */
html.ff-cuenta.ff-premium.ff-buenfin{
 --bf-black:#111113;--bf-panel:#29292d;--bf-line:#515156;--bf-muted:#c9c9ce;--bf-action:#c81024;--bf-red:#e72134;
 --ff-fondo:#111113;--ff-carbon:#111113;--ff-superficie:#29292d;--ff-texto:#f5f5f3;--ff-texto-2:#c9c9ce;--ff-linea:#515156;
 --main-background:#111113;--main-foreground:#f5f5f3;--header-background:#111113;--header-foreground:#f5f5f3;
 --footer-background:#111113;--footer-foreground:#f5f5f3;--button-background:#c81024;--button-foreground:#fff;
 --heading-font:'Archivo',Arial,sans-serif;--body-font:'Archivo',Arial,sans-serif;scroll-padding-top:130px;
}
html.ff-cuenta body{font-family:'Archivo',Arial,sans-serif;background:#111113;color:#f5f5f3}
html.ff-cuenta.ff-premium.ff-buenfin .js-head-main{background:#111113;box-shadow:none;border-bottom:1px solid #ffffff24;top:0;position:sticky}
html.ff-cuenta.ff-premium.ff-buenfin .js-head-main .section-adbar{display:none}
html.ff-cuenta.ff-premium.ff-buenfin body .js-head-main a:has(>.logo-img){min-height:66px;padding:6px 0;gap:8px}
html.ff-cuenta.ff-premium.ff-buenfin body .js-head-main a:has(>.logo-img)::before{width:38px;height:38px;flex-basis:38px}
html.ff-cuenta.ff-premium.ff-buenfin body .js-head-main .logo-img{width:184px;max-width:100%;height:auto;aspect-ratio:480/94;object-fit:contain;margin:0}
html.ff-cuenta.ff-premium.ff-buenfin body .ffbar{gap:clamp(14px,2.2vw,34px);padding:0 12px}
html.ff-cuenta.ff-premium.ff-buenfin body .ffbar a{min-height:44px;font-size:12px;letter-spacing:0;text-transform:none}
html.ff-cuenta.ff-premium.ff-buenfin body .ffbar .ffbar-help{font-size:12px}
html.ff-cuenta .ff-countdown{background:#b90d22;color:#fff;position:relative;z-index:1;border-bottom:1px solid #f64a5b}
html.ff-cuenta .ff-countdown__inner{max-width:1480px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.ff-countdown__identity{display:flex;align-items:center;gap:14px;min-width:0}
.ff-countdown__logo{width:52px;height:52px;object-fit:contain;display:block;border-radius:4px;background:#fff;padding:3px;flex-shrink:0}
.ff-countdown__copy{display:flex;flex-direction:column;gap:3px}
.ff-countdown__copy strong{font-size:18px;line-height:1.15;letter-spacing:-.025em;color:#fff}
.ff-countdown__copy small{font-size:12px;color:#fff;line-height:1.4}
.ff-countdown__clock{display:flex;align-items:center;gap:6px;flex-shrink:0}
.ff-countdown__unit{min-width:49px;background:#800b19;border:1px solid #ffffff30;border-radius:6px;text-align:center;padding:5px 7px}
.ff-countdown__unit b{font-variant-numeric:tabular-nums;display:block;font-size:22px;line-height:1.1;color:#fff;font-weight:800}
.ff-countdown__unit small{display:block;font-size:9px;line-height:1.4;color:#fff;margin-top:2px}
html.ff-cuenta .ff-countdown__link{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;color:#111113;background:#fff;border:1px solid #fff;border-radius:6px;font-size:12px;font-weight:750;text-decoration:none;white-space:nowrap}
html.ff-cuenta .ff-countdown__link:hover{background:#f0f0ef}
.ff-countdown__end{font-size:13px;color:#fff}
.ff-countdown [hidden]{display:none}
.ff-countdown__access{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
html.ff-cuenta .ff-benefit-line{display:flex;justify-content:center;align-items:center;gap:12px 28px;flex-wrap:wrap;padding:10px 20px;background:#202023;border-bottom:1px solid #ffffff1c;color:#e2e2e5;font-size:12px;text-align:center}
html.ff-cuenta .ff-benefit-line a{color:inherit;text-decoration:none}
html.ff-cuenta .ff-benefit-line a:hover{text-decoration:underline}
html.ff-cuenta .ff-benefit-line strong{color:#fff;font-weight:650}
html.ff-cuenta.ff-premium.ff-buenfin :is(button,a,input,select,summary):focus-visible{outline:3px solid #79baff;outline-offset:3px;box-shadow:0 0 0 5px #111113}
html.ff-cuenta.ff-premium.ff-buenfin .js-footer{background:#111113;color:#f5f5f3;border-top:1px solid #ffffff2e;margin-top:0}
html.ff-cuenta.ff-premium.ff-buenfin .js-footer::before{padding-top:84px;min-height:110px;background-size:48px 48px;background-position:center 20px;font-size:10px;letter-spacing:.12em;margin-bottom:20px}
html.ff-cuenta.ff-premium.ff-buenfin .js-footer :is(a,p,small){color:#c9c9ce}
html.ff-cuenta.ff-premium.ff-buenfin .js-footer a:hover{color:#fff}
html.ff-cuenta .ffbf26-footer,html.ff-cuenta .ffbf26-ribbon,html.ff-cuenta .ffbf26-runway{display:none}
@media(min-width:1920px){html.ff-cuenta .ff-countdown__inner{max-width:1800px}}
@media(max-width:767px){
 html.ff-cuenta{scroll-padding-top:85px}
 html.ff-cuenta .ff-countdown__inner{padding:9px 12px;gap:9px;justify-content:center;flex-wrap:wrap}
 html.ff-cuenta .ff-countdown__identity{gap:8px;flex:1;min-width:145px}
 html.ff-cuenta .ff-countdown__logo{width:37px;height:37px;padding:2px}
 html.ff-cuenta .ff-countdown__copy strong{font-size:12px;line-height:1.2;max-width:15ch}
 html.ff-cuenta .ff-countdown__copy small{font-size:9px;max-width:21ch;line-height:1.3}
 html.ff-cuenta .ff-countdown__clock{gap:3px}
 html.ff-cuenta .ff-countdown__unit{min-width:31px;padding:4px 4px;border-radius:4px}
 html.ff-cuenta .ff-countdown__unit b{font-size:17px}
 html.ff-cuenta .ff-countdown__unit small{font-size:8px}
 html.ff-cuenta .ff-countdown__link{display:none}
 html.ff-cuenta.ff-premium.ff-buenfin body .js-head-main a:has(>.logo-img){min-height:57px;gap:5px;padding:5px 0}
 html.ff-cuenta.ff-premium.ff-buenfin body .js-head-main a:has(>.logo-img)::before{width:30px;height:30px;flex-basis:30px}
 html.ff-cuenta.ff-premium.ff-buenfin body .js-head-main .logo-img{width:128px;max-width:33vw}
 html.ff-cuenta .ff-benefit-line{padding:8px 12px;gap:4px 14px;font-size:10px;line-height:1.5}
 html.ff-cuenta.ff-premium.ff-buenfin .js-footer::before{min-height:100px;margin-bottom:12px}
}
@media(prefers-reduced-motion:reduce){html.ff-cuenta{scroll-behavior:auto}html.ff-cuenta *,html.ff-cuenta *::before,html.ff-cuenta *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* VISUAL-02: Rio mantiene top inline calculado con una publicidad anterior; no desplazar la cabecera. */
html.ff-cuenta.ff-premium.ff-buenfin .js-head-main{top:0!important}
html.ff-cuenta #ff-cuenta-landing{--ffcl-scroll-offset:125px}
html.ff-cuenta .ffhr{background:#111113;color:#f5f5f3}
html.ff-cuenta .ffhr-title{font-weight:750;letter-spacing:-.025em;color:#f5f5f3}
html.ff-cuenta .ffhr :is(.ffhr-card,.ffhr-card-body){background:#29292d;color:#f5f5f3}
@media(max-width:767px){html.ff-cuenta #ff-cuenta-landing{--ffcl-scroll-offset:90px}}

/* A11Y02: cajas reales de 44px; cuatro acciones y logo caben desde 320px. */
html.ff-cuenta.ff-premium.ff-buenfin .js-head-main :is(.utilities-container > a,#ajax-cart > a){display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;vertical-align:middle;position:relative}
html.ff-cuenta.ff-premium.ff-buenfin .js-head-main :is(.utilities-container > a,#ajax-cart > a)::after{content:none}
html.ff-cuenta.ff-premium.ff-buenfin .js-head-main .search-input-submit{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;top:0;right:0}
html.ff-cuenta.ff-premium.ff-buenfin .js-head-main .search-input{min-height:44px;padding-right:48px}
html.ff-cuenta #ff-accessorios .design-nav button{width:44px;height:44px;min-width:44px;min-height:44px;flex-shrink:0}
html.ff-cuenta{scroll-padding-bottom:100px}
html.ff-cuenta :is(.js-addtocart,#ffacc-buy){scroll-margin-bottom:100px}
@media(min-width:768px) and (max-width:991px){
 html.ff-cuenta.ff-premium.ff-buenfin .js-head-main .search-container{width:210px;max-width:210px}
 html.ff-cuenta.ff-premium.ff-buenfin .js-head-main .logo-md-offset{margin-left:-80px}
}
@media(max-width:767px){
 html.ff-cuenta.ff-premium.ff-buenfin .js-head-main > .container-fluid{padding-left:8px;padding-right:8px}
 html.ff-cuenta.ff-premium.ff-buenfin .js-head-main .utilities-container{margin:0;vertical-align:middle}
 html.ff-cuenta.ff-premium.ff-buenfin .js-head-main .logo-center{min-width:0}
 html.ff-cuenta.ff-premium.ff-buenfin body .js-head-main .logo-img{width:min(128px,calc(100vw - 224px));max-width:100%}
}
@media(max-width:360px){
 html.ff-cuenta.ff-premium.ff-buenfin body .js-head-main a:has(>.logo-img){gap:4px}
 html.ff-cuenta.ff-premium.ff-buenfin body .js-head-main a:has(>.logo-img)::before{width:26px;height:26px;flex-basis:26px}
}