/* Aviso de la portada: 20 % por temporada alta. Bordes cuadrados, tinta y lima como el resto del sitio. */
.promo20{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px}
.promo20[hidden]{display:none}
.promo20-velo{position:absolute;inset:0;background:rgba(22,23,27,.6);opacity:0;transition:opacity .25s}
.promo20-caja{position:relative;width:min(440px,100%);background:#f2f0ea;color:#16171b;border:2px solid #16171b;border-radius:0;padding:32px 28px 28px;box-shadow:8px 8px 0 #16171b;opacity:0;transform:translateY(14px);transition:opacity .25s,transform .25s;outline:none}
.promo20.ve .promo20-velo,.promo20.ve .promo20-caja{opacity:1}
.promo20.ve .promo20-caja{transform:none}
.promo20-x{position:absolute;top:8px;right:8px;width:44px;height:44px;border:0;border-radius:0;background:transparent;color:#16171b;font-family:inherit;font-size:28px;line-height:1;cursor:pointer}
.promo20-x:focus-visible,.promo20-ir:focus-visible,.promo20-seguir:focus-visible{outline:3px solid #16171b;outline-offset:2px}
.promo20-n{margin:0 0 8px;display:inline-block;background:#c9f84a;border:2px solid #16171b;padding:2px 12px;font-weight:800;font-size:28px;letter-spacing:-.03em}
.promo20 h2{margin:0 0 22px;font-size:clamp(24px,5vw,30px);line-height:1.15;letter-spacing:-.03em;font-weight:800;color:#16171b}
.promo20-btns{display:flex;flex-wrap:wrap;gap:10px}
.promo20-ir,.promo20-seguir{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:2px solid #16171b;border-radius:0;font-family:inherit;font-weight:700;font-size:16px;line-height:1;cursor:pointer;text-decoration:none}
.promo20 a.promo20-ir,.promo20 a.promo20-ir:visited,.promo20 a.promo20-ir:hover{background:#16171b;color:#f2f0ea !important;border-color:#16171b}
.promo20 .promo20-seguir{background:transparent;color:#16171b}
html.promo20-abierto{overflow:hidden}
@media (prefers-reduced-motion:reduce){.promo20-velo,.promo20-caja{transition:none}}