*{box-sizing:border-box;margin:0;padding:0}
html{background:#fff6d8}
body{
  min-height:100vh;display:flex;flex-direction:column;
  background:#fff6d8 url("img/fondo.jpg") center top / cover no-repeat fixed;
  font-family:system-ui,sans-serif;color:#222;
}
img{display:block;max-width:100%;height:auto}

.portada{flex:1;width:min(100%,980px);margin:0 auto;padding:clamp(1rem,4vw,3rem) 1rem}

/* Cabecera */
.cabecera{width:min(100%,680px);margin:0 auto}
.cabecera img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}

/* Zona central */
.centro{position:relative;margin-top:clamp(2rem,6vw,4rem);display:grid;gap:1.5rem}
.localidades{
  width:min(100%,640px);border:6px solid #e01818;border-radius:26px;
  box-shadow:0 6px 14px rgba(0,0,0,.25);
}
.fecha{
  position:absolute;top:-2.2rem;right:2%;width:clamp(150px,24vw,240px);
  transform:rotate(-3deg);filter:drop-shadow(0 4px 6px rgba(0,0,0,.25));
}
.info{
  justify-self:end;width:min(100%,430px);margin-top:-3rem;margin-right:4%;
  border:6px solid #ffe92b;border-radius:26px;overflow:hidden;
  transform:rotate(-8deg);box-shadow:0 6px 14px rgba(0,0,0,.3);
  transition:transform .2s ease,box-shadow .2s ease;
}
.info:hover,.info:focus-visible{transform:rotate(-4deg) scale(1.05);box-shadow:0 10px 20px rgba(0,0,0,.35)}
.info:focus-visible{outline:3px solid #0070c0;outline-offset:4px}

/* Pie */
.pie{
  display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:1.2rem 1rem;
  background:rgba(255,255,255,.9);border-top:3px solid #fde08a;
}
.fila{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.2rem 3rem}
.pie img{height:70px;width:auto;object-fit:contain}

@media (max-width:640px){
  .centro{gap:1rem}
  .localidades{border-width:4px;border-radius:18px;margin-top:3rem}
  .fecha{top:-1.5rem;right:0;width:36vw}
  .info{width:80%;margin-top:-1.5rem;margin-right:0;border-width:4px;border-radius:18px;justify-self:center;transform:rotate(-5deg)}
  .pie img{height:52px}.fila{gap:1rem 2rem}
}
@media (prefers-reduced-motion:reduce){.info{transition:none}}