/* Pie común a todas las páginas: pocas cosas, grandes y fáciles de tocar */
.pie2{--p-tinta:#000;--p-gris:#6b6b66;--p-linea:#d6d6d0;background:#fafaf7;color:var(--p-tinta);border-top:1px solid var(--p-tinta);margin-top:clamp(48px,8vw,96px);font-family:"Inter",system-ui,sans-serif}
.pie2 .p-in{max-width:1320px;margin:auto;padding:clamp(36px,6vw,72px) clamp(16px,4vw,40px) 28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(28px,6vw,96px)}
.pie2 a{color:inherit;text-decoration:none}
.pie2 .p-marca{display:block;font:900 clamp(40px,6vw,76px)/.9 "Inter Display","Inter",sans-serif;letter-spacing:-.05em}
.pie2 .p-lema{margin:12px 0 0;font:500 17px/1.4 "Inter",sans-serif;color:var(--p-gris)}
.pie2 .p-redes{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.pie2 .p-redes a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--p-tinta);border-radius:999px;font:500 15px/1 "Inter",sans-serif;transition:background-color .2s,color .2s}
.pie2 .p-nav{display:flex;flex-direction:column;border-top:1px solid var(--p-tinta)}
.pie2 .p-nav a{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:8px 0;border-bottom:1px solid var(--p-linea);font:900 clamp(24px,3vw,34px)/1.05 "Inter Display","Inter",sans-serif;letter-spacing:-.03em}
.pie2 .p-nav a::after{content:"→";font:500 20px/1 "Inter",sans-serif;transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.pie2 .p-dueno{margin:20px 0 0;font:400 15px/1.5 "Inter",sans-serif;color:var(--p-gris)}
.pie2 .p-dueno a{color:var(--p-tinta);text-decoration:underline;text-underline-offset:3px}
.pie2 .p-legal{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;padding-top:20px;border-top:1px solid var(--p-linea);font:400 13px/1.5 "Inter",sans-serif;color:var(--p-gris)}
.pie2 .p-legal nav{display:flex;flex-wrap:wrap;gap:4px 18px}
.pie2 .p-legal a{padding:4px 0}
@media (hover:hover) and (pointer:fine){
  .pie2 .p-nav a:hover::after{transform:translateX(6px)}
  .pie2 .p-redes a:hover{background:var(--p-tinta);color:#fafaf7}
  .pie2 .p-legal a:hover{color:var(--p-tinta);text-decoration:underline}
}
.pie2 a:focus-visible{outline:2px solid #c8102e;outline-offset:3px}
@media (max-width:760px){
  .pie2 .p-in{grid-template-columns:1fr;gap:32px}
  .pie2 .p-legal{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){.pie2 *{transition:none!important}}
.pto{color:#c8102e}
/* cabecera de las páginas interiores: símbolo + firma */
.top .mark{display:flex;align-items:center;gap:12px}
.top .mark img.sim{width:44px;height:auto;filter:none}
/* diéresis roja en «Maüro» */
.dier{position:relative;display:inline-block}
.dier::after{content:"ü";content:"ü" / "";position:absolute;left:0;top:0;color:#c8102e;clip-path:inset(0 0 69% 0);pointer-events:none}
/* áreas táctiles de al menos 24 px en los enlaces pequeños del pie */
.pie2 .p-dueno a,.pie2 .p-legal a{display:inline-block;padding-block:4px}
.pie2 .p-dueno{line-height:2}
/* cabecera interior en móvil: solo el botón de comprar, como en la portada */
@media (max-width:560px){.top nav a:not(.buy){display:none}}
/* logotipo de cabecera: símbolo y nombre son una sola pieza, el símbolo manda */
.top .marca{display:inline-flex;align-items:center;gap:6px;flex:none;color:#111;text-decoration:none;font:900 22px/1 "Inter Display","Inter",system-ui,sans-serif;letter-spacing:-.04em;white-space:nowrap;border-radius:8px;-webkit-tap-highlight-color:transparent;transition:transform .15s cubic-bezier(.2,.8,.2,1),opacity .15s}
.top .marca .sim{width:58px;height:auto;display:block;flex:none;filter:none}
.top .marca>span{padding-top:2px}
.top .marca:active{transform:scale(.96);opacity:.75}
.top .marca:focus-visible{outline:2px solid #c8102e;outline-offset:4px}
@media (max-width:560px){.top .marca{font-size:20px;gap:5px}.top .marca .sim{width:50px}}
@media (prefers-reduced-motion:reduce){.top .marca{transition:none}}
/* aviso de nuevas ediciones en las fichas */
.aviso{grid-template-columns:minmax(0,1fr);margin-top:28px;padding:22px 22px 18px;border:1px solid #111;border-radius:4px;background:#fafaf7;color:#111;display:grid;gap:10px;font-family:"Inter",system-ui,sans-serif}
.aviso .av-t{margin:0;font:900 clamp(22px,2.4vw,28px)/1.05 "Inter Display","Inter",sans-serif;letter-spacing:-.03em}
.aviso .av-d{margin:0;font-size:15px;line-height:1.5;color:#4f4f4a}
.aviso .av-fila{display:flex;gap:6px;border:1px solid #111;border-radius:999px;padding:4px;background:#fff;margin-top:4px}
.aviso .av-fila:focus-within{box-shadow:0 0 0 2px #111}
.aviso input[type=email]{flex:1;min-width:0;border:0;background:transparent;font:400 16px "Inter",sans-serif;padding:0 14px;color:#111;outline:0;min-height:44px}
.aviso button{border:0;border-radius:999px;background:#111;color:#fafaf7;font:500 15px "Inter",sans-serif;padding:0 20px;min-height:44px;cursor:pointer;white-space:nowrap}
@media (hover:hover){.aviso button:hover{background:#c8102e}}
.aviso button:focus-visible{outline:2px solid #c8102e;outline-offset:3px}
.aviso .av-fine{margin:0;font-size:12.5px;color:#6b6b66}
.aviso .av-fine a{color:#111;text-underline-offset:3px;display:inline-block;padding-block:4px}
.aviso .av-msg:empty{display:none}
.aviso .av-msg{margin:0;font-size:14px;color:#b00d27}
.aviso .av-ok{margin:0;font-size:15px;line-height:1.5}
.aviso .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.aviso .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* fichas: la columna de compra nunca más ancha que la pantalla */
.pdp .buy{grid-template-columns:minmax(0,1fr)}
/* enlace al sorteo en la ficha de Allways */
.sorteo-link{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border:1px solid #111;border-radius:12px;color:#111;text-decoration:none;font:500 14.5px/1.3 "Inter",sans-serif;width:fit-content;max-width:100%}
.sorteo-link b{background:#c8102e;color:#fff;border-radius:999px;padding:3px 10px;font-weight:600;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase}
.sorteo-link span{transition:transform .2s}
@media (hover:hover){.sorteo-link:hover span{transform:translateX(4px)}}
.sorteo-link:focus-visible{outline:2px solid #c8102e;outline-offset:3px}
.sorteo-link em{font-style:normal;min-width:0;flex:1}
.sorteo-link b{flex:none}