/* EL ABISMO — Humo verde oscuro en toda la página.
 * Sustituye la propuesta el-abismo-neon.css; NO cargar ambas.
 * Cargar al final de los estilos actuales. humo-verde.png debe estar
 * en la misma carpeta que este CSS. No requiere JavaScript nuevo.
 */
:root {
  --humo: url('humo-verde.png');
  --pub-bg: #0b0b0d;
  --pub-card: #0c1913;
  --pub-border: #24523c;
  --pub-text: #ecefeb;
  --pub-accent: #164f35;
  --pub-hover: #206a48;
  --ice: #7ccea3;
}

/* Fondo continuo: los paneles transparentes dejan ver la textura.
 * Se repite por tramos, sin fondo fijo ni animaciones en el móvil. */
html { background: #0b0b0d !important; }
body {
  background-color: #0b0b0d !important;
  background-image: linear-gradient(#0b0b0d55, #0b0b0d55), var(--humo);
  background-size: auto, 100% auto;
  background-repeat: repeat, repeat-y;
  color: var(--pub-text);
}
/* Es necesario !important para superar contraste-final-20261021.css. */
main, main .section, main .hero, main .beer-section,
main .hero-copy, main .location, main .pub-story, footer {
  background-color: transparent !important;
  background-image: none;
}
header {
  background: #080e0b;
  border-bottom: 1px solid #24523c;
}

/* Humo sobre la foto, por debajo del logo; la foto original permanece. */
#inicio .art { background: #030906; isolation: isolate; }
#inicio .art > .emerald-illustration {
  filter: grayscale(1) sepia(.45) hue-rotate(85deg) saturate(1.3) brightness(.8);
}
#inicio .art::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--humo) center / cover no-repeat;
  mix-blend-mode: screen;
  opacity: .65;
  pointer-events: none;
}
#inicio .art::after {
  z-index: 2;
  background: linear-gradient(transparent 55%, #0b0b0d);
}
#inicio .hero-wordmark { z-index: 3; }

