/* RAUKA — Banner de cabecera de cada sección (texto en HTML sobre foto sin texto:
   editable, indexable por Google y legible en móvil). */
.page-banner{position:relative;overflow:hidden;background:#0b0b0a;border-bottom:1px solid var(--line,rgba(243,238,228,.14));}
.page-banner picture,.page-banner img{display:block;width:100%;}
.page-banner img{height:clamp(240px,34vw,470px);object-fit:cover;object-position:78% center;}
.page-banner-txt{position:absolute;inset:0;display:flex;align-items:center;pointer-events:none;
  background:linear-gradient(90deg,rgba(11,11,10,.88) 0%,rgba(11,11,10,.55) 42%,rgba(11,11,10,0) 68%);}
.page-banner-txt .wrap{width:100%;}
.page-banner-box{max-width:min(560px,52%);pointer-events:auto;}
.page-banner-eyebrow{display:block;font-family:var(--font-body,sans-serif);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-solid,#d4af37);margin-bottom:10px;}
.page-banner-title{font-family:var(--font-display,sans-serif);font-weight:400;font-size:clamp(2rem,4.6vw,4rem);line-height:1.02;letter-spacing:.02em;color:var(--gold-2,#f2d57e);text-shadow:0 2px 24px rgba(0,0,0,.6);margin:0 0 12px;text-transform:uppercase;}
.page-banner-sub{font-family:var(--font-body,sans-serif);font-size:clamp(.92rem,1.4vw,1.12rem);line-height:1.5;color:var(--bone,#f3eee4);margin:0 0 18px;}
.page-banner-cta{display:inline-block;padding:13px 26px;border-radius:10px;background:var(--gold-solid,#d4af37);color:#171310;font-weight:700;font-size:.95rem;text-decoration:none;font-family:var(--font-body,sans-serif);}
.page-banner-cta:hover{filter:brightness(1.08);}
@media (max-width:700px){
  .page-banner img{height:300px;object-position:80% center;}
  .page-banner-txt{align-items:flex-end;background:linear-gradient(0deg,rgba(11,11,10,.92) 0%,rgba(11,11,10,.6) 55%,rgba(11,11,10,.1) 100%);padding-bottom:20px;}
  .page-banner-box{max-width:100%;}
  .page-banner-sub{font-size:.9rem;margin-bottom:14px;}
}