*{box-sizing:border-box}body{margin:0;background:#ffffff;color:#0a233a;font:17px/1.5 "Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}a:focus-visible{outline:3px solid #4486bd;outline-offset:3px}header,footer,.bloque,.portada{padding:clamp(24px,5vw,82px) max(6vw,calc((100vw - 1240px)/2))}header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:8px;padding-bottom:8px;background:#fff;color:#0a233a}.marca{display:block}.marca img{display:block;width:clamp(136px,14vw,160px);height:auto}h1 span{color:#ffbf00}nav{display:flex;gap:clamp(10px,3vw,35px)}.portada{position:relative;isolation:isolate;overflow:hidden;background:#091f33;color:#fff;padding-top:clamp(48px,7vw,110px);padding-bottom:clamp(48px,7vw,110px)}.intro{position:relative;width:62%;z-index:1}.local{color:#ffc322;font-weight:700}.descripcion{max-width:530px;color:#e2e8ed;font-size:1.12rem}.boton,.sec{display:inline-block;margin:12px 12px 0 0;padding:12px 17px;font-weight:700}.boton{background:#ffc322;color:#0a233a}.sec{padding-left:0}.arte{position:absolute;right:-5%;width:36%;top:0;height:100%;overflow:hidden;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:30px 30px}.arte i{position:absolute;display:block;left:12%;width:110%;height:150%;top:-40%;border:12px solid #ffbd13;border-radius:22%;transform:rotate(32deg)}.arte i:nth-child(2){left:21%;border-color:#8a98a6}.arte i:nth-child(3){left:30%;border-color:#f5f7fa}h1,h2,h3,p{margin:0 0 14px}h1{font-size:clamp(2.8rem,6vw,6rem);line-height:1;letter-spacing:-.055em;max-width:860px}h2{font-size:clamp(2rem,3.2vw,3.4rem);line-height:1.07;letter-spacing:-.05em}.bloque{display:grid;grid-template-columns:1fr 1.4fr;gap:6vw}.claro{background:#f1f4f6}.filas>*{display:block;border-top:1px solid #bdc7cf;padding:17px 0}.filas p,.bloque>div>p{max-width:52ch}.filas a span{display:block;font-size:.93rem}.filas b,h3{font-size:1.22rem}.filas h3{margin-bottom:4px}footer{display:flex;justify-content:space-between;gap:24px;background:#091f33;color:white}footer strong{font-size:1.4rem}footer a{display:block;margin-bottom:6px}@media(max-width:700px){header{flex-wrap:wrap}nav{font-size:.85rem}.intro{width:100%}.arte{width:14%;opacity:.3}.bloque{grid-template-columns:1fr;gap:12px}footer{flex-wrap:wrap}.descripcion{max-width:94%}}

/* La franja conserva la altura del encabezado anterior. */
@media (min-width:701px) {
  header { position:relative; z-index:1; height:calc(clamp(68px,7vw,80px) + 16px); }
  header nav { margin-left:auto; }
  .marca { position:absolute; top:6px; width:clamp(222px,25vw,390px); padding:5px 10px 8px; background:white; border-radius:0 0 6px 6px; }
  .marca img { width:100%; height:auto; }
  .portada { padding-top:max(clamp(48px,7vw,110px),calc(clamp(222px,25vw,390px) * .46 - 52px)); }
}
@media (max-width:700px) {
  header { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; padding:8px 4vw 10px; }
  .marca { width:100%; }
  .marca img { width:100%; height:auto; }
  header nav { justify-content:space-between; }
}