/* Texto claro; acentos verdes suaves, sin magenta ni resplandor fuerte. */
main h1, main h2, main h3 { color: #eef1eb; text-shadow: 0 0 22px #145d342b; }
main .eyebrow, .ticker i, main .game-mark,
main .number.symbol { color: #86cfa8; }
.ticker { background: #09150dd9; border-color: #24523c; }
main p { color: #dedfdc; }
main .project-cta-note { color: #c5d1c9; }
main .button.project-cta {
  background: linear-gradient(135deg, #164f35, #0a291c);
  color: #fff;
  border-color: #5a9b77;
  border-radius: 5px;
  min-height: 48px;
  white-space: normal;
  max-width: 100%;
}
main .button.project-cta:hover { background: #206a48; color: #fff; }
main .button.secondary { background: #0b1710cc; color: #eef1eb; border-color: #537b64; }

/* Superficies lisibles au-dessus du humo, también en campaña y tienda. */
main .games > article, main .merch-card, main .beer-card,
main .contact-card, main .music-group, main .legal-detail {
  background: #09150ee8;
  border: 1px solid #315740;
  border-radius: 6px;
}
#servicios .games {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  border: 0;
}
#servicios .games > article { min-width: 0; padding: 28px 22px; }
#servicios .game-mark { text-shadow: 0 0 16px #319b6266; }
@media (hover: hover) and (pointer: fine) {
  #servicios .games > article:hover {
    border-color: #7ccea3;
    box-shadow: 0 0 24px #227a4640;
  }
}
a:focus-visible, button:focus-visible, summary:focus-visible {
  outline: 3px solid #a1ecc1;
  outline-offset: 4px;
}

/* Redes solo al final, tanto en escritorio como en móvil. */
header .header-socials { display: none !important; }
footer { border-top: 1px solid #315740; }
footer .social-links { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 12px; }
footer .social-links a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 10px 18px;
  color: #eef1eb;
  background: #0b1d13;
  border: 1px solid #537b64;
}
footer .social-links svg { width: 18px; height: 18px; }

/* Menú móvil completo: todos los enlaces visibles, sin desplegable.
 * Se supera también [hidden], por si el script anterior lo aplica.
 * Cabecera normal para no cubrir la pantalla al ocupar varias filas. */
#primary-navigation-toggle { display: none !important; }
header #primary-navigation {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  position: static !important;
  transform: none !important;
  flex-wrap: wrap;
}
@media (max-width: 760px) {
  body { background-size: auto, auto 850px; background-position: center top; }
  header { position: static; flex-direction: column; padding: 16px 5%; gap: 12px; }
  header #primary-navigation {
    width: 100%;
    order: 2;
    justify-content: center;
    gap: 4px 8px;
    overflow: visible;
  }
  header #primary-navigation a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 8px 10px;
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: .06em;
    color: #eef1eb;
    white-space: normal;
  }
  #servicios .games { grid-template-columns: minmax(0, 1fr); }
}
@media (forced-colors: active) {
  body, main, main .section, footer { background: Canvas !important; color: CanvasText; }
  #inicio .art::before { display: none; }
  main h1, main h2, main h3, main p, main .eyebrow,
  main .game-mark { color: CanvasText; text-shadow: none; }
  a:focus-visible, button:focus-visible, summary:focus-visible { outline-color: Highlight; }
}

/* Retirar filtro gris heredado del contenedor de portada. */
#inicio .art { filter: none !important; }

/* El encabezado acompaña la navegación en todas las pantallas. */html{scroll-padding-top:calc(var(--header-height,100px) + 20px)}body>header{position:sticky!important;top:0!important;z-index:1000!important;background:#080e0bf7!important;isolation:isolate}main [id]{scroll-margin-top:20px!important}#primary-navigation a{white-space:nowrap}@media(max-width:600px){body>header{gap:5px!important;padding:8px 4%!important}body>header .brand{transform:scale(.85);transform-origin:center}header #primary-navigation{gap:0 4px!important}header #primary-navigation a{min-height:40px!important;padding:5px 7px!important;font-size:10px!important}}
/* Propuesta aprobada: esmeralda con azul petróleo en el humo lateral. */
body{background-image:linear-gradient(#080e0b30,#080e0b30),linear-gradient(90deg,rgba(24,83,111,.88) 0%,rgba(24,83,111,.35) 12%,transparent 32%,transparent 68%,rgba(24,83,111,.45) 85%,rgba(24,83,111,.94) 100%),var(--humo);background-blend-mode:normal,color,normal;background-size:auto,100% 100%,100% auto;background-repeat:repeat,repeat,repeat-y}
#inicio .art::before{background-image:linear-gradient(90deg,rgba(24,83,111,.95),transparent 32%,transparent 68%,rgba(24,83,111,.95)),var(--humo);background-size:cover;background-position:center;background-repeat:no-repeat;background-blend-mode:color,normal;opacity:.78}
main .button.project-cta{background:linear-gradient(120deg,#125537,#10392e 65%,#153d48);border-color:#599b8c}main .button.secondary{border-color:#487d83}main .games>article,main .merch-card,main .legal-detail{border-color:#31554d}footer{border-top-color:#31545a}
@media(max-width:760px){body{background-size:auto,100% 100%,auto 850px}}
@media(forced-colors:active){body{background-image:none!important}#inicio .art::before{display:none}}
/* Colección en preparación: tarjetas compactas, sin marcos de imagen vacíos. */
#tienda-merch .merch-card{padding:24px!important;display:flex;flex-direction:column;align-items:flex-start;min-height:0!important;text-align:left;background:linear-gradient(145deg,#0c1b17,#0a1115)!important;border:1px solid #31554d!important}#tienda-merch .merch-card__label{font-size:11px;letter-spacing:.13em;color:#9cc6bb;margin:0 0 18px;line-height:1.5}#tienda-merch .merch-card h3{margin:0 0 14px;font-size:21px;line-height:1.4}#tienda-merch .merch-card>p:not(.merch-card__label){line-height:1.7;margin:0 0 22px}#tienda-merch .merch-card button{margin-top:auto;min-height:42px}#tienda-merch .merch-grid{gap:18px}#inicio .hero-copy .opening-notice{display:inline-block;font-size:12px;line-height:1.7;color:#b9d9ce;padding:8px 14px;margin:0 0 18px;border:1px solid #31554d;border-radius:4px;background:#0b1815}
.pub-faq .faq-inner{max-width:820px;margin-inline:auto}.pub-faq h2,.pub-faq .eyebrow{text-align:center}.pub-faq details{border-bottom:1px solid #31554d;padding:0;margin:0}.pub-faq summary{cursor:pointer;padding:23px 12px;color:#eef1eb;font-size:18px;font-weight:600;line-height:1.5}.pub-faq details p{padding:0 12px;line-height:1.8;margin:0 0 18px}.pub-faq details a{display:inline-block;color:#b6e4dd;margin:0 12px 24px;text-underline-offset:4px}.pub-faq summary:focus-visible{outline:3px solid #a1ecc1;outline-offset:3px}@media(max-width:760px){#tienda-merch .merch-grid{grid-template-columns:1fr!important}.pub-faq summary{font-size:16px;padding:20px 4px}.pub-faq details p{padding-inline:4px}.pub-faq details a{margin-inline:4px}}

/* Subtítulo de marca con la tipografía metalera del sitio. */
#inicio .hero-wordmark>span:last-child{font-family:"Abismo Metal",Georgia,serif!important;font-size:clamp(22px,3.2vw,40px)!important;font-weight:400!important;letter-spacing:.06em!important;line-height:1.2;color:#eef1eb;text-shadow:0 0 14px #145d342b}

/* Fondo continuo y portada a todo el ancho. */
body #tienda-merch,body #tienda-merch .merch-catalog__inner{background:transparent!important;box-shadow:none!important}body #cervezas .beer-price-comparison,body #cervezas .beer-price-option{background:transparent!important;box-shadow:none!important}body #cervezas .beer-price-option{border:0!important;border-top:1px solid #49726c!important;min-width:0;padding:22px 10px!important}body #cervezas .beer-price-value strong{white-space:nowrap}body #inicio{width:100%;max-width:none;margin-inline:0;padding-inline:0}body #inicio .art{width:100%;max-width:none;margin-inline:0}body #inicio .emerald-illustration{width:100%;max-width:none;display:block}.mobile-menu-button{display:none}
@media(max-width:760px){body>#site-header{display:grid!important;grid-template-columns:1fr auto!important;align-items:center;padding:10px 5%!important;gap:8px!important}body>#site-header .brand{justify-self:start;transform:none!important;margin:0}body>#site-header #mobile-menu-button{display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:48px;height:48px;padding:10px;border:1px solid #49726c;background:#0a1716;color:#eef1eb;border-radius:5px;cursor:pointer}#mobile-menu-button span{display:block;width:23px;height:2px;background:currentColor;transition:transform .18s,opacity .18s}#mobile-menu-button[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}#mobile-menu-button[aria-expanded="true"] span:nth-child(2){opacity:0}#mobile-menu-button[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}body>#site-header #primary-navigation{display:none!important;grid-column:1/-1;width:100%;max-height:calc(100dvh - 110px)!important;overflow-y:auto!important;padding:8px 0;border-top:1px solid #31554d}body>#site-header #primary-navigation.is-open{display:flex!important;flex-direction:column;align-items:stretch;gap:0!important}body>#site-header #primary-navigation a{font-size:12px!important;min-height:44px!important;justify-content:center;padding:10px!important}body #cervezas .beer-price-comparison{grid-template-columns:1fr!important;width:100%;gap:12px}}

/* Ilustraciones de ambiente para las tarjetas de juegos. */
#servicios .games>article{padding:0 0 24px!important;overflow:hidden}#servicios .game-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-bottom:1px solid #31554d}#servicios .games>article h3{margin:24px 20px 14px}#servicios .games>article p{padding-inline:20px;line-height:1.7;margin-bottom:0}#servicios .games>article:hover .game-photo{filter:brightness(1.08)}

#servicios .games .game-photo{filter:none!important}

/* Cuatro bordes uniformes, incluida la última tarjeta. */
body #servicios .games>article,body #servicios .games>article:last-child{box-sizing:border-box!important;border:1px solid #49736a!important;border-radius:6px!important;min-width:0;overflow:hidden;position:relative}body #servicios .games>article::after{content:"";position:absolute;inset:0;border:1px solid #49736a;border-radius:6px;pointer-events:none;box-sizing:border-box}body #servicios .games .game-photo{box-sizing:border-box;width:100%;max-width:100%}
/* Retirar la pequeña línea decorativa bajo la portada y la del menú. */
body #inicio .hero-copy::before,body #inicio .hero-copy::after{display:none!important;content:none!important}body>#site-header{border-bottom:0!important;box-shadow:none!important}

/* Contorno completo visible sobre las tres fotografías, sin lados anulados. */
body #servicios .games>article::after{z-index:5!important;border:1px solid #78a69a!important;inset:0!important;border-radius:6px!important;display:block!important;opacity:1!important}body #servicios .games>article:first-child,body #servicios .games>article:nth-child(2),body #servicios .games>article:last-child{border-width:1px!important;border-style:solid!important;border-color:#78a69a!important}

/* Fondo continuo: sin líneas divisorias entre secciones. */
body main>section,body main .section,body main .beer-section,body main .hero,body main .hero-copy,body main .location,body footer{border-top:0!important;border-bottom:0!important;box-shadow:none!important}body #inicio .ticker{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important}body #inicio .hero-copy::before,body #inicio .hero-copy::after{content:none!important;display:none!important}body #inicio .art::after{background:linear-gradient(transparent 60%,rgba(8,14,11,.5))!important}body main>section::before,body main>section::after{border-top:0!important;border-bottom:0!important}

/* Fundir la imagen principal con el humo del fondo, sin corte horizontal. */
body #inicio .art{background:transparent!important;mask-image:linear-gradient(to bottom,#000 0%,#000 60%,rgba(0,0,0,.85) 74%,rgba(0,0,0,.35) 90%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 60%,rgba(0,0,0,.85) 74%,rgba(0,0,0,.35) 90%,transparent 100%)}body #inicio .art::after{display:none!important}body #inicio .hero-copy{background:transparent!important;border:0!important}
/* Retirar los separadores grises internos, conservando tarjetas. */
body .official-beer,body .tap-board,body .tap-list,body .tap-rotation,body .story-close,body .campaign-goal,body .official-beer-specs,body .official-beer-serving,body .beer-price-comparison,body .pub-faq details{border-top:0!important;border-bottom:0!important;box-shadow:none!important}body .pub-faq details{margin-bottom:12px}body main hr{display:none!important}

/* Una sola textura continua: sin uniones por repetición de la imagen. */
body{background-size:cover,cover,cover!important;background-repeat:no-repeat!important;background-attachment:fixed!important;background-position:center center!important}

/* Lanzamiento: llamada principal y campaña. */
body main .button.project-cta{background:linear-gradient(120deg,#9aefbd,#73d5c9)!important;color:#07140e!important;border-color:#b7f7d1!important;font-weight:800;box-shadow:0 5px 22px #3ebc7b2e}body main .button.project-cta:hover{background:#b4f5d0!important;color:#07140e!important}header #primary-navigation .nav-social{color:#a3d9ce;font-size:10px}.merch-campaign-note{max-width:760px;margin:24px auto 32px;padding:20px;border:1px solid #487a70;border-radius:6px;background:#0b1715db;text-align:center}.merch-campaign-note p{margin:0 0 12px;line-height:1.8}.merch-campaign-note a,.fundraising-terms{color:#b6e4dd;display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}.fundraising-panel{box-sizing:border-box;max-width:900px;margin:auto;padding:clamp(24px,5vw,48px);background:linear-gradient(135deg,#0d211bf2,#0a171ef2);border:1px solid #487a70;border-radius:10px;text-align:center}.fundraising-panel>p{line-height:1.8}.fundraising-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:32px 0 24px}.fundraising-figures dt{font-size:14px;color:#bdd0c8;margin-bottom:8px}.fundraising-figures dd{margin:0;color:#f2f5f3;font-size:clamp(24px,4vw,36px);font-weight:800;line-height:1.3}.fundraising-progress{display:block;appearance:none;width:100%;height:14px;overflow:hidden;background:#172c29;border:1px solid #487a70;border-radius:999px}.fundraising-progress::-webkit-progress-bar{background:#172c29}.fundraising-progress::-webkit-progress-value{background:#8ce7b5;border-radius:999px}.fundraising-progress::-moz-progress-bar{background:#8ce7b5;border-radius:999px}.fundraising-update,.fundraising-note{color:#bdd0c8!important;font-size:13px!important;line-height:1.7}.fundraising-update{margin:14px 0 26px}.fundraising-note{margin:18px 0 0}.fundraising-cta{min-height:52px;padding:16px 24px;box-sizing:border-box}header #primary-navigation{gap:4px 12px}@media(min-width:761px) and (max-width:1100px){body>#site-header{flex-wrap:wrap;justify-content:center}header #primary-navigation{justify-content:center;flex-wrap:wrap}}@media(max-width:600px){.fundraising-figures{grid-template-columns:1fr;gap:22px}.fundraising-cta{width:100%;white-space:normal}.merch-campaign-note{padding:18px 14px}}

/* Colección ilustrada: imágenes de muestra, sin recortar los productos. */
body #tienda-merch .merch-card .merch-product-photo{display:block;width:calc(100% + 48px);max-width:none;margin:-24px -24px 22px;aspect-ratio:3/2;height:auto;object-fit:contain;filter:none!important;border-bottom:1px solid #31554d}body #tienda-merch .merch-card{overflow:hidden}.merch-exclusive{display:grid;grid-template-columns:1.25fr 1fr;gap:30px;align-items:center;border:1px solid #487a70;border-radius:8px;overflow:hidden;background:#0b1715e8;margin:28px 0}.merch-exclusive>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;filter:none!important}.merch-exclusive>div{padding:24px}.merch-exclusive h3{font-family:"Abismo Metal",Georgia,serif;font-weight:400;font-size:clamp(25px,3vw,36px);line-height:1.3;margin:12px 0 20px}.merch-exclusive p{line-height:1.8}.merch-design-note{font-size:13px!important;line-height:1.8;color:#bed3ca!important}.merch-design-note-center{text-align:center;margin:20px auto 30px;max-width:760px}.merch-coming{display:inline-block;padding:10px 18px;border:1px solid #487a70;color:#d3e9e0;font-size:12px;text-transform:uppercase;letter-spacing:.08em}@media(max-width:760px){.merch-exclusive{grid-template-columns:1fr;gap:0}.merch-exclusive>div{padding:22px}.merch-exclusive>img{width:100%}}

/* Desplazamiento suave con respeto a la preferencia de movimiento reducido. */
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height,100px) + 20px)}main [id]{scroll-margin-top:20px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

/* Composición equilibrada de la cerveza y sus precios. */
body #cervezas>.section{max-width:1200px;padding:48px clamp(20px,4vw,56px)}
body #cervezas .section-heading{margin-bottom:12px}
body #cervezas .section-heading h2{margin:0;font-size:clamp(36px,4.5vw,54px)}
body #cervezas .official-beer{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;padding:24px 0 40px;align-items:center}
body #cervezas .official-beer-art{width:100%;max-width:460px;margin:0 auto}
body #cervezas .official-beer-art img{width:100%;height:auto;display:block}
body #cervezas .official-beer-copy{width:100%;max-width:none;margin:0}
body #cervezas .official-beer-copy h3{font-size:clamp(32px,3.8vw,46px);line-height:1.2;margin:12px 0}
body #cervezas .official-beer-intro{margin:16px auto;line-height:1.7}
body #cervezas .official-beer-specs{margin:20px auto;gap:32px}
body #cervezas .official-beer-serving{margin:16px 0;padding:0}
body #cervezas .beer-price-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0;padding:0}
body #cervezas .beer-price-option{padding:20px 12px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
body #cervezas .beer-price-option h4{min-height:36px;margin:0 0 12px;line-height:1.5}
body #cervezas .beer-price-value{margin:8px 0}
body #cervezas .beer-price-unit{margin:8px 0;font-size:12px}
body #cervezas .beer-price-note{margin:0;font-size:12px}
body #cervezas .official-beer-ingredients{margin:16px 0 0}
@media(max-width:760px){body #cervezas>.section{padding:40px 20px}body #cervezas .official-beer{grid-template-columns:1fr;gap:24px;padding:12px 0 32px}body #cervezas .official-beer-art{max-width:310px}body #cervezas .beer-price-comparison{gap:12px}body #cervezas .beer-price-option{padding:18px 10px}body #cervezas .beer-price-option h4{font-size:10px}}

/* Barra y acompañamientos: jerarquía sencilla y tarjetas alineadas. */
body #grifos{padding:32px 0 0;margin:0;text-align:center}
body #grifos h3{font-size:clamp(28px,3vw,40px);line-height:1.25;margin:12px 0 20px}
body #grifos .tap-list{display:block;margin:0;padding:0}
body #grifos .tap-rotation{max-width:760px;margin:0 auto;padding:0;background:transparent}
body #grifos .tap-rotation>p{line-height:1.8;margin:0 auto 16px}
body #grifos .tap-rotation-styles{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 24px;padding:0;margin:18px 0;list-style:none}
body #grifos .tap-rotation-note{font-size:13px;color:#b9cdc5}
body #cervezas .beer-extras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:24px;margin-top:32px}
body #cervezas .beer-extras .beer-card{box-sizing:border-box;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin:0;height:100%;text-align:center}
body #cervezas .beer-extras .eyebrow{margin:0 0 14px;font-size:10px;line-height:1.5}
body #cervezas .beer-extras h3{font-size:23px;line-height:1.3;margin:0 0 16px}
body #cervezas .beer-extras .beer-card>p:last-child{margin:0;max-width:420px;line-height:1.8}
@media(max-width:600px){body #cervezas .beer-extras{grid-template-columns:1fr;gap:16px}body #cervezas .beer-extras .beer-card{padding:24px}body #grifos{padding-top:24px}}

body #grifos #tap-board-title{width:100%;max-width:none;text-align:center;margin-left:auto;margin-right:auto}

/* Ficha de cerveza: título común, dos columnas y precios al pie. */
body #cervezas .beer-profile{max-width:960px;margin:24px auto 48px;padding:32px!important;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 40px;background:rgba(6,18,15,.88);border:1px solid #345c51!important;border-radius:12px}
body #cervezas .beer-profile-heading{grid-column:1/-1;position:static;background:transparent;padding:0;text-align:center;border:0;display:block}
body #cervezas .beer-profile-heading h3{font-size:clamp(32px,4vw,46px);line-height:1.2;margin:10px 0}
body #cervezas .beer-profile-heading .eyebrow{margin:0;font-size:10px}
body #cervezas .beer-profile-heading .official-beer-style{margin:0;color:#afd5c6;font-size:12px;letter-spacing:.15em}
body #cervezas .beer-profile .official-beer-art{max-width:320px}
body #cervezas .beer-profile .official-beer-copy{text-align:left}
body #cervezas .beer-profile .official-beer-intro{margin:0 0 24px;font-size:16px}
body #cervezas .beer-profile .official-beer-specs{display:flex;justify-content:flex-start;margin:0 0 20px;gap:40px}
body #cervezas .beer-profile .official-beer-serving{margin:0 0 20px;text-align:left}
body #cervezas .beer-profile .official-beer-ingredients{font-size:12px;line-height:1.8;text-align:left;margin:0}
body #cervezas .beer-profile>.beer-price-comparison{grid-column:1/-1;width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px;margin:0}
body #cervezas .beer-profile .beer-price-option{background:#10261f;border:1px solid #426b5e!important;border-radius:7px;padding:20px 16px;min-width:0}
body #cervezas .beer-profile .beer-price-option h4{max-width:240px;min-height:34px;font-size:11px;margin:0 0 8px}
body #cervezas .beer-profile .beer-price-value{margin:4px 0 10px;line-height:1.1}
body #cervezas .beer-profile .beer-price-value strong{font-size:38px}
@media(max-width:760px){body #cervezas .beer-profile{grid-template-columns:1fr;padding:24px 18px!important;gap:24px;margin-top:16px}body #cervezas .beer-profile .official-beer-art{max-width:270px}body #cervezas .beer-profile .official-beer-copy{text-align:center}body #cervezas .beer-profile .official-beer-specs{justify-content:center}body #cervezas .beer-profile .official-beer-serving,body #cervezas .beer-profile .official-beer-ingredients{text-align:center}body #cervezas .beer-profile>.beer-price-comparison{grid-template-columns:1fr!important}body #cervezas .beer-profile .beer-price-option h4{min-height:0}}

body #cervezas .beer-profile-heading h3{font-family:"Abismo Metal",Georgia,serif;font-weight:400;text-transform:uppercase}

/* Nombre de la cerveza con la fuente local del pub. */
body #cervezas .beer-profile-heading #official-beer-title{font-family:"Abismo Metal",Georgia,serif!important;font-weight:400!important;text-transform:uppercase!important;font-size:clamp(32px,4.8vw,56px)!important;line-height:1.2!important;letter-spacing:.015em;color:#f4f4e9;margin:12px 0 0;text-shadow:0 2px 12px #0008}