/* =========================================
   EXTRAS: CTA en primera pantalla, breadcrumbs, 404,
   botón fijo en móvil y aviso de cookies
   ========================================= */

/* --- CTA del hero siempre dentro de la primera pantalla --- */
.hero-section{
  height:calc(100vh - var(--usb-head-h,150px) - 40px);
  height:calc(100svh - var(--usb-head-h,150px) - 40px);
  min-height:400px;max-height:780px;
}
.hero-title{font-size:clamp(1.9rem,6.2vw,4rem)}
@media (max-height:520px){
  .hero-section{height:auto;min-height:0;padding:30px 0}
  .hero-title{margin-bottom:16px}
  .scroll-indicator{display:none}
}
.apply-text a{color:inherit;text-decoration:none}

/* --- Breadcrumbs --- */
.usb-breadcrumbs ol{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:4px 0;font-size:14px}
.usb-breadcrumbs li{display:flex;align-items:center}
.usb-breadcrumbs li+li::before{content:"›";margin:0 10px;opacity:.6}
.usb-breadcrumbs a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.usb-breadcrumbs a:hover{color:var(--usb-yellow)}
.usb-breadcrumbs [aria-current="page"]{font-weight:700}
.usb-page-hero .usb-breadcrumbs{color:rgba(255,255,255,.85)}
.usb-breadcrumbs-bar{background:var(--light-gray);color:#333;padding:12px 0}
.usb-breadcrumbs-bar .usb-breadcrumbs ol{margin:0}
.usb-breadcrumbs-bar .usb-breadcrumbs a:hover{color:var(--usb-blue)}

/* --- Página 404 --- */
.usb-404{background:var(--usb-black);color:var(--white);text-align:center;padding:clamp(28px,6vh,70px) 0 70px;min-height:calc(100svh - var(--usb-head-h,150px) - 50px)}
.usb-404__code{margin:0;font-size:clamp(4.5rem,16vw,9rem);line-height:1;font-weight:900;color:var(--usb-yellow);letter-spacing:-2px}
.usb-404__title{margin:6px 0 12px;font-size:clamp(1.6rem,4vw,2.6rem);line-height:1.15}
.usb-404__lead{max-width:560px;margin:0 auto 26px;font-size:17px;line-height:1.6;color:#ddd}
.usb-404__cta{margin-bottom:38px}
.usb-404__search{display:flex;gap:8px;justify-content:center;max-width:520px;margin:0 auto 42px}
.usb-404__search input{flex:1;min-width:0;padding:14px 16px;border:2px solid #444;border-radius:5px;background:#111;color:#fff;font-size:16px}
.usb-404__search input:focus{border-color:var(--usb-yellow);outline:none}
.usb-404__search button{padding:0 22px;border:0;border-radius:5px;background:var(--usb-yellow);color:#000;font-weight:800;cursor:pointer}
.usb-404__links h2{font-size:14px;letter-spacing:2px;text-transform:uppercase;color:var(--usb-yellow);margin:0 0 14px}
.usb-404__links ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:center}
.usb-404__links a{color:#fff;text-decoration:underline;text-underline-offset:4px}
.usb-404__links a:hover{color:var(--usb-yellow)}

/* --- Botón fijo en móvil --- */
.usb-sticky-cta{display:none}
@media (max-width:900px){
  .usb-sticky-cta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:998;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(0,0,0,.94);box-shadow:0 -6px 20px rgba(0,0,0,.25)}
  .usb-sticky-cta__btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;background:var(--usb-yellow);color:#000;font-weight:800;letter-spacing:1px;text-transform:uppercase;text-decoration:none;border-radius:6px}
  body.has-sticky-cta{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}
  body.search-open .usb-sticky-cta{display:none}
}

/* --- Aviso de cookies (Aceptar y Rechazar con el mismo peso visual) --- */
.usb-consent[hidden]{display:none!important}
.usb-consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:1000;max-width:720px;margin:0 auto;background:#111;color:#fff;border:1px solid #333;border-radius:10px;padding:18px 20px;box-shadow:0 12px 40px rgba(0,0,0,.35)}
.usb-consent__title{margin:0 0 6px;font-weight:800}
.usb-consent__text{margin:0 0 14px;font-size:14px;line-height:1.55;color:#ddd}
.usb-consent__text a{color:var(--usb-yellow)}
.usb-consent__actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.usb-consent__btn{min-height:44px;padding:0 24px;border-radius:6px;border:2px solid var(--usb-yellow);background:var(--usb-yellow);color:#000;font-weight:800;cursor:pointer}
.usb-consent__btn--ghost{background:transparent;color:#fff}
.usb-consent__btn:hover{filter:brightness(1.1)}
@media (max-width:900px){
  body.has-sticky-cta .usb-consent{bottom:calc(78px + env(safe-area-inset-bottom,0px))}
  .usb-consent__actions{justify-content:stretch}
  .usb-consent__btn{flex:1}
}