html {
    --topacio: #29241e;
    --topacio-oscuro: #1a1713;
    --rojo: #c8102e;
    --rojo-oscuro: #BD0F2B;
    --ocre: #9b9178;
    --ocre-claro: #d1ccbd;
    --azul-maestra: #071D49;
    --azul-tostada: #00263A;
    --azul-00-tostada: #00325D;
    --azul-sin: #285F9A;
    --azul-barrica: #00677F;
    --arena-barrica: #A89968;
    --verde-clasica: #24574C;
    --verde-sin-gluten: #67823A;
    --granate-dunkel: #3F2021;
    --luz-doble-lupulo: #F0EED9;
    --tostado: #CEB888;
    --tostado-medio: #C6AA76;
    --tostado-oscuro: #B9975B;
    --tostado-00: #D1B482;
    --negro-barrica: #2D2926;
    --azul-ipa: #5BC2E7;
    --amarillo-ipa: #FDDA24;
    --oro-ipa: #EBBC4E;
    --bronce: #A99A8E;
    --rose: #AC145A;
    --azul-gaming: #0B2B44;
    --cobre-metalizado: #856a53;
    --crema-sin-filtrar: #EFEEDD;
    --crema-plaza: #FFFDEE;
    --amarillo-radler: #F6BE00;
    --verde2-sin-gluten: #69A443;
    --gris-reserva: #E8E6DE;
    --oro-reserva: #8E774D;
    --topacio-hover: #211d18;
    --rojo-emphasis-hover: var(--rojo-oscuro);
    --rojo-emphasis-active: #980c23;
    --negro: #000000;
    --negro-barrica: #2D2926;
    --blanco: #FFFFFF;
    --neutral-n5: #F1F1ED;
    --neutral-n5-t90: rgba(241,241,237,0.9);
    --neutral-n5-t50: rgba(241,241,237,0.5);
    --neutral-n15: #E7E6E5;
    --neutral-n30: #D7D4CF;
    --neutral-n50: #BAB7B0;
    --neutral-n70: #706D67;
    --neutral-n90: #3E3C36;
    --neutral-n90-t50: rgba(62,60,54,0.5);
    --transparency-t5: rgba(255, 255, 255, 0.05);
    --transparency-t10: rgba(255, 255, 255, 0.1);
    --transparency-t15: rgba(255, 255, 255, 0.15);
    --transparency-t20: rgba(255, 255, 255, 0.2);
    --transparency-t30: rgba(255, 255, 255, 0.3);
    --transparency-t40: rgba(255, 255, 255, 0.4);
    --transparency-t50: rgba(255, 255, 255, 0.5);
    --transparency-t70: rgba(255, 255, 255, 0.7);
    --transparency-t90: rgba(255, 255, 255, 0.9);
    --bg-modal: rgba(0, 0, 0, 0.3);
    --rose-gradient: linear-gradient(180deg, #c8102e 0%, #ac145a 100%);
    --chamberi: "Chamberi", arial, sans-serif;
    --real: "RealText", arial, sans-serif;
    --arial: arial, helvetica, sans-serif;
    --seasonmix: "SeasonMix", arial, sans-serif;
    --saans: "Saans", arial, sans-serif;
    --font-primary: var(--saans);
    --font-secondary: var(--seasonmix);
    --font-numbers: var(--arial);
    --width-primary: 90rem;
    --space-xl: 4rem;
    --shadow-box: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-color: var(--blanco);
    --swiper-pagination-bullet-inactive-color: var(--neutral-n30)
}
html {
    --color-primary: var(--topacio);
    --color-text: var(--topacio);
    --color-text-alt: var(--neutral-n70);
    --color-text-claro: var(--blanco);
    --color-text-dimmed: var(--neutral-n50);
    --color-text-crumbs: var(--neutral-n50);
    --color-accent: var(--rojo);
    --color-bg: var(--neutral-n5);
    --color-bg-claro: var(--blanco);
    --color-bg-alt: var(--ocre-claro);
    --color-lines: var(--neutral-n30);
    --color-titulo-footer: var(--rojo);
    --color-titulo-footer-mobile: var(--topacio);
    --color-bg-input: var(--blanco);
    --color-bg-boton-hover: var(--topacio-hover);
    --color-bg-boton-pressed: var(--negro);
    --color-bg-boton-ext: var(--transparency-t50);
    --color-border-boton-secondary-hover: var(--rojo);
    --color-text-boton-secondary-hover: var(--rojo);
    --color-border-boton-secondary-pressed: var(--negro);
    --color-text-boton-secondary-pressed: var(--negro);
    --gradient-fadeout: linear-gradient(180deg, rgba(241,241,237,0) 60%, #F1F1ED 100%)
}
html.dark-theme {
    --color-primary: var(--blanco);
    --color-text: var(--blanco);
    --color-text-alt: var(--ocre-claro);
    --color-text-claro: var(--neutral-n70);
    --color-text-dimmed: var(--neutral-n70);
    --color-text-crumbs: var(--transparency-t30);
    --color-accent: var(--ocre-claro);
    --color-bg: var(--topacio);
    --color-bg-claro: var(--topacio);
    --color-bg-alt: var(--ocre-claro);
    --color-lines: var(--transparency-t10);
    --color-titulo-footer: var(--ocre-claro);
    --color-titulo-footer-mobile: var(--ocre-claro);
    --color-bg-input: var(--neutral-n90);
    --color-bg-boton-hover: var(--blanco);
    --color-bg-boton-active: var(--neutral-n5);
    --color-bg-boton-ext: var(--topacio-oscuro);
    --color-border-boton-secondary-hover: var(--ocre);
    --color-text-boton-secondary-hover: var(--blanco);
    --color-border-boton-secondary-pressed: var(--ocre);
    --color-text-boton-secondary-pressed: var(--ocre);
    --gradient-fadeout: linear-gradient(180deg, rgba(41,36,30,0) 51.41%, #29241E 100%)
}
*,*:before,*:after {
    margin:0;
    padding:0;
    box-sizing:border-box;
    border:0;
    vertical-align:baseline
}
* {
    -webkit-tap-highlight-color:transparent
}
html,body {
    overflow-x:clip
}
body {
    font-family:var(--font-primary);
    color:var(--color-text);
    font-weight:400
}
body.noscroll {
    overflow:hidden
}
ul,li {
    list-style:none
}
a {
    text-decoration:none
}
button {
    all:unset;
    box-sizing:border-box
}
.title,[class*="title"] {
    text-wrap:balance
}
@media only screen and (max-width: 570px) {
    html {
        --space-xl: 1.5rem
    }
}
.icon-email:before {
    content:"\e914"
}
.icon-breadcrumb_row:before {
    content:"\e913"
}
.icon-store:before {
    content:"\e900"
}
.icon-ios_share:before {
    content:"\e901"
}
.icon-play_arrow:before {
    content:"\e902"
}
.icon-mahou:before {
    content:"\e903"
}
.icon-less:before {
    content:"\e904"
}
.icon-more:before {
    content:"\e905"
}
.icon-close:before {
    content:"\e906"
}
.icon-find:before {
    content:"\e907"
}
.icon-filter:before {
    content:"\e908"
}
.icon-menu:before {
    content:"\e909"
}
.icon-user:before {
    content:"\e90a"
}
.icon-arrow_back:before {
    content:"\e90b"
}
.icon-chevron_left:before {
    content:"\e90c"
}
.icon-arrow_forward:before {
    content:"\e90d"
}
.icon-chevron_right:before {
    content:"\e90e"
}
.icon-arrow_downward:before {
    content:"\e90f"
}
.icon-chevron_down:before {
    content:"\e910"
}
.icon-arrow_upward:before {
    content:"\e911"
}
.icon-chevron_up:before {
    content:"\e912"
}
.icon-facebook:before {
    content:"\e900"
}
.icon-instagram:before {
    content:"\e901"
}
.icon-twitter:before {
    content:"\e902"
}
.icon-youtube:before {
    content:"\e903"
}
i {
    font-family:'Icon' !important;
    speak:never;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.social {
    font-family:"icon-social" !important;
    speak:never;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon-facebook:before {
    content:""
}
.icon-instagram:before {
    content:""
}
.icon-twitter:before {
    content:""
}
.icon-youtube:before {
    content:""
}
.icon-tiktok:before {
    content:""
}
.icon-twitch:before {
    content:""
}
.icon-stars {
    --icon-color: currentColor;
    background-color:var(--icon-color);
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='21' %3E%3Cpath d='M52.378 7.787 49.812 0l-2.561 7.787h-8.299l6.713 4.806-2.566 7.787 6.713-4.812 6.718 4.812-2.566-7.787 6.713-4.806h-8.3ZM29.516 6.54 27.364 0l-2.158 6.54h-6.974l5.645 4.044-2.158 6.54 5.644-4.038 5.64 4.039-2.152-6.541 5.644-4.043h-6.98ZM9.525 5.526 7.708 0 5.885 5.526H0l4.763 3.413L2.94 14.46l4.768-3.413 4.762 3.413-1.817-5.521 4.762-3.413h-5.89ZM74.423 6.54 72.266 0l-2.157 6.54h-6.974l5.644 4.044-2.157 6.54 5.644-4.038 5.644 4.039-2.157-6.541 5.644-4.043h-6.974ZM93.744 5.526 91.922 0l-1.818 5.526h-5.89l4.762 3.413-1.817 5.521 4.763-3.413 4.762 3.413-1.817-5.521 4.762-3.413h-5.885Z'/%3E%3C/svg%3E");
    mask-size:contain;
    mask-repeat:no-repeat;
    aspect-ratio:10/2
}
.icon-plaza {
    --icon-color: currentColor;
    background-color:var(--icon-color);
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Cpath fill-rule='evenodd' d='M60.313 10.796C55.02 14.216 49.34 20.07 45.251 26.76V.65h-6.675V26.76c-4.088-6.689-9.767-12.545-15.061-15.964v8.993c6.692 2.266 13.779 6.884 18.397 15.232 4.622-8.348 11.709-12.966 18.401-15.232v-8.993Zm43.655 0c-5.295 3.42-10.973 9.275-15.062 15.964V.65h-6.675V26.76c-4.088-6.689-9.767-12.545-15.061-15.964v8.993c6.692 2.266 13.778 6.884 18.397 15.232 4.622-8.348 11.709-12.966 18.401-15.232v-8.993Zm-58.717 91.099c4.09 6.689 9.768 12.545 15.062 15.964v-8.993c-6.692-2.266-13.779-6.884-18.4-15.233-4.62 8.349-11.706 12.967-18.398 15.233v8.993c5.294-3.419 10.973-9.275 15.061-15.964v26.111h6.675v-26.111Zm58.717 15.964c-5.295-3.419-10.973-9.275-15.062-15.964v26.111h-6.675v-26.111c-4.088 6.689-9.767 12.545-15.061 15.964v-8.993c6.692-2.266 13.778-6.884 18.397-15.233 4.622 8.349 11.709 12.967 18.401 15.233v8.993Zm-77.79-34.99c-6.69-4.088-12.545-9.766-15.965-15.061h8.993c2.266 6.692 6.885 13.779 15.233 18.4-8.348 4.62-12.967 11.706-15.233 18.398h-8.993c3.42-5.294 9.276-10.973 15.965-15.061H.066V82.87h26.112Zm-15.94-58.692c3.42 5.295 9.275 10.973 15.964 15.062H.094v6.675h26.112c-6.69 4.089-12.545 9.767-15.965 15.062h8.993c2.266-6.693 6.884-13.78 15.233-18.398-8.348-4.622-12.967-11.708-15.233-18.4h-8.996Zm91.071 58.693c6.689-4.09 12.545-9.767 15.964-15.062h-8.993c-2.266 6.692-6.884 13.779-15.233 18.4 8.349 4.62 12.967 11.706 15.233 18.398h8.993c-3.419-5.294-9.275-10.973-15.964-15.061h26.111V82.87h-26.111Zm15.964-58.693c-3.419 5.295-9.275 10.973-15.964 15.062h26.111v6.675h-26.111c6.689 4.089 12.545 9.767 15.964 15.062h-8.993c-2.266-6.693-6.884-13.78-15.233-18.398 8.349-4.622 12.967-11.708 15.233-18.4h8.993Zm-34.369 59.79c-.784.687-9.27-.132-9.272-8.658v-.003l.01-7.48-.01-11.427c0-2.89-2.032-3.308-4.21-3.308v30.59H58.12s-.063-23.13-.063-27.282c0-2.855-1.799-3.475-4.2-3.475l-.01 30.758h-11.43c.063-3.076.026-15.79.008-22.152-.005-1.706-.008-2.956-.008-3.44 0-6.825-5.616-6.302-5.616-6.302l7.784-6.832h2.966c1.764 0 6.302 1.373 6.302 5.399l6.16-5.4h3.109c2.492 0 6.295 1.6 6.295 5.522l6.295-5.521h2.939c2.248 0 6.302 1.356 6.302 5.507l.115 17.359v3.011c0 6.822 5.619 6.303 5.619 6.303l-7.784 6.832Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    mask-size:contain;
    mask-repeat:no-repeat;
    aspect-ratio:1 / 1
}
.svg-mahou {
    --icon-color: currentColor;
    background-color:var(--icon-color);
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Cpath d='m28.9 33.8-.9-2.6-.9 2.6h-2.9l2.3 1.6-.9 2.6 2.3-1.6 2.3 1.6-.9-2.6 2.3-1.6h-2.9ZM20.9 33.4l-.8-2.2-.8 2.2h-2.4l2 1.3-.8 2.2 2-1.3 2 1.3-.8-2.2 2-1.3h-2.4ZM13.9 33l-.6-1.8-.6 1.8h-2.1l1.7 1.1-.6 1.8 1.7-1.1 1.7 1.1-.6-1.8 1.7-1.1h-2.1ZM36.6 33.4l-.8-2.2-.8 2.2h-2.4l2 1.3-.8 2.2 2-1.3 2 1.3-.8-2.2 2-1.3h-2.4ZM43.3 33l-.6-1.8-.6 1.8H40l1.7 1.1-.6 1.8 1.7-1.1 1.7 1.1-.6-1.8 1.7-1.1h-2.1ZM38.9 27.8c-.5-.8-1-3.4.7-5 .8 1.5.8 3.3-.7 5ZM23 26.7c-.8 0-1.5-.8-1.5-1.8s.9-1.8 1.5-1.8v3.6Zm-4.2.1c-.4.2-1.3.4-1.3-1.4v-5.5c0-1.1-1.2-1.5-1.8-1.5h-.8l-1.8 1.5c0-1.1-1.1-1.5-1.8-1.5h-.9l-1.7 1.5c0-1.1-1.3-1.5-1.8-1.5h-.8l-2.2 1.8s1.6-.1 1.6 1.7v6.9h3.2v-8.3c.7 0 1.2.2 1.2.9v7.4h3.2v-8.2c.6 0 1.2.1 1.2.9v5.1c0 3.1 2.6 2.3 2.6 2.3l2.1-1.8c.3.5 1.3 1.7 2.8 1.7.8-.7 1-.9 1.2-1.1.3.6 1.1 1.5 2.4 1.1 1.3-1.2 1.8-1.6 1.8-1.6v1.6h2.9v-5c.6 0 1.2 0 1.2.8V27c0 1.3 1 2.1 2.6 1.9 0 0 1-.9 1.8-1.6.6.8 1.7 1.7 3.5 1.6 1.7-.1 4.1-1.8 3.5-5.6.4 0 .9-.1.9.4V27s.2 2.2 2.5 1.8c.5-.4 1.1-1 1.6-1.4.3.7 1 1.3 2.5 1.4.4-.3 1.2-1 1.7-1.5 0 0-1.3.2-1.3-1.2v-4.9h-2.9v5.7c-.5.4-1.1.8-1.1-.4v-4.2c0-.7-.6-1.3-1.6-1.4-.4.3-2.4 2-2.4 2-.1-.3-.2-.6-.3-.8l-4.2-1.2c-1.2.6-3.5 2.1-2.6 5.9-.5.5-1.3.8-1.3-.2v-4.1c0-.6-.4-1.5-1.6-1.6L30 23.1v-3c0-1.2-.7-2.3-2.1-2.3h-.3l-2.2 1.8s1.6-.1 1.6 1.7v5.2c-.6.5-1.3.9-1.3-.2v-5.1h-2.9c-1.2 0-5.1.9-4.2 5.2v.1'/%3E%3C/svg%3E");
    mask-size:contain;
    mask-repeat:no-repeat;
    aspect-ratio:1 / 1
}
.icon-aspecto {
    --icon-color: currentColor;
    background-color:var(--icon-color);
    mask-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 17 16'%3E%3Cpath stroke='%238E774D' stroke-linecap='round' stroke-linejoin='round' d='M9.915 6.587c.78.78.78 2.047 0 2.83-.781.78-2.048.78-2.83 0a2 2 0 1 1 2.83-2.83'/%3E%3Cpath stroke='%238E774D' stroke-linecap='round' stroke-linejoin='round' d='M2.5 8c0-.439.101-.873.297-1.274v0C3.807 4.661 6.04 3.334 8.5 3.334c2.46 0 4.693 1.327 5.703 3.392v0c.196.4.297.835.297 1.275 0 .439-.101.874-.297 1.274v0c-1.01 2.065-3.242 3.392-5.703 3.392-2.46 0-4.693-1.327-5.703-3.392v0A2.898 2.898 0 0 1 2.5 8.001Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    mask-size:contain;
    mask-repeat:no-repeat;
    aspect-ratio:1 / 1
}
.icon-aroma {
    --icon-color: currentColor;
    background-color:var(--icon-color);
    mask-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 17 16'%3E%3Cpath fill='%238E774D' stroke='%238E774D' stroke-width='.25' d='M12.276 10.814c-.012-.703-.537-1.228-1.331-2.022a85.67 85.67 0 0 1-.32-.321C8.4 6.22 8.082 5.633 7.872 5.244l-.055-.1a6.433 6.433 0 0 1-.744-2.346.339.339 0 0 0-.38-.295.341.341 0 0 0-.297.38 7.113 7.113 0 0 0 .874 2.683l.002.002c.228.424.573 1.064 2.866 3.383l.32.32.003.004c.701.7 1.124 1.124 1.132 1.551.012.666-.34.971-.573 1.173l-.084.073c-.696.635-1.646.733-2.022.746a.341.341 0 0 0 .011.682h.012c.561-.02 1.627-.165 2.458-.923l.07-.062c.29-.25.828-.716.81-1.701Z'/%3E%3Cpath fill='%238E774D' stroke='%238E774D' stroke-width='.25' d='M9.016 11.725a.339.339 0 0 0 .356-.325.339.339 0 0 0-.325-.356 2.937 2.937 0 0 0-1.35.242c-.549.247-.85.55-.93.638l-.019.021c-.502.553-.668.656-.717.675-.299.114-.749-.016-1.024-.297-.363-.37-.35-.882-.298-1.287.075-.58.448-1.252.632-1.483a.341.341 0 0 0-.534-.424c-.268.337-.685 1.124-.774 1.82-.066.514-.087 1.266.487 1.852.332.339.807.541 1.27.541.174 0 .337-.029.485-.086.275-.105.633-.472.978-.853l.02-.02c.11-.123.363-.321.704-.475a2.26 2.26 0 0 1 1.038-.183Z'/%3E%3C/svg%3E");
    mask-size:contain;
    mask-repeat:no-repeat;
    aspect-ratio:1 / 1
}
.icon-sabor {
    --icon-color: currentColor;
    background-color:var(--icon-color);
    mask-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 17 16'%3E%3Cpath fill='%238E774D' d='M12.922 2.153a.376.376 0 0 0-.54-.068c-2.14 1.756-5.62 1.756-7.76 0a.376.376 0 0 0-.54.068.42.42 0 0 0 .064.567 6.34 6.34 0 0 0 1.778 1.013v2.971c0 1.405.967 2.593 2.243 2.769.116.013.232.027.335.027a2.48 2.48 0 0 0 1.701-.675c.567-.513.89-1.256.89-2.04V3.733a6.27 6.27 0 0 0 1.765-1.013.433.433 0 0 0 .064-.567ZM10.32 6.785a1.99 1.99 0 0 1-.618 1.432 1.78 1.78 0 0 1-1.444.46c-.902-.122-1.572-.973-1.572-1.973V3.976c.464.122.953.19 1.43.216v2.229c0 .216.168.405.387.405s.387-.176.387-.405V4.179c.49-.027.966-.095 1.43-.216v2.822ZM8.5 10a.349.349 0 0 0-.287.145C8.088 10.304 7 11.795 7 12.916c0 .871.675 1.584 1.5 1.584s1.5-.713 1.5-1.584c0-1.135-1.088-2.613-1.213-2.77A.388.388 0 0 0 8.5 10Zm0 3.735c-.412 0-.763-.357-.763-.805 0-.541.425-1.333.763-1.861.338.528.762 1.32.762 1.86 0 .436-.35.806-.762.806Z'/%3E%3C/svg%3E");
    mask-size:contain;
    mask-repeat:no-repeat;
    aspect-ratio:1 / 1
}
.iconlib {
    width:24px;
    height:24px;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
    fill:none
}
body {
    background-color:var(--color-bg)
}
.wrapper {
    display:grid;
    justify-items:center;
    grid-template-columns:1fr
}
.wrapper main {
    width:100dvw;
    margin:0 auto
}
a,a:hover,a:active {
    color:var(--color-primary)
}
i {
    font-size:1.5rem
}
.titulo {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:3rem;
    line-height:1;
    padding:4rem 0
}
.bg_rojo {
    background-color:var(--rojo)
}
.bg_blanco {
    background-color:var(--blanco)
}
.bg_topacio {
    background-color:var(--topacio)
}
.bg_topacio-oscuro {
    background-color:var(--topacio-oscuro)
}
.bg_neutral-n90 {
    background-color:var(--neutral-n90)
}
.bg_amarillo-ipa {
    background-color:var(--amarillo-ipa)
}
.bg_azul-ipa {
    background-color:var(--azul-ipa)
}
.bg_ocre {
    background-color:var(--ocre)
}
.bg_ocre-claro {
    background-color:var(--ocre-claro)
}
.bg_azul-maestra {
    background-color:var(--azul-maestra)
}
.bg_azul-tostada {
    background-color:var(--azul-tostada)
}
.bg_azul-00-tostada {
    background-color:var(--azul-00-tostada)
}
.bg_azul-sin {
    background-color:var(--azul-sin)
}
.bg_azul-barrica {
    background-color:var(--azul-barrica)
}
.bg_arena-barrica {
    background-color:var(--arena-barrica)
}
.bg_verde-clasica {
    background-color:var(--verde-clasica)
}
.bg_verde-sin-gluten {
    background-color:var(--verde-sin-gluten)
}
.bg_granate-dunkel {
    background-color:var(--granate-dunkel)
}
.bg_tostado {
    background-color:var(--tostado)
}
.bg_tostado-medio {
    background-color:var(--tostado-medio)
}
.bg_tostado-oscuro {
    background-color:var(--tostado-oscuro)
}
.bg_tostado-00 {
    background-color:var(--tostado-00)
}
.bg_rose {
    background-image:var(--rose-gradient)
}
.bg_azul-gaming {
    background-color:var(--azul-gaming)
}
.bg_negro-barrica {
    background-color:var(--negro-barrica)
}
.bg_crema-sin-filtrar {
    background-color:var(--crema-sin-filtrar)
}
.bg_gris-reserva {
    background-color:var(--gris-reserva)
}
.bg_oro-reserva {
    background-color:var(--oro-reserva)
}
.text_blanco {
    color:var(--blanco)
}
.text_primary {
    color:var(--topacio)
}
.text_rojo {
    color:var(--rojo)
}
.text_ocre {
    color:var(--ocre)
}
.text_ocre-claro {
    color:var(--ocre-claro)
}
.text_doble-lupulo {
    color:var(--luz-doble-lupulo)
}
.text_tostado {
    color:var(--tostado)
}
.text_tostado-medio {
    color:var(--tostado-medio)
}
.text_tostado-oscuro {
    color:var(--tostado-oscuro)
}
.text_tostado-00 {
    color:var(--tostado-00)
}
.text_negro-barrica {
    color:var(--negro-barrica)
}
.text_azul-maestra {
    color:var(--azul-maestra)
}
.text_luz-doble-lupulo {
    color:var(--luz-doble-lupulo)
}
.text_granate-dunkel {
    color:var(--granate-dunkel)
}
.text_azul-tostada {
    color:var(--azul-tostada)
}
.text_azul-sin {
    color:var(--azul-sin)
}
.text_azul-barrica {
    color:var(--azul-barrica)
}
.text_arena-barrica {
    color:var(--arena-barrica)
}
.text_verde-clasica {
    color:var(--verde-clasica)
}
.text_verde-sin-gluten {
    color:var(--verde-sin-gluten)
}
.text_rose {
    color:var(--rose)
}
.text_topacio {
    color:var(--topacio)
}
.text_azul-ipa {
    color:var(--azul-ipa)
}
.text_crema-sin-filtrar {
    color:var(--crema-sin-filtrar)
}
.text_gris-reserva {
    color:var(--gris-reserva)
}
.text_oro-reserva {
    color:var(--oro-reserva)
}
.button_primary,.button_news,.button_icon_light,.button_icon_dark,.button_secondary.light_inverse,.button_secondary.light,.button_secondary {
    background-color:var(--color-primary);
    border:1px solid var(--color-primary);
    color:var(--color-text-claro);
    font-family:var(--font-primary);
    font-weight:normal;
    border-radius:3.125rem;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.5rem;
    padding:1rem 2rem;
    font-size:1rem;
    line-height:1.5;
    text-align:center;
    transition:all 0.25s ease;
    white-space:nowrap;
    text-align:center;
    min-width:8.75rem;
    cursor:pointer
}
.button_primary:hover,.button_news:hover,.button_icon_light:hover,.button_icon_dark:hover,.button_secondary:hover {
    background-color:var(--color-bg-boton-hover);
    border-color:var(--color-bg-boton-hover);
    color:var(--color-text-alt)
}
.button_primary:active,.button_news:active,.button_icon_light:active,.button_icon_dark:active,.button_secondary:active {
    background-color:var(--color-bg-boton-pressed);
    border-color:var(--color-bg-boton-pressed);
    color:var(--color-text-claro)
}
.button-s {
    font-size:.875rem
}
.button-mb {
    padding:.5rem 2rem
}
.button_primary.inverse,.inverse.button_news,.inverse.button_icon_light,.inverse.button_icon_dark,.inverse.button_secondary {
    color:var(--topacio);
    background-color:var(--blanco);
    border-color:var(--blanco)
}
.button_primary.inverse:hover,.inverse.button_news:hover,.inverse.button_icon_light:hover,.inverse.button_icon_dark:hover,.inverse.button_secondary:hover {
    color:var(--neutral-n70);
    background-color:var(--blanco);
    border-color:var(--blanco)
}
.button_primary.inverse:active,.inverse.button_news:active,.inverse.button_icon_light:active,.inverse.button_icon_dark:active,.inverse.button_secondary:active {
    color:var(--negro);
    background-color:var(--neutral-n5);
    border-color:var(--neutral-n5)
}
.button_primary.inactive,.inactive.button_news,.inactive.button_icon_light,.inactive.button_icon_dark,.inactive.button_secondary {
    color:var(--transparency-t40);
    background-color:var(--transparency-t20);
    border-color:transparent;
    pointer-events:none
}
.button_primary.primary,.primary.button_news,.primary.button_icon_light,.primary.button_icon_dark,.primary.button_secondary {
    background-color:var(--topacio);
    border-color:var(--topacio);
    color:var(--blanco)
}
.button_primary.primary:hover,.primary.button_news:hover,.primary.button_icon_light:hover,.primary.button_icon_dark:hover,.primary.button_secondary:hover {
    background-color:var(--topacio-hover);
    border-color:var(--topacio-hover);
    color:var(--neutral-n70)
}
.button_primary.primary:active,.primary.button_news:active,.primary.button_icon_light:active,.primary.button_icon_dark:active,.primary.button_secondary:active {
    background-color:var(--negro);
    border-color:var(--negro);
    color:var(--blanco)
}
.button_primary.emphasis,.button_news,.emphasis.button_icon_light,.emphasis.button_icon_dark,.emphasis.button_secondary {
    background-color:var(--rojo);
    border-color:var(--rojo);
    color:var(--blanco)
}
.button_primary.emphasis:hover,.button_news:hover,.emphasis.button_icon_light:hover,.emphasis.button_icon_dark:hover,.emphasis.button_secondary:hover {
    background-color:var(--rojo-emphasis-hover);
    border-color:var(--rojo-emphasis-hover);
    color:var(--transparency-t70)
}
.button_primary.emphasis:active,.button_news:active,.emphasis.button_icon_light:active,.emphasis.button_icon_dark:active,.emphasis.button_secondary:active {
    background-color:var(--rojo-emphasis-active);
    border-color:var(--rojo-emphasis-hover);
    color:var(--blanco)
}
.button_primary.disabled,.disabled.button_news,.disabled.button_icon_light,.disabled.button_icon_dark,.disabled.button_secondary {
    background-color:var(--neutral-n15);
    border-color:var(--neutral-n15);
    color:var(--blanco);
    pointer-events:none
}
.button_primary.rose,.rose.button_news,.rose.button_icon_light,.rose.button_icon_dark,.rose.button_secondary {
    background-color:transparent;
    border-color:transparent;
    background:var(--rose-gradient);
    color:var(--blanco)
}
.button_primary.rose:hover,.rose.button_news:hover,.rose.button_icon_light:hover,.rose.button_icon_dark:hover,.rose.button_secondary:hover {
    background-color:var(--rojo-emphasis-hover);
    border-color:var(--rojo-emphasis-hover);
    color:var(--transparency-t70)
}
.button_primary.rose:active,.rose.button_news:active,.rose.button_icon_light:active,.rose.button_icon_dark:active,.rose.button_secondary:active {
    background-color:var(--rojo-emphasis-active);
    border-color:var(--rojo-emphasis-hover);
    color:var(--blanco)
}
.button_primary.ocre,.ocre.button_news,.ocre.button_icon_light,.ocre.button_icon_dark,.ocre.button_secondary {
    background-color:var(--ocre);
    border-color:var(--ocre);
    color:var(--blanco)
}
.button_primary.ocre:hover,.ocre.button_news:hover,.ocre.button_icon_light:hover,.ocre.button_icon_dark:hover,.ocre.button_secondary:hover {
    background-color:var(--ocre-claro);
    border-color:var(--ocre-claro);
    color:var(--transparency-t70)
}
.button_primary.ocre:active,.ocre.button_news:active,.ocre.button_icon_light:active,.ocre.button_icon_dark:active,.ocre.button_secondary:active {
    background-color:var(--ocre-claro);
    border-color:var(--ocre-claro);
    color:var(--blanco)
}
.button_primary.tostado,.tostado.button_news,.tostado.button_icon_light,.tostado.button_icon_dark,.tostado.button_secondary {
    background-color:var(--tostado-medio);
    border-color:var(--tostado-medio);
    color:var(--blanco)
}
.button_primary.tostado:hover,.tostado.button_news:hover,.tostado.button_icon_light:hover,.tostado.button_icon_dark:hover,.tostado.button_secondary:hover {
    background-color:var(--tostado);
    border-color:var(--tostado);
    color:var(--transparency-t70)
}
.button_primary.tostado:active,.tostado.button_news:active,.tostado.button_icon_light:active,.tostado.button_icon_dark:active,.tostado.button_secondary:active {
    background-color:var(--tostado);
    border-color:var(--tostado);
    color:var(--blanco)
}
.button_primary.semitrans,.semitrans.button_news,.semitrans.button_icon_light,.semitrans.button_icon_dark,.semitrans.button_secondary {
    background-color:var(--transparency-t30);
    border-color:transparent;
    color:var(--blanco);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px)
}
.button_primary.semitrans:hover,.semitrans.button_news:hover,.semitrans.button_icon_light:hover,.semitrans.button_icon_dark:hover,.semitrans.button_secondary:hover {
    background-color:var(--transparency-t70);
    color:var(--neutral-n90)
}
.button_primary.semitrans:active,.semitrans.button_news:active,.semitrans.button_icon_light:active,.semitrans.button_icon_dark:active,.semitrans.button_secondary:active {
    background-color:var(--transparency-t70);
    color:var(--neutral-n90)
}
.button_secondary {
    background-color:transparent;
    color:var(--color-primary);
    border-color:var(--color-primary)
}
.button_secondary:hover {
    background-color:transparent;
    color:var(--color-text-boton-secondary-hover);
    border-color:var(--color-border-boton-secondary-hover)
}
.button_secondary:active {
    background-color:transparent;
    color:var(--color-text-boton-secondary-pressed);
    border-color:var(--color-border-boton-secondary-pressed)
}
.button_secondary.light {
    background-color:transparent;
    color:var(--white);
    border-color:var(--white)
}
.button_secondary.light:hover {
    background-color:transparent;
    color:var(--rojo);
    border-color:var(--rojo)
}
.button_secondary.light:active {
    background-color:transparent;
    color:var(--rojo);
    border-color:var(--rojo)
}
.button_secondary.light_inverse {
    background-color:transparent;
    color:var(--white);
    border-color:var(--white)
}
.button_secondary.light_inverse:hover {
    background-color:var(--blanco);
    color:var(--rojo);
    border-color:var(--white)
}
.button_secondary.light_inverse:active {
    background-color:var(--blanco);
    color:var(--rojo);
    border-color:var(--white)
}
.button_secondary.light_hover:hover {
    background-color:var(--blanco);
    color:var(--rojo);
    border-color:var(--blanco)
}
.button_secondary.light_hover:active {
    background-color:var(--blanco);
    color:var(--rojo);
    border-color:var(--blanco)
}
.button_secondary.emphasis_hover:hover {
    background-color:var(--rojo-emphasis-hover);
    color:var(--blanco);
    border-color:var(--rojo-emphasis-hover)
}
.button_secondary.emphasis_hover:active {
    background-color:var(--rojo-emphasis-active);
    color:var(--blanco);
    border-color:var(--rojo-emphasis-hover)
}
.button_icon_dark {
    background-color:var(--neutral-n90);
    color:var(--blanco);
    border-color:var(--neutral-n90);
    min-width:0;
    padding:1rem
}
.button_icon_dark:hover {
    background-color:var(--neutral-n90);
    color:var(--color-text-boton-secondary-hover);
    border-color:var(--color-border-boton-secondary-hover)
}
.button_icon_dark:active {
    background-color:var(--neutral-n90);
    color:var(--color-text-boton-secondary-pressed);
    border-color:var(--color-border-boton-secondary-pressed)
}
.button_icon_light {
    background-color:var(--blanco);
    color:var(--topacio);
    border-color:var(--topacio);
    min-width:0;
    padding:1rem
}
.button_icon_light:hover {
    color:var(--rojo);
    border-color:var(--rojo);
    background-color:var(--blanco)
}
.button_icon_light:active {
    background-color:var(--rojo);
    color:var(--blanco);
    border-color:var(--rojo)
}
.button_navigation {
    display:block;
    color:var(--color-primary);
    background-color:var(--color-bg-claro);
    font-family:var(--font-primary);
    border:1px solid var(--color-bg-alt);
    border-radius:3.125rem;
    font-size:.875rem;
    line-height:1.5;
    padding:.5rem 1rem;
    transition:all 0.25s ease;
    white-space:nowrap;
    text-align:center
}
.button_navigation:hover {
    color:var(--color-text-claro);
    background-color:var(--rojo);
    border-color:var(--rojo)
}
.button_navigation:active {
    color:var(--color-text-claro);
    background-color:var(--color-primary);
    border-color:var(--color-primary)
}
.button_news {
    padding:.5rem 2rem;
    min-width:0
}
.button_text {
    font-family:var(--font-primary);
    font-weight:normal;
    font-size:1rem;
    color:var(--neutral-n90);
    padding:1rem 1rem 1rem 0;
    display:block;
    text-decoration-line:underline
}
.button_text:hover {
    color:var(--color-text-alt)
}
.cta_cierre {
    width:90%;
    max-width:20.4375rem;
    margin:0 auto 4rem auto
}
.section_plain {
    padding:5rem 0;
    border-top:1px solid var(--color-lines)
}
.section_plain .container {
    width:90%;
    margin:0 auto;
    max-width:var(--width-primary);
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1.5rem;
    text-align:center
}
.section_plain .name {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-transform:uppercase;
    color:var(--color-accent)
}
.newfonts .section_plain .name {
    font-weight:600
}
.section_plain .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12
}
.section_plain .text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5
}
.section_img {
    padding:5rem 0;
    border-top:1px solid var(--color-lines)
}
.section_img .container {
    width:90%;
    margin:0 auto;
    max-width:var(--width-primary);
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1.5rem
}
.section_img .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    text-align:center;
    color:var(--rojo)
}
.section_img .image {
    width:90%;
    max-width:35rem
}
.section_img .image img {
    width:100%;
    height:100%;
    object-fit:contain
}
.section_img_plus {
    padding:5rem 0;
    border-top:1px solid var(--color-lines)
}
.section_img_plus .container {
    width:90%;
    margin:0 auto;
    max-width:var(--width-primary);
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1.5rem
}
.section_img_plus .name {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-transform:uppercase;
    color:var(--rojo);
    text-align:center
}
.newfonts .section_img_plus .name {
    font-weight:600
}
.section_img_plus .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    text-align:center
}
.section_img_plus .image {
    width:90%;
    max-width:35rem
}
.section_img_plus .image img {
    width:100%;
    height:100%;
    object-fit:contain
}
.section_img_plus .botones {
    display:flex;
    gap:1rem
}
.futbol__rrss,.section__rrss {
    border-top:1px solid var(--color-lines);
    padding:5rem var(--space-xl);
    text-align:center;
    width:100%
}
.futbol__rrss .container,.section__rrss .container {
    margin:0 auto;
    max-width:82.1875rem;
    width:90%
}
.futbol__rrss .container .futbol_name,.futbol__rrss .container .name,.section__rrss .container .futbol_name,.section__rrss .container .name {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    color:var(--rojo);
    text-transform:uppercase
}
.newfonts .futbol__rrss .container .futbol_name,.newfonts .futbol__rrss .container .name,.newfonts .section__rrss .container .futbol_name,.newfonts .section__rrss .container .name {
    font-weight:600
}
.futbol__rrss .container .futbol_title,.futbol__rrss .container .title,.section__rrss .container .futbol_title,.section__rrss .container .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    margin-bottom:2rem
}
.futbol__rrss .container .social__list,.section__rrss .container .social__list {
    justify-content:center
}
.futbol__rrss .container .social__list a,.section__rrss .container .social__list a {
    color:var(--rojo)
}
.futbol__rrss .container .social__list .social,.section__rrss .container .social__list .social {
    font-size:2rem
}
.modulo_video,.modulo_multi {
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    padding:5rem 1.5rem;
    border-top:1px solid var(--color-lines)
}
.modulo_video .intro,.modulo_multi .intro {
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    max-width:40.625rem
}
.modulo_video .intro>*:last-child,.modulo_multi .intro>*:last-child {
    padding-bottom:1.5rem
}
.modulo_video .name,.modulo_multi .name {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    color:var(--rojo);
    text-transform:uppercase
}
.newfonts .modulo_video .name,.newfonts .modulo_multi .name {
    font-weight:600
}
.modulo_video .title,.modulo_multi .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    text-align:center;
    padding-bottom:1.5rem
}
.modulo_video .container,.modulo_multi .container {
    max-width:68.125rem;
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:center;
    gap:1.5rem;
    width:100%
}
.modulo_video.reverse .container,.modulo_multi.reverse .container {
    grid-template-columns:1fr auto
}
.modulo_video.reverse .container>*:first-child,.modulo_multi.reverse .container>*:first-child {
    grid-column:2;
    grid-row:1
}
.modulo_video.reverse .container>*:last-child,.modulo_multi.reverse .container>*:last-child {
    grid-column:1;
    grid-row:1
}
.modulo_video .thumb,.modulo_multi .thumb {
    max-width:40.625rem;
    aspect-ratio:16/9;
    width:100%;
    border-radius:.5rem;
    overflow:hidden;
    position:relative
}
.modulo_video .thumb img,.modulo_multi .thumb img {
    width:100%;
    height:100%;
    object-fit:cover
}
.modulo_video .thumb img.from-left,.modulo_multi .thumb img.from-left {
    object-position:0 50%
}
.modulo_video .thumb img.from-right,.modulo_multi .thumb img.from-right {
    object-position:100% 50%
}
.modulo_video .thumb img,.modulo_multi .thumb img {
    display:block
}
.modulo_video .thumb .play_button,.modulo_multi .thumb .play_button {
    position:absolute;
    left:1.5rem;
    bottom:1.5rem;
    color:var(--blanco);
    background-color:var(--transparency-t30);
    height:3.25rem;
    width:3.25rem;
    border-radius:6.25rem;
    transition:background-color 0.3s ease;
    display:grid;
    place-items:center
}
.modulo_video .thumb .play_button i,.modulo_multi .thumb .play_button i {
    font-size:2.25rem;
    line-height:1
}
.modulo_video .thumb:hover .play_button,.modulo_multi .thumb:hover .play_button {
    background-color:var(--rojo)
}
.modulo_video .modulo_text,.modulo_multi .modulo_text {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:1.5rem;
    padding-inline:1.5rem
}
.modulo_video .modulo_text .title,.modulo_multi .modulo_text .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    text-align:left
}
.modulo_video .text,.modulo_multi .text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5
}
.modulo_video .text_subtitle,.modulo_multi .text_subtitle {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    color:var(--neutral-n70)
}
.modulo_video .botones,.modulo_multi .botones {
    display:flex;
    gap:1rem
}
.modulo_video .text_group:has(.botones),.modulo_multi .text_group:has(.botones) {
    display:flex;
    flex-direction:column;
    gap:.75rem
}
.modulo_video .modulo_text .title {
    color:var(--rojo)
}
.banner_hero {
    border-top:1px solid var(--neutral-n30);
    display:flex;
    justify-content:center;
    padding:5rem var(--space-xl)
}
.banner_hero .banner_content {
    min-width:82rem
}
@media screen and (max-width: 82rem) {
    .banner_hero .banner_content {
        min-width:100vw
    }
}
.banner_hero .banner_content .banner_bg {
    width:100%;
    height:100%;
    background-color:var(--rojo)
}
.banner_hero .banner_content .banner_bg img {
    width:100%;
    height:100%;
    object-fit:cover
}
.banner_hero .banner_content .banner_bg img.from-left {
    object-position:0 50%
}
.banner_hero .banner_content .banner_bg img.from-right {
    object-position:100% 50%
}
.banner_hero .banner_content .banner_text {
    max-width:26.25rem
}
.banner_hero .banner_content .banner_text .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12
}
@media screen and (max-width: 570px) {
    .banner_hero .banner_content .banner_text .title {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:1.5rem;
        line-height:1.04
    }
}
.banner_hero .logo {
    max-width:18.125rem;
    width:90%
}
.banner_hero .logo img {
    width:100%;
    height:100%;
    object-fit:contain
}
.ocultar {
    display:none !important;
    opacity:0
}
.mostrar-block {
    display:block !important;
    opacity:1
}
.mostrar-flex {
    display:flex !important;
    opacity:1
}
.section_border {
    border-top:1px solid var(--neutral-n30)
}
.only-mb {
    display:none
}
@media only screen and (max-width: 1200px) {
    .modulo_video .container,.modulo_multi .container {
        max-width:40.625rem;
        grid-template-columns:1fr;
        grid-template-rows:1fr;
        align-items:center
    }
    .modulo_video.reverse .container,.modulo_multi.reverse .container {
        grid-template-columns:1fr;
        grid-template-rows:1fr
    }
    .modulo_video.reverse .container>*:first-child,.modulo_multi.reverse .container>*:first-child {
        grid-column:1;
        grid-row:1
    }
    .modulo_video.reverse .container>*:last-child,.modulo_multi.reverse .container>*:last-child {
        grid-column:1;
        grid-row:2
    }
}
@media only screen and (max-width: 860px) {
    .only-mb {
        display:block
    }
    .only-dk {
        display:none
    }
    .futbol__rrss,.section__rrss {
        text-align:left;
        padding-block:2.5rem
    }
    .futbol__rrss .container .futbol_title,.futbol__rrss .container .title,.section__rrss .container .futbol_title,.section__rrss .container .title {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:2rem;
        line-height:1.12
    }
    .futbol__rrss .container .social__list,.section__rrss .container .social__list {
        justify-content:left
    }
}
@media only screen and (max-width: 570px) {
    .titulo {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:2rem;
        line-height:1.12;
        padding:4rem 0
    }
    .button_primary,.button_secondary,.button_secondary.light,.button_secondary.light_inverse,.button_icon_dark,.button_icon_light,.button_news {
        padding:.5rem 2rem
    }
    .button_icon_dark {
        padding:1rem
    }
    .modulo_video,.modulo_multi,.section_img,.section_img_plus {
        align-items:flex-start
    }
    .modulo_video .intro,.modulo_multi .intro,.section_img .intro,.section_img_plus .intro {
        text-align:left;
        align-items:flex-start
    }
    .modulo_video .name,.modulo_multi .name,.section_img .name,.section_img_plus .name {
        text-align:left
    }
    .modulo_video .title,.modulo_multi .title,.section_img .title,.section_img_plus .title {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:2rem;
        line-height:1.12;
        text-align:left
    }
    .modulo_video .botones,.modulo_multi .botones,.section_img .botones,.section_img_plus .botones {
        flex-direction:column;
        width:100%
    }
    .section_img_plus .title {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:2rem;
        line-height:1.12
    }
    .section_img_plus .botones {
        flex-direction:column;
        width:100%;
        padding-inline:1.5rem
    }
}
.consent {
    display:grid;
    grid-template-columns:1fr 1fr;
    height:100vh;
    max-height:100vh
}
.consent .content {
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr auto;
    justify-items:center;
    gap:2.5rem;
    padding:1.5rem var(--space-xl)
}
.consent .intro {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:2.5rem
}
.consent .intro .title {
    color:var(--rojo);
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-align:center;
    text-transform:uppercase
}
.newfonts .consent .intro .title {
    font-weight:600
}
.consent .intro svg {
    fill:var(--rojo);
    width:7.875rem
}
.consent .image {
    height:100vh
}
.consent .image img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover
}
.consent .consent_text {
    display:flex;
    flex-direction:column;
    gap:1.5rem
}
.consent .subtitle {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    text-align:center
}
.consent .botones {
    display:flex;
    gap:1rem
}
.consent .legal {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    color:var(--neutral-n70);
    text-align:center;
    max-width:90ch
}
@media only screen and (max-width: 1200px) {
    .consent {
        grid-template-columns:1fr;
        grid-template-rows:1fr 35vh
    }
    .consent .image {
        align-self:self-end;
        overflow:hidden;
        height:100%;
        max-width:100vw
    }
}
@media only screen and (max-width: 1200px) {
    .consent .subtitle {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:2rem;
        line-height:1.12
    }
    .consent .legal {
        font-size:.625rem
    }
}
@media only screen and (max-width: 360px) {
    .consent .intro {
        gap:1.5rem
    }
    .consent .content {
        gap:1.5rem
    }
    .consent .subtitle {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:1.5rem;
        line-height:1.04
    }
    .consent .botones {
        flex-direction:column
    }
    .consent .legal {
        font-size:.5rem
    }
}
.error_404 {
    display:grid;
    grid-template-columns:1fr 1fr;
    height:100vh;
    max-height:100vh
}
.error_404 .content {
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr auto;
    justify-items:center;
    padding:1.5rem var(--space-xl)
}
.error_404 .intro {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:2rem
}
.error_404 .intro .name {
    color:var(--rojo);
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-align:center;
    text-transform:uppercase
}
.newfonts .error_404 .intro .name {
    font-weight:600
}
.error_404 .intro .logo {
    margin-block:-1.5rem;
    width:90%;
    max-width:480px
}
.error_404 .intro .logo img {
    width:100%;
    height:100%;
    object-fit:contain
}
.error_404 .image {
    height:100vh
}
.error_404 .image img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:20% 50%
}
.error_404 .subtitle {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    text-align:center
}
@media only screen and (max-width: 1200px) {
    .error_404 {
        grid-template-columns:1fr;
        grid-template-rows:1fr 1fr
    }
    .error_404 .image {
        align-self:self-end;
        overflow:hidden;
        height:100%;
        max-width:100vw
    }
}
@media only screen and (max-width: 420px) {
    .error_404 {
        grid-template-rows:1fr 35vh
    }
}
.nav__container {
    position:fixed;
    top:0;
    width:100dvw;
    background-color:var(--color-bg-claro);
    z-index:1000
}
.nav__container::before {
    content:'';
    position:absolute;
    height:100%;
    left:0;
    width:100%;
    border-bottom:1px solid var(--color-lines);
    z-index:1000;
    pointer-events:none
}
.nav__container.menu_rojo {
    background-color:var(--blanco)
}
.nav__container.menu_rojo::after {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:var(--rojo);
    z-index:-1;
    pointer-events:none;
    transition:background-color 0.3s ease-out
}
.nav__container.menu_rojo #mainnav {
    background-color:transparent
}
.nav__container.menu_rojo .mainnav__logo .mahou,.nav__container.menu_rojo .footernav__logo .mahou,.nav__container.menu_rojo .mobilenav__logo .mahou {
    fill:var(--blanco);
    transition:fill 0.3s ease-out
}
.nav__container.menu_rojo .mobilenav__menu {
    color:var(--blanco)
}
.nav__container.menu_rojo .button_navigation {
    color:var(--blanco);
    border-color:var(--blanco);
    background-color:transparent
}
@media screen and (min-width: 860px) {
    .nav__container.menu_rojo .button_navigation:hover {
        color:var(--rojo);
        border-color:var(--blanco);
        background-color:var(--blanco)
    }
}
.nav__container.menu_rojo .mainnav_list>li>a:not(.button_navigation),.nav__container.menu_rojo .mainnav__ext>li>a:not(.button_navigation) {
    color:var(--blanco);
    border-color:var(--blanco)
}
.nav__container.menu_rojo:has(.open)::after {
    background-color:var(--blanco)
}
.nav__container.menu_rojo:has(.open) .mainnav__logo .mahou,.nav__container.menu_rojo:has(.open) .footernav__logo .mahou,.nav__container.menu_rojo:has(.open) .mobilenav__logo .mahou {
    fill:var(--rojo)
}
.nav__container.menu_rojo:has(.open) .button_navigation {
    color:var(--color-primary);
    border-color:var(--color-bg-alt);
    background-color:var(--color-bg-claro)
}
.nav__container.menu_rojo:has(.open) .mainnav_list>li>a:not(.button_navigation),.nav__container.menu_rojo:has(.open) .mainnav__ext>li>a:not(.button_navigation) {
    color:var(--color-primary);
    border-color:var(--color-primary)
}
.nav__container .avisos {
    background-color:var(--rojo);
    border-bottom:1px solid var(--blanco);
    color:var(--blanco);
    height:3rem;
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    justify-items:center;
    padding:0 1.5rem
}
.nav__container .avisos .content {
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:center;
    gap:.5rem
}
.nav__container .avisos .iconlib {
    width:1.25rem
}
.nav__container .avisos .text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    line-height:1.1;
    color:var(--blanco);
    text-align:center;
    justify-self:self-start
}
.nav__container .avisos .avisos_close {
    cursor:pointer;
    padding:.25rem;
    display:grid;
    place-items:center;
    background-color:var(--rojo);
    border-radius:50%;
    transition:background-color 0.3s ease
}
.nav__container .avisos .avisos_close:hover {
    background-color:var(--transparency-t20)
}
#mainnav {
    font-size:.875rem;
    width:100%;
    max-width:var(--width-primary);
    margin:0 auto;
    padding:0 var(--space-xl);
    display:grid;
    grid-template-columns:auto 1fr auto;
    grid-template-rows:5rem auto;
    align-items:center;
    height:5rem;
    background-color:var(--color-bg-claro);
    overflow:hidden;
    transition:height 0.3s ease;
    position:relative
}
#mainnav.open {
    height:30.5rem
}
.mainnav_list,.mainnav__ext {
    display:flex;
    align-items:center;
    gap:3rem
}
.mainnav_list>li>a:not(.button_navigation),.mainnav__ext>li>a:not(.button_navigation) {
    border-bottom:0px solid var(--color-text);
    transition:border 0.1s ease-out 0s
}
.mainnav_list>li>a:not(.button_navigation):hover,.mainnav__ext>li>a:not(.button_navigation):hover {
    border-bottom-width:2px
}
.mainnav_list i.icono,.mainnav__ext i.icono {
    display:none
}
.submenu {
    display:none;
    position:absolute;
    inset:7.375rem 0 0 50%;
    transform:translate(-50%);
    gap:3.75rem;
    width:100%;
    max-width:var(--width-primary);
    padding:0 var(--space-xl)
}
.mainnav_button.active+.submenu {
    display:flex
}
.submenu__list {
    display:flex;
    flex-direction:column;
    gap:.375rem
}
.submenu__list a {
    display:block;
    width:max-content
}
.submenu__list a:hover,.submenu__list a:active {
    color:var(--color-text-alt)
}
.submenu__title,.submenu__title a {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1rem;
    line-height:1.04;
    color:var(--color-accent);
    margin-bottom:1rem
}
.submenu__destacados__container {
    margin-left:auto;
    display:flex;
    justify-content:flex-end;
    align-items:flex-start;
    gap:.75rem;
    transform:translate3d(0px, 0px, 0px)
}
.submenu__destacado {
    width:13rem;
    display:block
}
.submenu__destacado .destacado__img {
    width:13rem;
    height:17.5rem;
    margin-bottom:.5rem
}
.submenu__destacado .destacado__img img {
    object-fit:cover;
    width:100%;
    height:100%;
    border-radius:4px
}
.submenu__destacado .destacado__title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1rem;
    line-height:1.04;
    line-height:1.3;
    color:var(--color-text);
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    transition:color 0.25s ease
}
.submenu__destacado .destacado__description {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    color:var(--color-text-dimmed);
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    transition:color 0.25s ease
}
.submenu__destacado:hover .destacado__title {
    color:var(--color-accent)
}
.submenu__destacado:hover .destacado__description {
    color:var(--color-text)
}
.mainnav__logo,.footernav__logo,.mobilenav__logo {
    width:6.25rem;
    margin:0 var(--space-xl)
}
.mainnav__logo a,.footernav__logo a,.mobilenav__logo a {
    display:flex;
    width:6.25rem
}
.mainnav__logo svg,.footernav__logo svg,.mobilenav__logo svg {
    width:100%;
    height:auto
}
.mainnav__logo .mahou,.footernav__logo .mahou,.mobilenav__logo .mahou {
    fill:var(--rojo)
}
.mobilenav__menu {
    display:none;
    cursor:pointer
}
.mobilenav__menu .icon {
    fill:var(--color-text)
}
#mobilenav {
    position:fixed;
    left:-100%;
    width:calc(100% - 1.5rem);
    min-height:100dvh;
    max-width:50rem;
    background-color:var(--color-bg-claro);
    padding:2rem 1.5rem;
    box-shadow:var(--shadow-box);
    overflow-x:hidden;
    transform:translateX(0%) translateY(0px) translateZ(0px);
    transition:left 0.3s ease-in-out;
    -webkit-overflow-scrolling:touch;
    z-index:9999
}
#mobilenav::-webkit-scrollbar {
    display:none
}
#mobilenav.open {
    left:0
}
#mobilenav .text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:1rem;
    line-height:1.6
}
#mobilenav .drag_container {
    padding:2rem 0
}
.mobilenav__close {
    cursor:pointer;
    position:absolute;
    top:2rem;
    right:1.5rem;
    z-index:999;
    display:grid;
    place-items:center
}
.mobilenav__container {
    display:grid;
    grid-template-columns:1fr;
    column-gap:3rem;
    position:relative
}
.mobilenav__nivel1 {
    grid-column:1;
    grid-row:1;
    background-color:var(--color-bg-claro);
    display:grid;
    grid-template-columns:1fr;
    row-gap:1.5rem
}
.mobilenav__nivel2 {
    position:absolute;
    width:100%;
    min-height:100dvh;
    left:110%;
    top:0;
    background-color:var(--color-bg-claro);
    display:flex;
    flex-direction:column;
    gap:1.5rem;
    transition:all 0.5s ease
}
.mobilenav__nivel2.active {
    left:0
}
.mobilenav__nivel1_head {
    display:grid;
    align-items:center
}
.mobilenav__logo {
    margin:0;
    align-self:center
}
.mobilenav__button {
    padding:1rem 0;
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    width:100%;
    cursor:pointer
}
.mobilenav__nivel2_head .mobilenav__button {
    grid-template-columns:auto 1fr;
    padding-top:0
}
.mobilenav__nivel2_head .mobilenav__button .chevron {
    transform:rotate(180deg);
    margin-right:.75rem
}
.mobilenav__nivel2_title {
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:center
}
.mobilenav__nivel2_title .submenu_toggle {
    display:grid;
    align-items:center;
    justify-content:end;
    cursor:pointer
}
.mobilenav__nivel2_title .submenu_toggle .chevron {
    transform:rotate(90deg);
    transition:all 0.3s ease
}
.mobilenav__nivel2_title .submenu_toggle .chevron.open {
    transform:rotate(-90deg)
}
.mobilenav__nivel2_title a {
    font-family:var(--font-secondary);
    font-size:1rem;
    line-height:1.1;
    color:var(--color-accent);
    font-weight:normal
}
.mobilenav__nivel2_main {
    display:flex;
    flex-direction:column;
    gap:1.5rem
}
.mobilenav__nivel2_main .submenu__list {
    max-height:0;
    opacity:0;
    overflow:hidden;
    transition:max-height 0.4s ease, opacity 0.5s ease
}
.mobilenav__nivel2_main .submenu__list.open {
    max-height:1000px;
    opacity:1
}
@media only screen and (max-width: 1360px) {
    #mainnav {
        padding:0 2rem
    }
    .mainnav__ext {
        height:1.5rem;
        gap:1rem;
        grid-row:1;
        grid-column:3
    }
    .mainnav__ext>li>a:hover {
        border:none;
        background-color:initial;
        color:initial
    }
    .mainnav__ext .texto {
        display:none;
        visibility:hidden
    }
    .mainnav__ext i.icono {
        display:inline-block;
        height:1.5rem
    }
    .mainnav__ext .personal {
        padding:0;
        border:none;
        border-radius:0;
        line-height:1
    }
    .mobilenav__menu {
        display:block;
        grid-row:1;
        grid-column:1
    }
    .mainnav_list {
        display:none
    }
    .mainnav__logo,.footernav__logo,.mobilenav__logo {
        justify-self:center;
        margin:0;
        grid-column:1/-1;
        grid-row:1
    }
}
@media only screen and (max-width: 570px) {
    .mobilenav__logo {
        justify-self:initial;
        margin:0
    }
}
@media only screen and (max-width: 360px) {
    .nav__container .avisos .text {
        font-family:var(--font-primary);
        font-weight:normal;
        letter-spacing:-0.01em;
        font-size:.75rem;
        line-height:1.5;
        line-height:1.1
    }
}
.dark-theme nav.breadcrumbs {
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px)
}
.nav__container:has(.avisos)+nav.breadcrumbs {
    margin-top:8rem
}
nav.breadcrumbs {
    width:100dvw;
    margin-top:5rem;
    border-bottom:1px solid var(--color-lines);
    z-index:100;
    position:relative
}
nav.breadcrumbs .drag_container {
    max-width:var(--width-primary);
    margin:0 auto;
    overflow:hidden;
    width:100%
}
nav.breadcrumbs .breadcrumbs__container {
    display:flex;
    padding:.75rem var(--space-xl);
    gap:.25rem
}
nav.breadcrumbs a {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    color:var(--color-text-crumbs);
    display:flex;
    gap:.25rem
}
nav.breadcrumbs a span {
    white-space:nowrap
}
nav.breadcrumbs i {
    font-size:1rem
}
nav.breadcrumbs a:hover,nav.breadcrumbs a:active {
    color:var(--color-text)
}
nav.breadcrumbs a[aria-current="page"] {
    color:var(--color-text);
    pointer-events:none
}
nav.breadcrumbs.ongrey {
    border-bottom:none
}
nav.breadcrumbs.fixed {
    position:fixed;
    background-color:var(--blanco)
}
nav.breadcrumbs.onimage {
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px);
    border-bottom:1px solid var(--transparency-t10)
}
nav.breadcrumbs.onimage a {
    color:var(--transparency-t30)
}
nav.breadcrumbs.onimage a:hover,nav.breadcrumbs.onimage a:active {
    color:var(--blanco)
}
nav.breadcrumbs.onimage:has(+.bg_rojo) {
    -webkit-backdrop-filter:none;
    backdrop-filter:none
}
nav.breadcrumbs.onimage:has(+main section[class$="_rojo"]) {
    background-color:var(--rojo);
    border-bottom:none;
    -webkit-backdrop-filter:none;
    backdrop-filter:none
}
footer {
    width:100%;
    background-color:var(--color-bg);
    border-top:1px solid var(--color-lines);
    z-index:1000
}
.footernav__logo {
    margin:0;
    height:2.5rem
}
#footernav {
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    max-width:var(--width-primary);
    margin:0 auto;
    padding:2.5rem var(--space-xl)
}
#footernav .space {
    height:.375rem
}
.footernav__column {
    display:flex;
    flex-direction:column;
    gap:1rem
}
.footernav__item {
    display:flex;
    flex-direction:column;
    gap:1rem
}
.footernav__item .submenu__list {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5
}
.submenu__list.cervezas {
    display:flex;
    flex-direction:column;
    gap:1rem
}
.submenu__list.cervezas .familia {
    text-transform:uppercase;
    padding-bottom:.25rem;
    font-weight:500;
    font-size:.6875rem
}
.footernav__title {
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:center
}
.footernav__title .submenu_toggle {
    align-items:center;
    justify-content:end;
    display:none
}
.footernav__title .submenu_toggle .icons {
    position:relative;
    width:1.5rem;
    height:1.5rem
}
.footernav__title .submenu_toggle .plus,.footernav__title .submenu_toggle .minus {
    position:absolute;
    width:1.5rem;
    height:1.5rem;
    transition:all 0.3s ease;
    color:var(--color-titulo-footer)
}
.footernav__title .submenu_toggle .plus {
    opacity:1
}
.footernav__title .submenu_toggle .minus {
    opacity:0
}
.footernav__title .submenu_toggle .open .plus,.footernav__title .submenu_toggle .open .minus {
    transform:rotate(-180deg)
}
.footernav__title .submenu_toggle .open .plus {
    opacity:0
}
.footernav__title .submenu_toggle .open .minus {
    opacity:1
}
.footernav__title .text {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1rem;
    line-height:1.04;
    color:var(--color-titulo-footer)
}
.social__list {
    display:flex;
    gap:1rem
}
.social__list a:hover .social {
    color:var(--color-text-alt)
}
.social__list .social {
    font-size:1.5rem
}
.footer__note {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    color:var(--color-text-dimmed)
}
.news__form {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:.5rem
}
.news__form input[type="email"] {
    width:100%;
    padding-left:2.25rem;
    height:2rem;
    border-radius:3.125rem;
    border:1px solid var(--color-text-dimmed);
    min-width:0px;
    outline:2px solid transparent;
    outline-offset:2px;
    appearance:none;
    background-color:var(--color-bg-input);
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    color:var(--color-text)
}
.news__form input[type="email"]::placeholder {
    color:var(--color-text-dimmed);
    opacity:0.3
}
.news__form input[type="email"]:focus-visible {
    border:1px solid var(--color-text)
}
.news__form .input-group {
    position:relative;
    width:100%
}
.news__form .input-group .icon-left {
    position:absolute;
    left:0;
    height:100%;
    width:2.25rem;
    display:grid;
    place-items:center;
    color:var(--color-text-dimmed)
}
.footernav__item.botones {
    display:grid;
    grid-template-columns:1fr 1fr;
    margin-top:2.5rem
}
.footernav__item.botones .boton_ext {
    background-color:var(--color-bg-boton-ext);
    border-radius:.5rem;
    display:grid;
    place-items:center;
    width:9.625rem;
    height:2.75rem;
    color:rgba(255,255,255,0)
}
.footernav__item.botones .boton_ext:hover,.footernav__item.botones .boton_ext:active {
    color:rgba(255,255,255,0)
}
.rentabilibar {
    background-image:var(--logo-rentabilibar)
}
.mahoudrid {
    background-image:var(--logo-mahoudrid)
}
.footernav__legal__container {
    width:100%;
    border-top:1px solid var(--color-lines)
}
.footernav__legal {
    max-width:var(--width-primary);
    margin:0 auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:1.5rem var(--space-xl);
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5
}
.footernav__legal .copyr {
    color:var(--color-text-dimmed)
}
.footernav__legal .legal {
    display:flex;
    align-items:center;
    gap:.5rem
}
.footernav__legal .legal a:not(.image) {
    border-bottom:0px solid var(--color-text);
    transition:border 0.1s ease-out 0s
}
.footernav__legal .legal a:not(.image):hover {
    border-bottom-width:1px
}
.footernav__legal .legal a.accent {
    color:var(--color-accent);
    border-bottom:0px solid var(--color-accent)
}
.footernav__legal .legal img {
    max-height:1.875rem
}
@media only screen and (max-width: 1360px) {
    #footernav {
        grid-template-columns:1fr;
        row-gap:2.5rem;
        max-width:31.25rem
    }
    .footernav__logo {
        justify-self:initial
    }
    .footernav__column {
        gap:2.5rem
    }
    .footernav__title .text {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:1.5rem;
        line-height:1.04;
        color:var(--color-titulo-footer-mobile)
    }
    .footernav__title .submenu_toggle {
        display:grid
    }
    .footernav__item {
        border-bottom:1px solid var(--color-lines);
        gap:1.5rem
    }
    .footernav__item>.submenu__list {
        max-height:0;
        opacity:0;
        overflow:hidden;
        transition:max-height 0.4s ease, padding 0.4s ease, opacity 0.4s ease
    }
    .footernav__item>.submenu__list.open {
        max-height:1000px;
        opacity:1;
        padding-bottom:1.5rem
    }
    .footernav__column:last-of-type .footernav__item {
        border-bottom:none
    }
    .footernav__legal {
        max-width:31.25rem;
        flex-direction:column-reverse;
        align-items:flex-start;
        gap:2.5rem
    }
    .footernav__legal .legal {
        align-items:flex-start;
        flex-direction:column
    }
    .footernav__legal .copyr span {
        display:block
    }
}
@media only screen and (max-width: 360px) {
    .footernav__item.botones {
        grid-template-columns:1fr
    }
}
html.dark-theme {
    --color-primary: var(--blanco);
    --color-text: var(--blanco);
    --color-text-alt: var(--ocre-claro);
    --color-text-claro: var(--neutral-n70);
    --color-text-dimmed: var(--neutral-n70);
    --color-text-crumbs: var(--transparency-t30);
    --color-accent: var(--ocre-claro);
    --color-bg: var(--topacio);
    --color-bg-claro: var(--topacio);
    --color-bg-alt: var(--ocre-claro);
    --color-lines: var(--transparency-t10);
    --color-titulo-footer: var(--ocre-claro);
    --color-titulo-footer-mobile: var(--ocre-claro);
    --color-bg-input: var(--neutral-n90);
    --color-bg-boton-hover: var(--blanco);
    --color-bg-boton-active: var(--neutral-n5);
    --color-bg-boton-ext: var(--topacio-oscuro);
    --color-border-boton-secondary-hover: var(--ocre);
    --color-text-boton-secondary-hover: var(--blanco);
    --color-border-boton-secondary-pressed: var(--ocre);
    --color-text-boton-secondary-pressed: var(--ocre);
    --gradient-fadeout: linear-gradient(180deg, rgba(41,36,30,0) 51.41%, #29241E 100%)
}
html.dark-theme .mainnav__logo .desde,html.dark-theme .mobilenav__logo .desde,html.dark-theme .footernav__logo .desde {
    fill:var(--rojo)
}
html.dark-theme .mainnav__logo .mahou,html.dark-theme .mobilenav__logo .mahou,html.dark-theme .footernav__logo .mahou {
    fill:var(--ocre-claro)
}
html.dark-theme .mainnav__logo:hover .mahou,html.dark-theme .mobilenav__logo:hover .mahou,html.dark-theme .footernav__logo:hover .mahou {
    fill:var(--ocre)
}
html.dark-theme .mobilenav__logo .mahou {
    fill:var(--ocre)
}
.legales {
    display:flex;
    justify-content:center
}
.legales .container {
    padding:7.5rem var(--space-xl);
    width:100%;
    max-width:var(--width-primary);
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    color:var(--neutral-n90);
    display:grid;
    grid-template-columns:auto 1fr;
    column-gap:14%
}
.legales .container .intro {
    padding-bottom:5rem
}
.legales .container .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:3rem;
    line-height:1;
    color:var(--rojo)
}
.legales .container .apartados {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:1.5rem
}
.legales .container .subtitle1 {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    color:var(--topacio)
}
.legales .container .subtitle2 {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    color:var(--ocre)
}
.legales .container .subtitle3 {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:1rem;
    line-height:1.6
}
.legales .container .lista {
    padding-left:1.25rem
}
.legales .container .lista li {
    margin-bottom:.625rem;
    list-style-type:disc
}
.legales .container a,.legales .container a:hover,.legales .container a:active {
    color:var(--color-accent)
}
@media only screen and (max-width: 860px) {
    .legales .container {
        padding:4rem var(--space-xl);
        grid-template-columns:1fr;
        row-gap:2rem
    }
}
main.home {
    --section-width: 85rem
}
main.home .cta_cierre {
    margin:0 auto
}
main.home .cta:has(.icon-more) {
    width:1.5rem;
    height:1.5rem;
    transition:transform 0.3s ease-in-out
}
.bg_video {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:50% 50%
}
.home__header {
    padding:9rem var(--space-xl) 5rem var(--space-xl)
}
.home__header [class^="button_"] {
    padding:.5rem 2rem
}
.home__header .header_desktop {
    margin:0 auto;
    width:100%;
    max-width:var(--section-width);
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    grid-template-rows:auto 3rem auto 1fr auto;
    gap:.75rem
}
.home__header .grid-4x2 {
    grid-column:1/-1;
    grid-row:1/3
}
.home__header .header_hero {
    width:100%;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr;
    overflow:hidden;
    border-radius:.5rem;
    color:var(--blanco)
}
.home__header .header_hero [class^="button_"] {
    padding:1rem 2rem
}
.home__header .header_hero .hero_logo {
    width:9.375rem
}
.home__header .header_hero .hero_logo img {
    width:100%;
    height:100%;
    object-fit:contain
}
.home__header .header_hero .hero_bg {
    height:30rem;
    grid-row:1/-1;
    grid-column:1/-1;
    position:relative
}
.home__header .header_hero .hero_bg::before {
    content:"";
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.15)
}
.home__header .header_hero .hero_content {
    grid-row:1/-1;
    grid-column:1/-1;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr 1fr;
    align-items:center;
    justify-items:center;
    padding:0rem var(--space-xl);
    z-index:1
}
.home__header .header_hero .hero_content .hero_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:3rem;
    line-height:1;
    text-align:center;
    align-self:center
}
.home__header .header_hero .hero_content .button_primary,.home__header .header_hero .hero_content .button_secondary,.home__header .header_hero .hero_content .button_icon_dark,.home__header .header_hero .hero_content .button_icon_light,.home__header .header_hero .hero_content .button_news {
    margin-top:6rem
}
.home__header .grid-2x2 {
    display:grid;
    grid-template-columns:1fr 1fr auto;
    grid-template-rows:1fr 1fr;
    grid-column:1/3;
    grid-row:3/5
}
.home__header .header_cerveza {
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-rows:1fr;
    border-radius:.5rem;
    overflow:hidden;
    border:1px solid var(--transparency-t20)
}
.home__header .header_cerveza .video {
    grid-row:1/-1;
    grid-column:1/-1;
    position:relative
}
.home__header .header_cerveza .video::before {
    content:"";
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.15)
}
.home__header .header_cerveza .content {
    position:relative;
    grid-column:1/-1;
    grid-row:1/-1;
    align-self:end;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr auto;
    padding:1.5rem
}
.home__header .header_cerveza .content .text {
    grid-column:1;
    align-self:center;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:1rem
}
.home__header .header_cerveza .content .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12
}
.home__header .header_cerveza .content .icon-stars {
    width:6.875rem
}
.home__header .header_cerveza .content .subtitle {
    font-family:var(--font-primary);
    font-weight:500;
    font-size:.6875rem;
    line-height:1.5;
    text-transform:uppercase
}
.home__header .header_cerveza .cta {
    position:relative;
    grid-row:1;
    grid-column:2;
    color:var(--blanco);
    margin:.75rem
}
.home__header .header_cerveza:hover .cta {
    transform:scale(1.5)
}
.home__header .header_cerveza .bg_image {
    grid-column:1/-1;
    grid-row:-1;
    width:100%
}
.home__header .header_cerveza .bg_image img {
    width:100%;
    height:100%;
    object-fit:cover
}
.home__header .header_cerveza .bg_image img.from-left {
    object-position:0 50%
}
.home__header .header_cerveza .bg_image img.from-right {
    object-position:100% 50%
}
.home__header .grid-2x1 {
    grid-column:1/3;
    grid-row:5/6
}
.home__header .header_plain {
    padding:1.5rem;
    border-radius:.5rem;
    color:var(--blanco);
    background-color:var(--rojo-emphasis-hover);
    border:1px solid var(--transparency-t20)
}
.home__header .header_plain .content {
    display:flex;
    justify-content:space-between
}
.home__header .header_plain .name {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-transform:uppercase
}
.newfonts .home__header .header_plain .name {
    font-weight:600
}
.home__header .header_plain .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    margin-top:.5rem;
    max-width:14ch
}
.home__header .header_plain .cta {
    align-self:flex-end
}
.home__header .header_card {
    display:grid;
    grid-template-columns:8.125rem 1fr auto;
    grid-template-rows:1fr;
    max-height:11.25rem;
    color:var(--blanco)
}
.home__header .header_card .card_bottle {
    width:6.25rem;
    height:11.25rem;
    grid-column:1;
    grid-row:1;
    transform-origin:top center;
    transition:transform 0.5s ease-in-out;
    margin-left:1rem
}
.home__header .header_card .card_bottle img {
    width:100%;
    height:100%;
    object-fit:cover
}
.home__header .header_card .card_bottle img.from-left {
    object-position:0 50%
}
.home__header .header_card .card_bottle img.from-right {
    object-position:100% 50%
}
.home__header .header_card .card_bottle img {
    object-position:0 -3rem
}
.home__header .header_card .card_text {
    grid-column:1/-1;
    grid-row:1;
    border-radius:.5rem;
    border:1px solid var(--transparency-t20);
    background-position:50% 50%;
    overflow:hidden;
    display:grid;
    grid-template-columns:8.125rem 1fr;
    grid-template-rows:1fr;
    align-items:center
}
.home__header .header_card .card_text .card_text_content {
    grid-column:2;
    grid-row:1;
    padding-right:1rem;
    z-index:1
}
.home__header .header_card .card_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12
}
.home__header .header_card .card_name {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-transform:uppercase;
    padding-top:.5rem
}
.newfonts .home__header .header_card .card_name {
    font-weight:600
}
.home__header .header_card .cta {
    position:relative;
    grid-row:1;
    grid-column:3;
    color:var(--blanco);
    margin:.75rem
}
.home__header .header_card:hover .cta {
    transform:scale(1.5)
}
.home__header .grid-1x3 {
    grid-column:3/4;
    grid-row:2/6
}
.home__header .header_banner {
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:3rem 1fr auto;
    gap:.75rem
}
.home__header .header_banner .bottle {
    position:relative;
    justify-self:center;
    grid-column:1/-1;
    grid-row:1/3;
    width:11.25rem;
    transition:transform 0.4s ease-in-out
}
.home__header .header_banner .bottle img {
    width:100%;
    height:100%;
    object-fit:contain
}
.home__header .header_banner:hover .bottle {
    transform:translateY(-1.5rem)
}
.home__header .header_banner .bg {
    grid-column:1/-1;
    grid-row:2/-1;
    border-radius:.5rem
}
.home__header .header_banner .text {
    padding:0 1.5rem 1.5rem 1.5rem;
    grid-column:1/-1;
    grid-row:3;
    align-self:start;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1rem
}
.home__header .header_banner .text .tag {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    padding:.25rem .375rem;
    border-radius:.25rem;
    background-color:var(--blanco)
}
.home__header .header_banner .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    text-align:center
}
.home__header .grid-1x2 {
    grid-column:4;
    grid-row:3/-1;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr 1fr;
    gap:1rem
}
.home__header .header_campana {
    border-radius:.5rem;
    color:var(--blanco);
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-rows:1fr;
    overflow:hidden
}
.home__header .header_campana .bg_image {
    grid-column:1/-1;
    grid-row:1/-1
}
.home__header .header_campana .bg_image img {
    width:100%;
    height:100%;
    object-fit:cover
}
.home__header .header_campana .bg_image img.from-left {
    object-position:0 50%
}
.home__header .header_campana .bg_image img.from-right {
    object-position:100% 50%
}
.home__header .header_campana .content {
    grid-column:1/-1;
    grid-row:1/-1;
    align-self:end;
    padding:1.5rem;
    display:grid;
    justify-items:start;
    gap:1rem
}
.home__header .header_campana .content .text {
    display:flex;
    flex-direction:column;
    gap:.5rem
}
.home__header .header_campana .content .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12
}
.home__header .header_campana .content .subtitle {
    font-family:var(--font-primary);
    font-weight:500;
    font-size:.6875rem;
    line-height:1.5;
    text-transform:uppercase
}
.home__header .header_plaza {
    border-radius:.5rem;
    overflow:hidden;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr;
    color:var(--blanco);
    align-items:center;
    justify-items:center
}
.home__header .header_plaza .bg_image {
    height:100%;
    grid-column:1/-1;
    grid-row:1/-1
}
.home__header .header_plaza .bg_image img {
    width:100%;
    height:100%;
    object-fit:cover
}
.home__header .header_plaza .content {
    grid-column:1/-1;
    grid-row:1/-1;
    padding:1.5rem;
    height:100%;
    display:grid;
    place-items:center;
    grid-template-columns:1fr;
    grid-template-rows:auto;
    height:max-content;
    max-width:22rem;
    gap:1.5rem
}
.home__header .header_plaza .logo {
    max-width:10.625rem
}
.home__header .header_plaza .logo img {
    width:100%;
    height:100%;
    object-fit:contain
}
.home__header .header_plaza .slogan img {
    width:100%;
    height:100%;
    object-fit:contain
}
.home__header .header_vibra {
    border-radius:.5rem;
    overflow:hidden;
    position:relative;
    display:grid;
    grid-template-columns:1fr auto
}
.home__header .header_vibra .header_vibra_image {
    width:100%;
    grid-column:1/-1;
    grid-row:1/-1
}
.home__header .header_vibra .header_vibra_image img {
    width:100%;
    height:100%;
    object-fit:cover
}
.home__header .header_vibra .header_vibra_image img.from-left {
    object-position:0 50%
}
.home__header .header_vibra .header_vibra_image img.from-right {
    object-position:100% 50%
}
.home__header .header_vibra .header_vibra_content {
    grid-column:1/-1;
    grid-row:1/-1;
    position:relative;
    padding:1rem;
    width:100%;
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-rows:1fr auto
}
.home__header .header_vibra .header_vibra_content .logo_left {
    grid-column:1;
    grid-row:1;
    justify-self:self-start;
    align-self:self-start;
    width:90%;
    max-width:9.375rem
}
.home__header .header_vibra .header_vibra_content .logo_left img {
    width:100%;
    height:100%;
    object-fit:contain
}
.home__header .header_vibra .header_vibra_content .logo_center {
    grid-column:1;
    grid-row:1;
    justify-self:center;
    align-self:self-end;
    width:90%
}
.home__header .header_vibra .header_vibra_content .logo_center img {
    width:100%;
    height:100%;
    object-fit:contain
}
.home__header .header_vibra .header_vibra_content .artist_name {
    grid-column:1/-1;
    grid-row:2;
    justify-self:center;
    align-self:center;
    text-align:center
}
.home__header .header_vibra .header_vibra_content .artist_name .name {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:4rem;
    line-height:1;
    color:var(--blanco)
}
.home__header .header_vibra .header_vibra_content .cta {
    position:relative;
    grid-row:1;
    grid-column:2;
    color:var(--blanco)
}
.home__header .header_vibra .header_vibra_content:hover .cta {
    transform:scale(1.5)
}
.home__header .evento.big {
    background-color:var(--rojo-emphasis-hover);
    border:1px solid var(--transparency-t20);
    color:var(--blanco);
    width:100%;
    height:100%
}
.home__header .evento.big .evento_image {
    max-height:100%
}
.home__header .evento.big .evento_image::before,.home__header .evento.big .evento_image::after {
    display:none
}
.home__header .evento.big .evento_info .tipo {
    background-color:var(--blanco);
    color:var(--rojo)
}
.home__header .evento.big .evento_info .gira {
    color:var(--blanco)
}
.home__header .header_mobile {
    padding-bottom:2.25rem;
    display:none;
    --swiper-pagination-color: var(--blanco);
    --swiper-pagination-bullet-inactive-color: var(--transparency-t30);
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bottom: toRem(-16)
}
.home__header .header_mobile .swiper-slide {
    width:20rem;
    height:25rem
}
.home__header .header_mobile .header_hero {
    height:100%
}
.home__header .header_mobile .header_hero .hero_bg {
    height:100%
}
.home__header .header_mobile .header_hero .hero_content {
    padding:2.5rem 1rem
}
.home__header .header_mobile .header_hero .hero_content .hero_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04
}
.home__header .header_mobile .evento.big {
    height:100%
}
.home__header .header_mobile .evento.big .evento_image {
    max-height:fit-content
}
.home__header .header_mobile .header_cerveza {
    height:100%
}
.home__header .header_mobile .header_campana {
    height:100%
}
.home__header .header_mobile .header_campana .bg_image img {
    object-position:left
}
.home__header .header_mobile .header_plaza {
    height:100%;
    grid-template-columns:1fr
}
.home__header .header_mobile .header_plaza .bg_image img {
    object-position:right
}
.home__header .header_mobile .header_plaza .content {
    grid-column:1/-1
}
.home__header .header_mobile .header_banner {
    height:100%
}
.home__header .header_mobile .header_plain {
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center
}
.home__header .header_mobile .header_plain .content {
    flex-direction:column;
    gap:1rem
}
.home__header .header_mobile .header_plain .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12
}
.home__header .header_mobile .header_plain .cta {
    align-self:flex-start
}
.home__header .header_mobile .header_card {
    grid-template-columns:1fr auto;
    grid-template-rows:auto 1fr;
    max-height:none;
    height:100%
}
.home__header .header_mobile .header_card .card_bottle {
    grid-column:1/-1;
    width:7.5rem;
    height:13.75rem
}
.home__header .header_mobile .header_card .card_text {
    grid-row:1/-1;
    grid-template-columns:1fr;
    grid-template-rows:8.125rem 1fr
}
.home__header .header_mobile .header_card .card_text .card_text_content {
    grid-row:2
}
.home__header .header_mobile .header_card .card_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04
}
.home__header .header_mobile .header_card .cta {
    grid-column:2
}
.home__header .header_mobile .header_vibra {
    height:100%
}
.home__header .header_mobile .header_vibra .logo_center {
    grid-column:1/-1;
    align-self:self-end;
    width:100%
}
.home__header .header_cerveza_mobile {
    display:none;
    justify-content:center
}
.home__header .header_cerveza_mobile .header_cerveza {
    width:20rem;
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-rows:6.75rem auto 1fr auto;
    margin-top:4rem
}
.home__header .header_cerveza_mobile .header_cerveza .card_text {
    grid-column:1/-1;
    grid-row:2/-1;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr;
    justify-items:center;
    height:32.5rem;
    border-radius:.5rem;
    overflow:hidden;
    text-align:center
}
.home__header .header_cerveza_mobile .header_cerveza .card_text .button {
    font-size:.875rem;
    padding:.5rem 2rem;
    margin:1.5rem 0
}
.home__header .header_cerveza_mobile .header_cerveza .card_text .card_text_bg_image {
    grid-column:1;
    grid-row:1;
    transition:transform 0.5s ease-in-out;
    transform-origin:bottom center;
    width:100%;
    height:100%;
    overflow:hidden
}
.home__header .header_cerveza_mobile .header_cerveza .card_text .card_text_bg_image img {
    width:100%;
    height:100%;
    object-fit:cover
}
.home__header .header_cerveza_mobile .header_cerveza .card_text .card_text_bg_image img.from-left {
    object-position:0 50%
}
.home__header .header_cerveza_mobile .header_cerveza .card_text .card_text_bg_image img.from-right {
    object-position:100% 50%
}
.home__header .header_cerveza_mobile .header_cerveza .card_text .card_text_content {
    grid-column:1;
    grid-row:1;
    z-index:1;
    align-self:self-end;
    display:flex;
    flex-direction:column;
    align-items:center
}
.home__header .header_cerveza_mobile .header_cerveza .card_icon {
    grid-column:2;
    grid-row:2;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr;
    justify-items:center;
    padding-right:1rem;
    z-index:1
}
.home__header .header_cerveza_mobile .header_cerveza .card_icon .icon {
    grid-column:1;
    grid-row:1;
    padding-top:.5rem;
    display:none
}
.home__header .header_cerveza_mobile .header_cerveza .card_icon .logo {
    grid-column:1;
    grid-row:1;
    width:4rem;
    height:4rem
}
.home__header .header_cerveza_mobile .header_cerveza .card_icon .logo img {
    width:100%;
    height:100%;
    object-fit:contain
}
.home__header .header_cerveza_mobile .header_cerveza .card_bottle {
    grid-column:1/-1;
    grid-row:1/3;
    justify-self:center;
    width:12.5rem;
    height:23.4375rem;
    transform-origin:top center;
    transition:transform 0.5s ease-in-out
}
.home__header .header_cerveza_mobile .header_cerveza .card_bottle img {
    width:100%;
    height:100%;
    object-fit:contain
}
.home__header .header_cerveza_mobile .header_cerveza .text {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:.5rem
}
.home__header .header_cerveza_mobile .header_cerveza .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12
}
.home__header .header_cerveza_mobile .header_cerveza .tag {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    text-transform:uppercase;
    padding:.25rem .375rem;
    border-radius:.25rem;
    transition:transform 0.4s ease-in-out
}
.home__planes {
    border-top:1px solid var(--color-lines);
    display:flex;
    justify-content:center
}
.home__planes .planes_banners a,.home__planes .planes_banners a:hover,.home__planes .planes_banners a:active {
    color:var(--blanco)
}
.home__cervezas {
    border-top:1px solid var(--color-lines);
    padding:5rem var(--space-xl)
}
.home__cervezas .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    text-align:center;
    margin-bottom:1.5rem
}
.home__cervezas .home_logos {
    margin:0 auto;
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:1fr;
    gap:.75rem;
    max-width:var(--section-width)
}
.home__cervezas .logo-card {
    border-radius:.375rem;
    display:grid;
    place-items:center;
    position:relative;
    transition:all 0.3s ease-in-out;
    height:6.25rem;
    overflow:hidden
}
.home__cervezas .logo-card .logo-img {
    width:5.5rem;
    height:3.625rem;
    z-index:1
}
.home__cervezas .logo-card .logo-img img {
    width:100%;
    height:100%;
    object-fit:contain
}
.home__cervezas .logo-card .hover-video {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:0;
    filter:brightness(10%);
    transition:all 0.5s ease
}
.home__cervezas .logo-card:hover {
    transform:scale(1.1);
    margin:0 3.8%
}
.home__cervezas .logo-card:hover .hover-video {
    opacity:1;
    filter:brightness(50%)
}
.home__eventos {
    border-top:1px solid var(--color-lines);
    display:flex;
    justify-content:center
}
.home__eventos .eventos_content {
    display:flex;
    flex-direction:column;
    gap:1.5rem;
    padding-top:5rem
}
.home__eventos .eventos_content .swiper-slide:first-child {
    margin-left:var(--space-xl)
}
.home__eventos .eventos_content .swiper-slide:last-child {
    margin-right:var(--space-xl)
}
.home__eventos .evento_info .tipo {
    color:var(--blanco)
}
.home__eventos .eventos_lista {
    margin-inline:0
}
.home__eventos .swiper-wrapper {
    justify-content:center
}
.home__eventos .small_group {
    display:flex;
    flex-direction:column;
    gap:.75rem;
    width:20rem;
    height:20rem
}
.home__eventos .evento.big {
    color:var(--blanco)
}
.home__eventos .evento.small {
    width:20rem;
    height:100%
}
.home__eventos .evento.small .evento_image {
    height:100%;
    max-height:fit-content
}
.home__eventos .evento.small .evento_lugar .lugar::before {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 18'%3E%3Cpath fill='currentColor' stroke-width='0' d='M7 8.47c.39 0 .72-.14.99-.41.27-.27.41-.61.41-1s-.14-.73-.41-1c-.27-.27-.6-.41-.99-.41s-.72.14-.99.41c-.27.27-.41.61-.41 1s.14.73.41 1c.27.27.6.41.99.41Zm0 8.24c1.94-1.71 3.44-3.42 4.49-5.13 1.05-1.71 1.58-3.15 1.58-4.33 0-1.85-.59-3.36-1.76-4.54C10.14 1.53 8.7.95 7 .95s-3.13.59-4.3 1.76C1.53 3.89.94 5.4.94 7.25c0 1.18.53 2.62 1.58 4.33S5.07 15 7.01 16.71ZM7 18c-2.36-2.12-4.12-4.08-5.27-5.88C.58 10.32 0 8.69 0 7.25c0-2.21.7-3.98 2.11-5.28C3.52.66 5.15 0 7 0s3.48.66 4.89 1.97C13.3 3.28 14 5.04 14 7.25c0 1.44-.58 3.07-1.73 4.87C11.12 13.92 9.36 15.88 7 18Z'/%3E%3C/svg%3E")
}
.home__eventos .evento.small .evento_fecha {
    background-color:var(--transparency-t40);
    color:var(--blanco);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px)
}
.home__encuentros {
    border-top:1px solid var(--color-lines);
    padding:5rem var(--space-xl)
}
.home__encuentros .encuentros_content {
    margin:0 auto;
    width:100%;
    max-width:var(--section-width);
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    padding-bottom:3rem
}
.home__encuentros .encuentros_content .column_title {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    padding-bottom:1rem
}
.home__encuentros .column_list {
    padding-inline:2.5rem
}
.home__encuentros .column_list ul {
    display:flex;
    flex-direction:column
}
.home__encuentros .column_list ul li {
    border-top:1px solid var(--color-lines)
}
.home__encuentros .circle_btn {
    display:flex;
    align-items:center;
    padding-block:1rem;
    gap:1rem;
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:1rem;
    line-height:1.6
}
.home__encuentros .circle_btn img {
    width:4rem;
    height:4rem;
    transition:transform 0.3s ease-in-out
}
.home__encuentros .circle_btn:hover img {
    transform:scale(1.2)
}
.home__encuentros .square_btn {
    display:flex;
    align-items:center;
    padding-block:1rem;
    gap:1rem;
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:1rem;
    line-height:1.6
}
.home__encuentros .square_btn .texts {
    display:flex;
    flex-direction:column
}
.home__encuentros .square_btn .texts .name {
    font-family:var(--font-primary);
    font-weight:500;
    font-size:.6875rem;
    line-height:1.5;
    text-transform:uppercase;
    color:var(--neutral-n70)
}
.home__encuentros .square_btn .texts .title {
    line-height:1.2
}
.home__encuentros .square_btn img {
    width:4rem;
    height:4rem;
    border-radius:.5rem;
    transition:transform 0.3s ease-in-out
}
.home__encuentros .square_btn:hover img {
    transform:scale(1.3)
}
.home__encuentros .video_destacado {
    width:100%;
    height:inherit;
    background-color:transparent;
    display:grid;
    grid-template-rows:1fr auto;
    background-position:center bottom;
    background-repeat:no-repeat;
    background-size:cover
}
.home__encuentros .video_destacado .thumb_container {
    width:100%;
    height:100%
}
.home__encuentros .video_destacado .thumb {
    object-position:center;
    transition:all 0.5s ease-out
}
.home__encuentros .video_destacado .info {
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px)
}
.home__encuentros .video_destacado:hover {
    background-color:transparent
}
.home__encuentros .video_destacado:hover .thumb {
    width:105%;
    margin-top:0
}
@media only screen and (max-width: 1360px) {
    .home__header .header_desktop {
        grid-template-columns:repeat(2, 1fr)
    }
    .home__header .header_hero .hero_bg {
        height:25rem
    }
    .home__header .header_banner .bottle {
        width:auto;
        height:36.25rem
    }
    .home__header .grid-1x3 {
        grid-column:1/2;
        grid-row:2/5
    }
    .home__header .grid-1x2 {
        grid-column:2;
        grid-row:3/5
    }
    .home__header .grid-2x2 {
        grid-column:1 / -1;
        grid-row:5 / 7
    }
    .home__header .grid-2x1 {
        grid-column:1 / -1;
        grid-row:8 / 9
    }
    .home__cervezas .home_logos {
        grid-auto-flow:unset;
        grid-template-columns:repeat(3, 1fr)
    }
    .home__eventos .swiper-wrapper {
        justify-content:flex-start
    }
    .home__encuentros .encuentros_content {
        grid-template-columns:1fr;
        gap:2.5rem
    }
    .home__encuentros .column_list {
        padding-inline:0
    }
    .home__encuentros .column_full {
        grid-row:2
    }
}
@media only screen and (max-width: 570px) {
    .home__header .header_desktop {
        display:none
    }
    .home__header .header_mobile {
        display:block
    }
    .home__header .header_cerveza_mobile {
        display:block
    }
    .home__header .header_cerveza_mobile .bottle {
        width:11.25rem;
        height:auto
    }
    .home__cervezas .home_logos {
        grid-template-columns:repeat(2, 1fr)
    }
    .home__cervezas .home_logos .logo-card:hover {
        transform:scale(1.05);
        margin:0
    }
}
@media only screen and (max-width: 360px) {
    .home__header .header_mobile .swiper-slide {
        width:16.875rem;
        height:25rem
    }
}
.encuentros__home_header,.subhome__hero {
    margin-top:-2.75rem;
    color:var(--blanco)
}
.encuentros__home_header a,.subhome__hero a,.encuentros__home_header a:hover,.encuentros__home_header a:active {
    color:var(--blanco)
}
.header__section {
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr
}
.header__section .header__section_bg {
    position:relative;
    grid-column:1;
    grid-row:1;
    max-height:33.125rem;
    background-color:var(--color-bg)
}
.header__section .header__section_bg.repeat {
    background-repeat:repeat-x;
    background-position-x:center;
    background-size:auto 100%
}
.header__section .header__section_bg.repeat>img {
    visibility:hidden
}
.header__section .header__section_bg .bg_image {
    object-fit:cover;
    object-position:50% 0%;
    width:100%;
    height:100%
}
.header__section .header__section_bg .bg_image.position_center {
    object-position:50% 50%
}
.header__section .header__section_bg .bg_image.position_bottom {
    object-position:50% 100%
}
.header__section .header__section_content {
    grid-column:1;
    grid-row:1;
    position:relative;
    z-index:20;
    padding-top:3.5rem;
    padding-bottom:2.5rem;
    width:90%;
    max-width:27rem;
    justify-self:center;
    display:flex;
    flex-direction:column;
    gap:1.5rem;
    align-items:center
}
.header__section .header__section_logo {
    width:17.625rem;
    height:11.0625rem;
    max-width:70vw
}
.header__section .header__section_logo.big {
    min-width:35vw;
    max-width:100%
}
.header__section .header__section_logo img {
    object-fit:contain;
    width:100%;
    height:100%
}
.header__section .header__section_description {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    text-align:center
}
.header__section .header__player_btn {
    width:100%;
    max-width:20.4375rem;
    min-height:4.375rem;
    background-color:var(--neutral-n90-t50);
    border-radius:.5rem;
    display:grid;
    grid-template-columns:4.375rem 1fr auto;
    column-gap:.5rem;
    overflow:hidden;
    align-items:center;
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5
}
.header__section .header__player_btn .thumb {
    height:4.375rem;
    aspect-ratio:1;
    grid-column:1/3;
    grid-row:1;
    transition:all 0.3s ease;
    z-index:1
}
.header__section .header__player_btn .thumb img {
    object-fit:cover;
    width:100%;
    height:100%
}
.header__section .header__player_btn:hover .thumb {
    aspect-ratio:4.5/3
}
.header__section .header__player_btn:hover .description {
    opacity:0.5;
    transform:scale(0.85) translate(20px)
}
.header__section .header__player_btn:hover .play-icon {
    background-color:var(--rojo);
    border:1px solid var(--rojo)
}
.header__section .header__player_btn .description {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    grid-column:2;
    grid-row:1;
    transition:all 0.3s ease
}
.header__section .header__player_btn .description p {
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
}
.header__section .header__player_btn .nuevo__badge {
    font-size:.625rem;
    background-color:var(--rojo);
    padding:0 .25rem;
    border-radius:.25rem;
    display:none
}
.header__section .header__player_btn.nuevo .nuevo__badge {
    display:block
}
.header__section .header__player_btn .play-icon {
    grid-column:3;
    grid-row:1;
    width:1.75rem;
    height:1.75rem;
    border:1px solid currentColor;
    border-radius:6.25rem;
    display:grid;
    place-items:center;
    margin-right:1rem;
    transition:all 0.3s ease
}
.encuentros__home_logos {
    padding:2.5rem var(--space-xl)
}
.encuentros__home_logos .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    margin-bottom:1.5rem
}
.encuentros__home_logos .home_logos {
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:1fr;
    gap:.75rem;
    max-width:var(--section-width)
}
.encuentros__home_logos .logo-card {
    background-color:var(--blanco);
    padding:1.375rem 2.5rem;
    border-radius:.375rem;
    display:grid;
    place-items:center;
    position:relative;
    transition:all 0.3s ease-in-out;
    overflow:hidden
}
.encuentros__home_logos .logo-card .hover-video {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:0;
    filter:brightness(10%);
    transition:all 0.5s ease
}
.encuentros__home_logos .logo-card img {
    width:auto;
    height:5rem;
    max-width:18.75rem;
    object-fit:contain;
    display:block;
    z-index:1
}
.encuentros__home_logos .logo-card:hover {
    transform:scale(1.1);
    margin:0 3.8%
}
.encuentros__home_logos .logo-card:hover .hover-video {
    opacity:1;
    filter:brightness(100%) saturate(50%)
}
.filter-red {
    position:relative
}
.filter-red::after {
    content:'';
    position:absolute;
    display:block;
    inset:0;
    background-color:var(--rojo);
    pointer-events:none;
    mix-blend-mode:overlay
}
@media only screen and (max-width: 1360px) {
    .encuentros__home_logos .home_logos {
        grid-auto-flow:unset;
        grid-template-columns:repeat(2, 1fr)
    }
    .encuentros__home_logos .home_logos:has(>:nth-child(3)) {
        grid-template-columns:repeat(3, 1fr)
    }
}
@media only screen and (max-width: 570px) {
    .encuentros__home_logos .home_logos {
        grid-template-columns:repeat(2, 1fr)
    }
    .encuentros__home_logos .home_logos:has(>:nth-child(3)) {
        grid-template-columns:repeat(2, 1fr)
    }
    .encuentros__home_logos .home_logos .logo-card {
        padding:1rem 1.25rem
    }
    .encuentros__home_logos .home_logos .logo-card img {
        width:5.25rem;
        height:3.375rem
    }
    .encuentros__home_logos .home_logos .logo-card:hover {
        transform:scale(1.05);
        margin:0
    }
}
.encuentros__buscador {
    padding:2.5rem 0;
    display:grid;
    place-items:center;
    row-gap:1.5rem;
    max-height:8.125rem
}
.encuentros__buscador.active {
    max-height:initial
}
.encuentros__buscador .buscador_container {
    padding:0 var(--space-xl);
    width:60%;
    transition:all 0.3s ease-out;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:1rem
}
.encuentros__buscador .buscador_container.active {
    width:100%
}
.encuentros__buscador .buscador_container.active [class^="icon-"] {
    color:var(--rojo)
}
.encuentros__buscador .volver-button {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    cursor:pointer;
    white-space:nowrap;
    display:none
}
.encuentros__buscador .input-group {
    width:100%;
    position:relative
}
.encuentros__buscador .input-group .icon-left {
    position:absolute;
    left:.25rem;
    top:0;
    height:100%;
    width:2.25rem;
    display:grid;
    place-items:center;
    color:var(--neutral-n50)
}
.encuentros__buscador .input-group .icon-right {
    position:absolute;
    right:.25rem;
    top:0;
    height:100%;
    width:2.25rem;
    display:grid;
    place-items:center;
    cursor:pointer;
    opacity:0;
    transition:opacity 0.3s ease
}
.encuentros__buscador .input-group .icon-right.active {
    opacity:1
}
.encuentros__buscador .encuentros__search-bar {
    background-color:var(--blanco);
    width:100%;
    padding:.75rem 2.25rem;
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    color:var(--color-text);
    border-radius:3.125rem;
    outline:2px solid transparent;
    outline-offset:2px;
    appearance:none
}
.encuentros__buscador .encuentros__search-bar::placeholder {
    color:var(--neutral-n50)
}
.filters_swiper {
    width:100%;
    max-width:100dvw
}
.filters_swiper .swiper-slide {
    width:auto;
    padding:.625rem 0
}
.filters_swiper .swiper-slide:first-child {
    margin-left:var(--space-xl)
}
.filters_swiper .swiper-slide:last-child {
    margin-right:var(--space-xl)
}
.filter_button {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    color:var(--color-text);
    border-radius:3.125rem;
    padding:.4375rem .75rem;
    transition:all 0.3s ease;
    background-color:var(--blanco);
    border:1px solid var(--blanco)
}
.filter_button:hover {
    border-color:var(--rojo)
}
.filter_button.active {
    border-color:var(--rojo);
    background-color:var(--rojo);
    color:var(--blanco)
}
.filter_destacado {
    width:13.125rem;
    height:18.75rem;
    transform:scale(1);
    transition:all 0.3s ease-out;
    transform-origin:top center;
    display:grid;
    grid-template-columns:13.125rem;
    grid-template-rows:1fr auto;
    align-items:center;
    justify-items:center;
    border-radius:1rem;
    overflow:hidden
}
.filter_destacado:hover {
    transform:scale(1.03);
    margin-right:.5rem;
    margin-left:.5rem
}
.filter_destacado .bg_image {
    grid-column:1;
    grid-row:1/-1
}
.filter_destacado .bg_image img {
    width:100%;
    height:100%;
    object-fit:cover
}
.filter_destacado .logo {
    width:13.125rem;
    grid-column:1;
    grid-row:1;
    width:80%
}
.filter_destacado .logo img {
    width:100%
}
.filter_destacado .info {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:1.25rem;
    line-height:1.6;
    background-color:var(--rojo);
    color:var(--blanco);
    grid-column:1;
    grid-row:2;
    width:100%;
    text-align:center
}
.buscador_resultados {
    max-height:0;
    overflow-y:hidden;
    width:100%
}
.buscador_resultados.active {
    max-height:none
}
.buscador_resultados.active .videolist_resultados {
    padding-bottom:.75rem
}
.buscador_resultados.active .videolist_resultados .resultado {
    display:none
}
.load-more {
    display:none
}
@media only screen and (max-width: 570px) {
    .encuentros__buscador .buscador_container {
        width:100%
    }
}
.encuentros__explorar .explorar_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    margin-bottom:1.5rem;
    padding:2.5rem var(--space-xl) 0 var(--space-xl)
}
.encuentros__explorar .explorar_swiper {
    width:100%;
    max-width:100dvw
}
.encuentros__explorar .explorar_swiper .swiper-wrapper {
    margin-bottom:2.5rem
}
.encuentros__explorar .explorar_swiper .swiper-slide {
    width:auto
}
.encuentros__explorar .explorar_swiper .swiper-slide:first-child {
    margin-left:var(--space-xl)
}
.encuentros__explorar .explorar_swiper .swiper-slide:last-child {
    margin-right:var(--space-xl)
}
.encuentros__explorar .logo-card {
    width:13.125rem;
    height:18.75rem;
    display:block;
    transform:scale(1);
    transition:all 0.3s ease-out;
    transform-origin:top center;
    border-radius:1.125rem;
    overflow:hidden
}
.encuentros__explorar .logo-card img {
    width:100%;
    height:100%;
    object-fit:contain
}
.encuentros__explorar .logo-card:hover {
    transform:scale(1.05);
    margin-right:.5rem;
    margin-left:.5rem
}
@media only screen and (max-width: 570px) {
    .encuentros__explorar .logo-card {
        width:6.125rem;
        height:8.75rem
    }
}
.encuentros__subhome_header {
    margin-top:-2.75rem;
    color:var(--blanco)
}
.encuentros__subhome_header .header__section .header__section_content {
    max-width:31.25rem
}
.encuentros__subhome_header .header__section .header__section_content .header__section_description {
    width:80%
}
.header__section_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:4rem;
    line-height:1
}
.encuentros__destacados {
    padding:1.5rem var(--space-xl);
    display:flex;
    flex-direction:column;
    gap:1.5rem;
    overflow:hidden
}
.destacados_container {
    display:flex;
    justify-content:center;
    gap:.75rem;
    height:34.375rem
}
.destacados_container .destacado_item {
    width:33.6875rem;
    height:33.6875rem
}
.destacados_container .destacado_item:last-child {
    width:20rem;
    height:20.5rem
}
.destacados_container .destacado_item.flipping .play_button {
    opacity:0
}
.destacado_thumb {
    border-radius:.5rem;
    overflow:hidden;
    cursor:pointer;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:auto 1fr auto
}
.destacado_thumb .bg_image,.destacado_thumb .video_pill {
    object-fit:cover;
    width:100%;
    height:100%;
    grid-row:1/-1;
    grid-column:1
}
.destacado_thumb .play_button {
    margin:.75rem;
    grid-column:1;
    grid-row:1;
    background-color:var(--transparency-t30);
    border:1px solid var(--transparency-t30);
    backdrop-filter:blur(4px);
    width:4rem;
    height:4rem;
    border-radius:6.25rem;
    display:grid;
    place-items:center;
    transition:all 0.3s ease-out
}
.destacado_thumb .play_button i {
    font-size:2.625rem;
    color:var(--blanco)
}
.destacado_thumb .play_button:hover {
    background-color:var(--rojo);
    border:1px solid var(--blanco)
}
.destacado_thumb .progress_bar_container {
    grid-column:1;
    grid-row:3;
    background-color:var(--transparency-t30);
    width:100%;
    height:.3125rem;
    position:relative
}
.destacado_thumb .progress_bar_container .progress_bar {
    position:absolute;
    background-color:var(--blanco);
    width:0%;
    height:.3125rem
}
.destacado_info {
    display:flex;
    flex-direction:column;
    gap:.75rem;
    padding:.75rem 0
}
.destacado_info .info_title {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    text-transform:uppercase;
    color:var(--rojo)
}
.destacado_info .info_description {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04
}
.destacados_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2rem;
    line-height:1.12;
    text-align:center
}
.encuentros__destacados.vertical .destacados_container {
    height:43.75rem
}
.encuentros__destacados.vertical .destacados_container .destacado_item {
    width:20rem;
    height:30.75rem
}
.encuentros__destacados.vertical .destacados_container .destacado_item:last-child {
    width:13rem;
    height:20.25rem
}
.encuentros__ver-todos {
    margin-top:2rem;
    margin-bottom:3.5rem;
    padding:0 var(--space-xl);
    display:flex;
    justify-content:center
}
@media only screen and (max-width: 860px) {
    .destacados_container {
        width:140%
    }
}
@media only screen and (max-width: 570px) {
    .header__section_title {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:2rem;
        line-height:1.12
    }
    .encuentros__ver-todos .button_primary,.encuentros__ver-todos .button_secondary,.encuentros__ver-todos .button_icon_dark,.encuentros__ver-todos .button_icon_light,.encuentros__ver-todos .button_news {
        width:100%
    }
    .destacados_container {
        height:30rem
    }
    .destacado_thumb .play_button {
        width:2.75rem;
        height:2.75rem
    }
    .destacado_thumb .play_button i {
        font-size:2rem
    }
}
@media only screen and (max-width: 420px) {
    .destacados_container {
        height:22.5rem
    }
    .encuentros__destacados.vertical .destacados_container {
        height:37.5rem
    }
}
@media only screen and (max-width: 320px) {
    .encuentros__destacados.vertical .destacados_container {
        height:32.5rem
    }
}
.encuentros__playlist {
    padding:0 var(--space-xl) 4rem var(--space-xl);
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.25rem
}
.playlist_description {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    background-color:var(--rojo);
    color:var(--blanco);
    padding:4rem;
    border-radius:.75rem;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:auto auto;
    row-gap:1rem
}
.playlist_description .playlist_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2rem;
    line-height:1.12;
    align-self:self-end
}
.playlist_iframe {
    height:360px;
    margin-left:-1.5rem
}
@media only screen and (max-width: 1360px) {
    .encuentros__playlist {
        grid-template-columns:1fr
    }
    .playlist_description {
        padding:2.5rem 1.5rem
    }
    .playlist_iframe {
        margin-left:0;
        margin-top:-1.5rem
    }
}
.video__section {
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr;
    height:100%;
    margin-bottom:6.75rem
}
.video__section .video__section_bg {
    grid-column:1;
    grid-row:1;
    margin-top:-2.75rem;
    position:relative;
    max-height:80dvh;
    background-color:var(--color-bg);
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr
}
.video__section .video__section_bg::after {
    content:'';
    position:absolute;
    left:0;
    bottom:-1px;
    height:50%;
    width:100%;
    background:linear-gradient(180deg, rgba(41,36,30,0) 51.41%, #29241E 100%);
    z-index:10;
    pointer-events:none
}
.video__section .video__section_bg .bg_image {
    display:block;
    object-fit:cover;
    object-position:50% 0%;
    width:100%;
    height:100%;
    grid-column:1;
    grid-row:1;
    overflow:hidden
}
.video__section .video__section_bg .player_control {
    width:100%;
    height:100%;
    grid-column:1;
    grid-row:1;
    z-index:100;
    display:grid;
    place-items:center;
    cursor:pointer
}
.video__section .video__section_bg .player_control .play_button {
    background-color:var(--blanco);
    color:var(--color-text);
    padding:1.25rem;
    border-radius:6.25rem;
    transition:transform 0.3s ease
}
.video__section .video__section_bg .player_control .play_button i {
    display:block;
    width:1.5rem;
    background-color:var(--color-text);
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7.05 3.606 13.49 7.788a.7.7 0 0 1 0 1.212L7.05 20.394A.7.7 0 0 1 6 19.788V4.212a.7.7 0 0 1 1.05-.606z'%3E%3C/path%3E%3C/svg%3E");
    mask-size:contain;
    mask-repeat:no-repeat;
    aspect-ratio:1 / 1
}
.video__section .video__section_bg .player_control .play_button i::before {
    content:'';
    display:none
}
.video__section .video__section_bg .player_control:hover .play_button {
    transform:scale(1.1)
}
.video__section .video_container {
    grid-column:1;
    grid-row:1;
    z-index:100;
    position:relative;
    height:calc(100% + 2.75rem);
    overflow:hidden;
    display:none
}
.video__section .video_container iframe {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.subheader__video {
    width:100vw;
    display:grid;
    grid-template-columns:minmax(50%, 1fr) 1fr;
    column-gap:4rem
}
.subheader__video .video_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:3.5rem;
    line-height:1
}
.subheader__video .info_video {
    padding-left:var(--space-xl);
    display:flex;
    flex-direction:column;
    gap:1.5rem
}
.subheader__video .video_details {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    line-height:1;
    color:var(--neutral-n70);
    display:flex;
    gap:.25rem
}
.subheader__video .video_details li:not(li:last-child) {
    white-space:nowrap
}
.subheader__video .video_details li:not(li:last-child)::after {
    content:'|';
    display:inline-block;
    padding-left:.25rem
}
.subheader__video .video_details li:last-child {
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden
}
.subheader__video .video_description {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5
}
.subheader__video .video_buttons {
    display:grid;
    grid-template-columns:1fr auto;
    column-gap:.5rem
}
.subheader__video .button_icon_light {
    border-color:var(--blanco)
}
.subheader__video .button_icon_light:hover {
    border-color:var(--rojo)
}
.subheader__video .relacionados {
    max-width:calc(50vw - 4rem)
}
.button-tool {
    position:relative
}
.button-tool .tooltip {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    opacity:0;
    position:absolute;
    right:0;
    top:4.375rem;
    text-align:center;
    z-index:999;
    border-radius:2.5rem;
    width:9.375rem;
    height:2.25rem;
    line-height:2.5rem;
    background-color:var(--blanco)
}
.button-tool .tooltip::before {
    content:' ';
    background-color:var(--blanco);
    position:absolute;
    width:1.125rem;
    height:1.125rem;
    z-index:-1;
    bottom:0;
    left:50%;
    transform:translate(200%, -120%) rotate(45deg)
}
@media only screen and (max-width: 860px) {
    .video__section {
        margin-bottom:4.75rem
    }
    .subheader__video {
        grid-template-columns:1fr;
        row-gap:2rem
    }
    .subheader__video .video_title {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:2rem;
        line-height:1.12
    }
    .subheader__video .info_video {
        padding-right:var(--space-xl)
    }
    .subheader__video .relacionados {
        max-width:100vw
    }
}
@media only screen and (max-width: 570px) {
    .video__section .video__section_bg .player_control .play_button {
        padding:.625rem
    }
    .video__section .video__section_bg .player_control .play_button i {
        font-size:2.625rem
    }
}
.ucc__grid_videos {
    width:90%;
    margin:0 auto;
    max-width:var(--width-primary);
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1.5rem;
    padding-bottom:5rem
}
.ucc__grid_videos .name {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-transform:uppercase;
    color:var(--rojo);
    text-align:center
}
.newfonts .ucc__grid_videos .name {
    font-weight:600
}
.ucc__grid_videos .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    text-align:center
}
.ucc__grid_videos .grid_videos {
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    grid-template-rows:1fr 1fr;
    gap:.75rem;
    justify-content:center;
    width:100%;
    max-width:60rem
}
.ucc__grid_videos .grid_videos .image_module {
    grid-row:1/3;
    border-radius:.5rem;
    overflow:hidden
}
.ucc__grid_videos .grid_videos .image_module img {
    width:100%;
    height:100%;
    object-fit:cover
}
.ucc__grid_videos .grid_videos .image_module img.from-left {
    object-position:0 50%
}
.ucc__grid_videos .grid_videos .image_module img.from-right {
    object-position:100% 50%
}
.ucc__grid_videos .grid_videos .image_module:last-child {
    grid-column:3
}
.ucc__grid_videos .video_module {
    grid-column:2;
    display:grid;
    width:100%;
    height:100%;
    border-radius:.5rem;
    overflow:hidden;
    position:relative
}
.ucc__grid_videos .video_module:hover .description {
    transform:translateY(0);
    opacity:1
}
.ucc__grid_videos .video_module .description {
    position:absolute;
    bottom:0;
    left:0;
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    background-color:rgba(0,0,0,0.5);
    color:var(--blanco);
    padding:.5rem;
    transform:translateY(20%);
    opacity:0;
    transition:transform 0.3s ease, opacity 0.3s ease;
    pointer-events:none
}
.ucc__grid_videos .video_module .video_module_bg {
    grid-column:1;
    grid-row:1;
    position:relative
}
.ucc__grid_videos .video_module .video_module_bg img {
    width:100%;
    height:100%;
    object-fit:cover
}
.ucc__grid_videos .video_module .video_module_bg img.from-left {
    object-position:0 50%
}
.ucc__grid_videos .video_module .video_module_bg img.from-right {
    object-position:100% 50%
}
.ucc__grid_videos .video_module .bg_video {
    object-fit:cover;
    background-color:black
}
.ucc__grid_videos .video_module .player_control {
    grid-column:1;
    grid-row:1;
    display:grid;
    place-items:center;
    position:relative
}
.ucc__grid_videos .video_module .player_control .play_button {
    color:var(--blanco);
    background-color:var(--transparency-t30);
    height:4rem;
    width:4rem;
    border-radius:6.25rem;
    display:grid;
    place-items:center;
    transition:background-color 0.3s ease;
    position:relative
}
.ucc__grid_videos .video_module .player_control .play_button i {
    font-size:2.625rem;
    line-height:1
}
.ucc__grid_videos .video_module .player_control:hover .play_button {
    background-color:var(--rojo)
}
.video_destacado.prox {
    position:relative;
    pointer-events:none
}
.video_destacado.prox>* {
    opacity:0.4
}
.video_destacado.prox::before {
    content:attr(data-text, "Próximamente");
    font-size:.9375rem;
    font-weight:bold;
    position:absolute;
    top:.5rem;
    left:.5rem;
    padding:.5rem .75rem;
    border-radius:.5rem;
    color:var(--neutral-n50);
    background-color:var(--transparency-t15);
    z-index:1
}
.ucc__cards {
    overflow:hidden
}
.ucc__cards>.title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    text-align:center;
    margin-block:2rem
}
.ucc__cards .cards_main {
    width:20.4375rem;
    margin-block:4rem
}
.ucc__cards .cards_main .card {
    border-radius:.5rem;
    overflow:hidden;
    display:grid;
    grid-template-columns:1fr;
    align-items:end;
    border:1px solid var(--neutral-n90)
}
.ucc__cards .cards_main .bg_img {
    width:100%;
    height:100%;
    grid-row:1;
    grid-column:1
}
.ucc__cards .cards_main .bg_img img {
    width:100%;
    height:100%;
    object-fit:cover
}
.ucc__cards .cards_main .bg_img img.from-left {
    object-position:0 50%
}
.ucc__cards .cards_main .bg_img img.from-right {
    object-position:100% 50%
}
.ucc__cards .cards_main .content {
    grid-row:1;
    grid-column:1;
    padding:1.125rem
}
.ucc__cards .cards_main .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    color:var(--blanco)
}
.ucc__cards .cards_main .tipo {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    font-weight:bold;
    text-transform:uppercase
}
.ucc__cards .cards_main .text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    margin-top:.5rem
}
.ucc__cards .cards_icons {
    --card-number: 6;
    --card-width: 6.25rem;
    --card-gap: .75rem;
    width:calc(var(--card-width) * var(--card-number) + var(--card-gap) * (var(--card-number) - 1));
    margin-block:2rem;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:var(--card-gap)
}
.ucc__cards .cards_icons .card_icon {
    width:var(--card-width) !important;
    border-radius:.25rem;
    overflow:hidden;
    border:1px solid var(--neutral-n90)
}
.ucc__cards .cards_icons .card_icon .content {
    text-align:center;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr;
    align-items:end;
    height:8.125rem
}
.ucc__cards .cards_icons .card_icon .title {
    font-family:var(--font-primary);
    font-weight:bold;
    font-size:.75rem;
    line-height:0.95;
    text-transform:uppercase;
    color:var(--blanco);
    padding:.5rem;
    user-select:none;
    grid-row:1;
    grid-column:1;
    color:var(--blanco);
    position:relative
}
.ucc__cards .cards_icons .card_icon .bg_img {
    width:100%;
    height:8.125rem;
    grid-row:1;
    grid-column:1;
    opacity:0.7
}
.ucc__cards .cards_icons .card_icon .bg_img img {
    width:100%;
    height:100%;
    object-fit:cover
}
.ucc__cards .cards_icons .card_icon .bg_img img.from-left {
    object-position:0 50%
}
.ucc__cards .cards_icons .card_icon .bg_img img.from-right {
    object-position:100% 50%
}
.ucc__cards .cards_icons .card_icon .bg_img img {
    filter:grayscale(0.6)
}
.ucc__cards .cards_icons .card_icon.active .bg_img {
    opacity:1
}
.ucc__cards .cards_icons .card_icon.active .bg_img img {
    filter:grayscale(0)
}
.ucc__cards .nav_buttons .swiper-button-next {
    margin-right:-50%
}
.ucc__cards .nav_buttons .swiper-button-next::after {
    content:"\e90e";
    font-family:'Icon' !important;
    font-size:1.5rem;
    color:var(--rojo);
    border:1px solid var(--rojo);
    border-radius:50%;
    padding:.5rem
}
.ucc__cards .nav_buttons .swiper-button-prev {
    margin-left:-50%
}
.ucc__cards .nav_buttons .swiper-button-prev::after {
    content:"\e90c";
    font-family:'Icon' !important;
    font-size:1.5rem;
    color:var(--rojo);
    border:1px solid var(--rojo);
    border-radius:50%;
    padding:.5rem
}
.ucc__cierre {
    padding:5rem var(--space-xl);
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1rem
}
.ucc__cierre .banner_cierre {
    border-radius:.5rem;
    overflow:hidden;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr;
    color:var(--blanco);
    align-items:center;
    justify-items:center;
    width:100%;
    max-width:82rem
}
.ucc__cierre .banner_cierre .bg_image {
    grid-column:1/-1;
    grid-row:1/-1;
    width:100%;
    height:100%
}
.ucc__cierre .banner_cierre .bg_image img {
    width:100%;
    height:100%;
    object-fit:cover
}
.ucc__cierre .banner_cierre .bg_image img.from-left {
    object-position:0 50%
}
.ucc__cierre .banner_cierre .bg_image img.from-right {
    object-position:100% 50%
}
.ucc__cierre .banner_cierre .content {
    grid-column:1/-1;
    grid-row:1/-1;
    padding:2.25rem 1.5rem;
    height:100%;
    display:grid;
    place-items:center;
    grid-template-columns:1fr;
    grid-template-rows:auto;
    height:max-content;
    gap:1.5rem
}
.ucc__cierre .banner_cierre .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:3rem;
    line-height:1;
    text-align:center
}
@media only screen and (max-width: 1200px) {
    .ucc__grid_videos .grid_videos {
        grid-template-columns:1fr 1fr;
        grid-template-rows:1fr auto
    }
    .ucc__grid_videos .grid_videos .image_module {
        grid-column:1;
        grid-row:1
    }
    .ucc__grid_videos .grid_videos .image_module:last-child {
        grid-column:2
    }
    .ucc__grid_videos .grid_videos .video_module {
        grid-column:auto
    }
}
@media only screen and (max-width: 860px) {
    .ucc__cards .cards_icons {
        width:95%
    }
    .ucc__cards .nav_buttons {
        display:none
    }
    .ucc__cards .nav_buttons .swiper-button-next {
        margin-right:0
    }
    .ucc__cards .nav_buttons .swiper-button-prev {
        margin-left:0
    }
}
@media only screen and (max-width: 570px) {
    .ucc__grid_videos .grid_videos {
        grid-template-columns:1fr;
        grid-template-rows:auto
    }
    .ucc__grid_videos .grid_videos .image_module:last-child {
        grid-column:1;
        grid-row:4
    }
    .ucc__cards .cards_main {
        width:80%;
        margin-block:2rem
    }
    .ucc__cierre .banner_cierre .title {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:2rem;
        line-height:1.12
    }
}
.videolist_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    margin-bottom:1.5rem;
    padding:.5rem var(--space-xl) 0rem var(--space-xl)
}
.videolist_swiper {
    width:100%;
    max-width:100dvw
}
.videolist_swiper .swiper-wrapper {
    margin-bottom:2.5rem
}
.videolist_swiper .swiper-slide:first-child {
    margin-left:var(--space-xl)
}
.videolist_swiper .swiper-slide:last-child {
    margin-right:var(--space-xl)
}
.videolist_swiper .swiper-slide:not(.planes_banner) {
    width:auto
}
.video_destacado {
    display:flex;
    flex-direction:column;
    width:26.875rem;
    height:19rem;
    border-radius:8px;
    overflow:hidden;
    background-color:var(--neutral-n90-t50);
    transition:all 0.3s ease-out;
    color:var(--blanco)
}
.video_destacado .title {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5
}
.video_destacado .thumb {
    object-fit:cover;
    width:100%;
    height:100%;
    margin-top:0;
    transition:margin 0.5s ease-out
}
.video_destacado .info {
    padding:.75rem;
    display:flex;
    justify-content:space-between;
    align-items:center
}
.video_destacado .title {
    transform:scale(1);
    transform-origin:0% 50%;
    transition:transform 0.3s ease-out;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    padding-right:1.125rem
}
.video_destacado .play-icon {
    min-width:1.75rem;
    min-height:1.75rem;
    border:1px solid var(--blanco);
    border-radius:6.25rem;
    display:grid;
    place-items:center;
    transform:scale(1);
    transform-origin:100% 50%;
    transition:transform 0.3s ease-out
}
.video_destacado:hover,.video_destacado:active {
    background-color:var(--rojo);
    color:var(--blanco)
}
.video_destacado:hover .thumb,.video_destacado:active .thumb {
    margin-top:-.75rem
}
.video_destacado:hover .info .play-icon,.video_destacado:active .info .play-icon {
    transform:scale(1.2)
}
.video_default,.video_vertical {
    display:inline-block;
    width:20rem;
    height:100%;
    transform:scale(1);
    transition:all 0.3s ease-out;
    transform-origin:top left
}
.video_default:hover,.video_vertical:hover {
    transform:scale(1.06);
    margin-right:1rem
}
.video_default.nuevo .thumb_container:before,.nuevo.video_vertical .thumb_container:before {
    content:'¡Nuevo!';
    position:absolute;
    top:0;
    right:0;
    z-index:1;
    background-color:var(--rojo);
    color:var(--blanco);
    font-size:.9375rem;
    line-height:1.5;
    padding:0 .375rem;
    border-radius:.25rem
}
.video_default .thumb_container,.video_vertical .thumb_container {
    width:20rem;
    height:11.25rem;
    border-radius:8px;
    overflow:hidden;
    position:relative
}
.video_default .thumb,.video_vertical .thumb {
    object-fit:cover;
    width:100%;
    height:100%
}
.video_default .title,.video_vertical .title {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    padding-top:.5rem;
    padding-bottom:.25rem
}
.video_default .details,.video_vertical .details {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    line-height:1;
    color:var(--neutral-n70);
    display:flex;
    gap:.25rem
}
.video_default .details li:not(li:last-child),.video_vertical .details li:not(li:last-child) {
    white-space:nowrap
}
.video_default .details li:not(li:last-child)::after,.video_vertical .details li:not(li:last-child)::after {
    content:'|';
    display:inline-block;
    padding-left:.25rem
}
.video_default .details li:last-child,.video_vertical .details li:last-child {
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden
}
.video_vertical {
    width:13rem
}
.video_vertical .thumb_container {
    width:13rem;
    height:18.625rem
}
.videolist_resultados {
    padding:0 var(--space-xl);
    display:grid;
    width:100%;
    grid-template-columns:repeat(auto-fill, 20rem);
    column-gap:10px;
    row-gap:40px
}
.videolist_resultados .video_default:hover,.videolist_resultados .video_vertical:hover {
    transform:scale(1.03) translate(-5px, 0)
}
.modal_overlay {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:var(--bg-modal);
    backdrop-filter:blur(5px);
    z-index:9999;
    opacity:0;
    pointer-events:none;
    transition:opacity 0.5s ease
}
.modal_overlay.active {
    opacity:1;
    pointer-events:initial
}
.modal_overlay .modal_content {
    aspect-ratio:16/9;
    width:85dvw;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    padding:2rem;
    background-color:var(--blanco);
    border-radius:.5rem;
    box-shadow:0 4px 8px rgba(0,0,0,0.2)
}
.modal_overlay .modal_content.vertical {
    height:85dvh;
    aspect-ratio:9/16;
    width:auto
}
.modal_overlay .modal_content .close {
    position:absolute;
    right:.25rem;
    top:.25rem;
    width:2rem;
    height:2rem;
    color:var(--topacio);
    border:1px solid transparent;
    font-size:1.5rem;
    z-index:999;
    border-radius:6.25rem;
    text-align:center;
    cursor:pointer;
    transition:border-color 0.3s ease-out
}
.modal_overlay .modal_content .close:hover {
    border-color:var(--neutral-n15)
}
.player_container {
    position:relative;
    width:100%;
    height:100%
}
.player_container iframe {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
@media only screen and (max-width: 570px) {
    .video_destacado {
        width:80vw;
        height:15rem
    }
    .video_destacado .thumb_container {
        width:100%;
        height:80%
    }
    .video_default,.video_vertical {
        width:13.375rem
    }
    .video_default.nuevo .thumb_container:before,.nuevo.video_vertical .thumb_container:before {
        font-size:.625rem;
        padding:0 .25rem
    }
    .video_default .thumb_container,.video_vertical .thumb_container {
        width:13.375rem;
        height:7.5rem
    }
    .video_default .details li:not(li:last-child),.video_vertical .details li:not(li:last-child) {
        display:none
    }
    .video_vertical {
        width:13rem
    }
    .video_vertical .thumb_container {
        width:13rem;
        height:18.625rem
    }
    .videolist_resultados {
        gap:1.25rem
    }
    .videolist_resultados .video_default,.videolist_resultados .video_vertical {
        display:flex;
        gap:1rem;
        width:100%
    }
    .videolist_resultados .video_default.nuevo .thumb_container:before,.videolist_resultados .nuevo.video_vertical .thumb_container:before {
        font-size:.375rem;
        border-radius:.1875rem
    }
    .videolist_resultados .video_default .thumb_container,.videolist_resultados .video_vertical .thumb_container {
        width:6.125rem;
        height:3.4375rem;
        border-radius:.125rem
    }
}
.cervezas__header {
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr auto;
    justify-items:center;
    text-align:center;
    padding:5rem 0
}
.cervezas__header .header_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:4rem;
    line-height:1;
    font-size:5rem;
    text-transform:uppercase
}
.cervezas__header .header_pin {
    height:100%
}
.cervezas__header.home .header_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:4rem;
    line-height:1;
    text-transform:capitalize;
    z-index:1
}
.cervezas__header .header_image {
    max-width:35rem;
    margin-top:-1.5rem;
    z-index:2
}
.cervezas__header .header_image img {
    width:100%;
    height:100%;
    object-fit:contain
}
.cervezas__header+.nav_swiper {
    margin-bottom:5rem
}
.header_intro,.intro_gaming_box {
    background-color:var(--blanco);
    width:90%;
    max-width:70rem;
    padding:2.5rem 1.5rem;
    border-radius:.5rem;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1rem;
    z-index:10
}
.header_intro .intro_variedad,.intro_gaming_box .intro_variedad {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-transform:uppercase;
    color:var(--rojo)
}
.newfonts .header_intro .intro_variedad,.newfonts .intro_gaming_box .intro_variedad {
    font-weight:600
}
.header_intro .intro_title,.intro_gaming_box .intro_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12
}
.header_intro .intro_text,.intro_gaming_box .intro_text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5
}
.header_intro .intro_cta,.intro_gaming_box .intro_cta {
    max-width:11.25rem
}
.home .header_intro,.home .intro_gaming_box {
    max-width:54.375rem;
    margin-top:-10rem
}
.cervezas__menu_logos {
    justify-content:center;
    padding:.5rem
}
.cervezas__menu_logos .menu_button {
    display:flex;
    align-items:center;
    justify-content:center;
    transition:transform 0.3s ease-out;
    width:4rem;
    height:4rem;
    mask-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='63' height='64' %3E%3Cpath d='M30.122 1.31a2 2 0 0 1 2.756 0l2.03 1.928a2 2 0 0 0 2.24.355l2.525-1.207a2 2 0 0 1 2.621.851L43.628 5.7a2 2 0 0 0 2.021 1.03l2.776-.368a2 2 0 0 1 2.23 1.62l.507 2.753a2 2 0 0 0 1.604 1.604l2.753.508a2 2 0 0 1 1.62 2.23l-.367 2.775a2 2 0 0 0 1.03 2.02l2.46 1.335a2 2 0 0 1 .852 2.62l-1.207 2.527a2 2 0 0 0 .355 2.24l1.928 2.03a2 2 0 0 1 0 2.755l-1.928 2.03a2 2 0 0 0-.355 2.24l1.207 2.525a2 2 0 0 1-.851 2.621L57.8 44.128a2 2 0 0 0-1.03 2.021l.368 2.776a2 2 0 0 1-1.62 2.23l-2.753.507a2 2 0 0 0-1.604 1.604l-.508 2.753a2 2 0 0 1-2.23 1.62l-2.775-.367a2 2 0 0 0-2.02 1.03l-1.335 2.46a2 2 0 0 1-2.62.852l-2.527-1.207a2 2 0 0 0-2.24.355l-2.03 1.928a2 2 0 0 1-2.755 0l-2.03-1.928a2 2 0 0 0-2.24-.355l-2.526 1.207a2 2 0 0 1-2.62-.851L19.372 58.3a2 2 0 0 0-2.021-1.03l-2.776.368a2 2 0 0 1-2.23-1.62l-.507-2.753a2 2 0 0 0-1.604-1.604l-2.753-.508a2 2 0 0 1-1.62-2.23l.368-2.775a2 2 0 0 0-1.03-2.02l-2.462-1.335a2 2 0 0 1-.851-2.62l1.207-2.527a2 2 0 0 0-.355-2.24L.81 33.377a2 2 0 0 1 0-2.755l1.93-2.03a2 2 0 0 0 .354-2.24l-1.207-2.526a2 2 0 0 1 .851-2.62L5.2 19.872a2 2 0 0 0 1.03-2.021l-.368-2.776a2 2 0 0 1 1.62-2.23l2.753-.507a2 2 0 0 0 1.604-1.604l.508-2.753a2 2 0 0 1 2.23-1.62l2.775.368a2 2 0 0 0 2.02-1.03l1.335-2.462a2 2 0 0 1 2.62-.851l2.527 1.207a2 2 0 0 0 2.24-.355l2.03-1.929Z'/%3E%3C/svg%3E");
    mask-size:contain;
    mask-repeat:no-repeat
}
.cervezas__menu_logos .menu_logo {
    width:100%;
    height:100%;
    object-fit:contain;
    color:var(--blanco)
}
.cervezas__menu_logos .menu_logo.off {
    display:none
}
.cervezas__menu_logos .menu_logo.svg-mahou {
    width:90%;
    height:90%
}
.cervezas__menu_logos .bg_diabla .menu_logo {
    width:85%;
    height:85%
}
.cervezas__menu_logos .swiper-slide {
    width:auto
}
.cervezas__menu_logos .swiper-slide:first-child {
    margin-left:var(--space-xl)
}
.cervezas__menu_logos .swiper-slide:last-child {
    margin-right:var(--space-xl) !important
}
.cervezas__distributiva {
    border-top:1px solid var(--neutral-n30);
    display:flex;
    justify-content:center
}
.distributiva_content {
    padding:2.5rem var(--space-xl) 5rem var(--space-xl);
    display:grid;
    grid-template-columns:20rem auto;
    grid-template-rows:1rem 1fr;
    column-gap:2.5rem;
    width:100%;
    max-width:var(--width-primary);
    justify-content:space-between
}
.cervezas__group_info {
    grid-column:1;
    grid-row:2;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:2.5rem
}
.cervezas__group_info .group_logo {
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:.25rem;
    color:var(--blanco)
}
.cervezas__group_info .group_logo img,.cervezas__group_info .group_logo .svg-mahou {
    width:6rem
}
.cervezas__group_info .group_text {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:1rem
}
.cervezas__group_info .group_title {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-transform:uppercase;
    color:var(--rojo)
}
.newfonts .cervezas__group_info .group_title {
    font-weight:600
}
.cervezas__group_info .group_claim {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12
}
.cervezas__group_info .group_button {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:1rem;
    line-height:1.6;
    transition:color 0.3s ease-out;
    text-decoration:underline
}
.cervezas__group_info .group_button:hover {
    color:var(--neutral-n70)
}
.cervezas__cards {
    grid-row:1/-1;
    grid-column:2;
    width:calc(26.6875rem * 2 + 1rem);
    height:100%;
    overflow:visible
}
.cervezas__cards .swiper-slide {
    height:auto !important
}
.cerveza_card {
    display:grid;
    grid-template-columns:8.1875rem 1fr auto;
    grid-template-rows:1rem 14.375rem 1rem;
    width:26.6875rem !important;
    margin-bottom:-1rem
}
.cerveza_card .card_bottle {
    width:8.1875rem;
    height:15rem;
    grid-column:1;
    grid-row:1/-1;
    transform-origin:top center;
    transition:transform 0.5s ease-in-out
}
.cerveza_card .card_bottle img {
    width:100%;
    height:100%;
    object-fit:contain
}
.cerveza_card .card_text {
    grid-column:1/-1;
    grid-row:2;
    border-radius:.5rem;
    overflow:hidden;
    display:grid;
    grid-template-columns:8.1875rem 1fr;
    grid-template-rows:1fr;
    align-items:center
}
.cerveza_card .card_text .card_text_content {
    grid-column:2;
    grid-row:1;
    padding-right:1rem;
    z-index:1
}
.cerveza_card .card_text .card_text_bg_image {
    grid-column:1/-1;
    grid-row:1;
    transition:transform 0.5s ease-in-out;
    transform-origin:bottom center;
    width:100%;
    height:100%;
    overflow:hidden
}
.cerveza_card .card_text .card_text_bg_image img {
    width:100%;
    height:100%;
    object-fit:cover
}
.cerveza_card .card_text .card_text_bg_image img.from-left {
    object-position:0 50%
}
.cerveza_card .card_text .card_text_bg_image img.from-right {
    object-position:100% 50%
}
.cerveza_card .card_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12
}
.cerveza_card .card_subtitle {
    font-family:var(--font-primary);
    font-weight:500;
    font-size:.6875rem;
    line-height:1.5;
    text-transform:uppercase;
    padding-top:.5rem
}
.cerveza_card .card_icon {
    grid-column:3;
    grid-row:2;
    padding:1rem 1rem 0 0;
    z-index:1
}
.cervezas__others {
    border-top:1px solid var(--neutral-n30);
    display:flex;
    justify-content:center
}
.others_content {
    padding:5rem var(--space-xl);
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:.75rem
}
.others_card {
    max-width:20rem;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:auto 1fr auto;
    justify-items:center;
    row-gap:2.5rem;
    padding:2.5rem 1rem;
    border-radius:.5rem
}
.others_logo {
    width:7.5rem
}
.others_text {
    text-align:center
}
.others_text .others_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2rem;
    line-height:1.12;
    padding-bottom:1rem
}
.others_text .others_description {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5
}
.banner_tienda {
    border-top:1px solid var(--neutral-n30);
    display:flex;
    justify-content:center;
    padding:5rem var(--space-xl)
}
.banner_content {
    max-width:var(--width-primary);
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr;
    justify-items:center
}
.banner_content .banner_bg {
    grid-column:1;
    grid-row:1;
    border-radius:.5rem;
    overflow:hidden
}
.banner_content .banner_bg img {
    width:100%;
    height:100%;
    object-fit:cover
}
.banner_content .banner_bg img.from-left {
    object-position:0 50%
}
.banner_content .banner_bg img.from-right {
    object-position:100% 50%
}
.banner_content .banner_text {
    grid-column:1;
    grid-row:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:1.5rem;
    max-width:18.4375rem;
    padding:2.5rem 1rem;
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    color:var(--blanco);
    text-align:center
}
.banner_content .logo_tienda {
    width:12.5rem
}
.cervezas__menu_texto {
    border-top:1px solid var(--neutral-n30);
    display:flex;
    justify-content:center;
    padding:5rem var(--space-xl);
    flex-direction:column;
    align-items:center;
    color:var(--rojo);
    gap:1rem
}
.cervezas__menu_texto li {
    width:100%
}
.cervezas__menu_texto .menu_title {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    text-transform:uppercase
}
.cervezas__menu_texto .button_big_text {
    font-family:var(--font-primary);
    font-weight:300;
    font-size:4rem;
    line-height:1;
    letter-spacing:-0.02em;
    color:var(--rojo);
    display:block;
    width:100%;
    text-align:center
}
@media (min-width: 1360px) {
    .cerveza_card:hover .card_bottle,.cinco-estrellas_card:hover .card_bottle {
        transform:translateY(-1.5rem)
    }
    .cerveza_card:hover .card_text .card_text_bg_image,.cinco-estrellas_card:hover .card_text .card_text_bg_image {
        transform:scale(1.1)
    }
    .nav_swiper {
        overflow:visible
    }
    .cervezas__menu_logos .menu_button:hover {
        transform:scale(1.2)
    }
    .cervezas__menu_texto .button_big_text em {
        font-style:normal
    }
    .cervezas__menu_texto .button_big_text:hover {
        font-family:var(--font-secondary)
    }
}
@media only screen and (max-width: 1360px) {
    .distributiva_content {
        padding:2.5rem 0 5rem 0;
        grid-template-columns:1fr;
        grid-template-rows:1fr auto;
        width:100vw;
        gap:0
    }
    .cervezas__group_info {
        grid-column:1;
        grid-row:1;
        padding:0 var(--space-xl) 2.5rem var(--space-xl)
    }
    .cervezas__group_info .group_logo {
        display:none
    }
    .cervezas__cards {
        overflow:hidden;
        grid-row:2;
        grid-column:1;
        width:100vw;
        padding-bottom:2rem
    }
    .cervezas__cards .swiper-slide:first-child {
        margin-left:var(--space-xl) !important
    }
    .cervezas__cards .swiper-slide:last-child {
        margin-right:var(--space-xl) !important
    }
    .cerveza_card {
        grid-template-columns:6.5rem 1fr auto;
        grid-template-rows:1rem 10.3125rem 1rem;
        width:16.25rem !important
    }
    .cerveza_card .card_bottle {
        width:6.5rem;
        height:12.5rem;
        margin-left:-.5rem
    }
    .cerveza_card .card_text {
        grid-template-columns:6rem 1fr
    }
    .cerveza_card .card_title {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:1.5rem;
        line-height:1.04
    }
    .cerveza_card .card_icon {
        padding:.5rem .5rem 0 0
    }
    .others_content {
        grid-template-columns:repeat(2, 1fr)
    }
}
@media only screen and (max-width: 860px) {
    .others_content {
        grid-template-columns:1fr
    }
}
@media only screen and (max-width: 570px) {
    .cervezas__header .header_title {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:4rem;
        line-height:1
    }
    .header_intro,.intro_gaming_box {
        margin-top:-.625rem;
        align-items:flex-start;
        text-align:left
    }
    .home .header_intro,.home .intro_gaming_box {
        margin-top:-.625rem
    }
    .cervezas__menu_logos {
        justify-content:flex-start
    }
    .cervezas__menu_texto .button_big_text {
        font-family:var(--font-secondary);
        font-weight:regular;
        font-size:2.125rem;
        text-transform:uppercase
    }
    .others_card {
        max-width:none
    }
    .banner_tienda {
        padding:0
    }
    .banner_content .banner_bg {
        border-radius:0rem
    }
}
@media only screen and (max-width: 320px) {
    .cervezas__header .header_title {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:3rem;
        line-height:1
    }
}
.cervezas__menu_logos.subhome .menu_button.radler::after,.cervezas__menu_logos.subhome .menu_button.sin-gluten::after {
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:30%;
    background-color:transparent;
    z-index:-1
}
.cervezas__menu_logos.subhome .menu_button.active {
    pointer-events:none
}
.cervezas__menu_logos.subhome .menu_button.active.radler::after {
    background-color:var(--amarillo-radler)
}
.cervezas__menu_logos.subhome .menu_button.active.sin-gluten::after {
    background-color:var(--verde2-sin-gluten)
}
.cervezas__menu_logos.subhome .menu_button.active .menu_logo.on {
    display:block
}
.cervezas__menu_logos.subhome .menu_button.active .menu_logo.off {
    display:none
}
.cervezas__menu_logos.subhome .menu_button:not(.active) {
    background-image:none;
    background-color:var(--ocre-claro)
}
.cervezas__menu_logos.subhome .menu_button:not(.active).radler::after,.cervezas__menu_logos.subhome .menu_button:not(.active).sin-gluten::after {
    background-color:var(--transparency-t30)
}
.cervezas__menu_logos.subhome .menu_button:not(.active) .menu_logo {
    filter:brightness(0) invert(1)
}
.cervezas__menu_logos.subhome .menu_button:not(.active) .menu_logo.on {
    display:none
}
.cervezas__menu_logos.subhome .menu_button:not(.active) .menu_logo.off {
    filter:none;
    display:block
}
.nav_swiper:has(+section[class$="_rojo"]) {
    background-color:var(--rojo)
}
.nav_swiper:has(+section[class$="_rojo"]) .cervezas__menu_logos.subhome .menu_button.active {
    background-color:var(--rojo-oscuro);
    border:1px solid var(--transparency-t20)
}
.nav_swiper:has(+section[class$="_rojo"]) .cervezas__menu_logos.subhome .menu_button:not(.active) {
    background-image:none;
    background-color:var(--transparency-t15)
}
.nav_swiper:has(+section[class$="_rojo"]) .cervezas__menu_logos.subhome .menu_button:not(.active) .menu_logo {
    opacity:0.6
}
.nav_swiper:has(+section[class$="_rojo"]) .cervezas__menu_logos.subhome .menu_button:not(.active) .menu_logo.on {
    display:none
}
.nav_swiper:has(+section[class$="_rojo"]) .cervezas__menu_logos.subhome .menu_button:not(.active) .menu_logo.off {
    filter:none;
    display:block
}
.title_group .cinco_estrellas {
    width:7.1875rem;
    padding-top:.5rem
}
.cervezas__header_subhome,.cervezas__header_rojo {
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr auto;
    justify-items:center;
    text-align:center;
    overflow:hidden;
    position:relative
}
.cervezas__header_subhome>*,.cervezas__header_rojo>* {
    position:relative
}
.cervezas__header_subhome .title_bg,.cervezas__header_rojo .title_bg {
    position:absolute;
    bottom:20%;
    font-family:var(--font-secondary);
    color:var(--ocre-claro);
    opacity:0.25;
    text-transform:uppercase;
    font-size:15vw;
    font-size:clamp(5rem, 15vw, 18rem);
    line-height:0.8;
    max-width:11ch
}
.cervezas__header_subhome .subhome_intro,.cervezas__header_rojo .subhome_intro {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1.5rem;
    width:80%;
    max-width:60rem;
    margin:2.5rem auto
}
.cervezas__header_subhome .subhome_intro .name,.cervezas__header_rojo .subhome_intro .name {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-transform:uppercase;
    color:var(--rojo)
}
.newfonts .cervezas__header_subhome .subhome_intro .name,.newfonts .cervezas__header_rojo .subhome_intro .name {
    font-weight:600
}
.cervezas__header_subhome .subhome_intro .title,.cervezas__header_rojo .subhome_intro .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:4rem;
    line-height:1
}
.cervezas__header_subhome .subhome_intro .text,.cervezas__header_rojo .subhome_intro .text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5
}
.cervezas__header_rojo {
    background-color:var(--rojo);
    color:var(--blanco)
}
.cervezas__header_rojo .title_bg {
    color:var(--rojo-oscuro);
    opacity:1
}
.cervezas__header_rojo .subhome_intro .name {
    color:var(--blanco)
}
.header_image_menu {
    display:flex;
    margin-bottom:-5rem
}
.header_image_menu .image_button {
    max-width:15rem;
    display:block;
    margin:0 -.625rem;
    transition:transform 0.3s ease-out
}
.header_image_menu .image_button img {
    width:100%;
    height:100%;
    object-fit:cover
}
.header_image_menu .image_button img.from-left {
    object-position:0 50%
}
.header_image_menu .image_button img.from-right {
    object-position:100% 50%
}
.header_image_menu .image_button:hover {
    transform:translateY(-2rem)
}
.header_intro,.intro_gaming_box {
    margin-top:-5rem
}
.cinco-estrellas__resto {
    border-top:1px solid var(--neutral-n30);
    display:flex;
    justify-content:center
}
.cinco-estrellas__resto.singluten .intro_title {
    max-width:20ch
}
.resto_content {
    padding:2.5rem 0 5rem 0;
    width:100%
}
.resto_intro {
    padding:0 var(--space-xl);
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center
}
.resto_intro .intro_variedad {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-transform:uppercase;
    color:var(--rojo)
}
.newfonts .resto_intro .intro_variedad {
    font-weight:600
}
.resto_intro .intro_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    padding-top:.5rem
}
.cinco-estrellas__cards {
    width:100%;
    --card-width: calc(20rem * 5);
    --card-gap: calc(.75rem * 4);
    --card-margins: calc(4rem * 2);
    --card-total-width: calc(var(--card-width) + var(--card-gap) + var(--card-margins))
}
.cinco-estrellas__cards.resto {
    --card-width: calc(20rem * 4);
    --card-gap: calc(.75rem * 3)
}
.cinco-estrellas__cards.uno {
    --card-width: toRem(320);
    --card-gap: 0
}
.cinco-estrellas__cards.uno .cinco-estrellas_card:first-child {
    margin-left:0
}
.cinco-estrellas__cards.uno .cinco-estrellas_card:last-child {
    margin-right:0
}
.cinco-estrellas__cards.uno .swiper-wrapper {
    justify-content:center
}
.cinco-estrellas__cards.dos {
    --card-width: calc(20rem * 2);
    --card-gap: calc(.75rem * 1)
}
.cinco-estrellas__cards .swiper-wrapper {
    max-width:var(--card-total-width)
}
.cinco-estrellas_card {
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-rows:1rem auto 1fr auto;
    width:20rem !important;
    margin-top:4rem
}
.cinco-estrellas_card:first-child {
    margin-left:var(--space-xl)
}
.cinco-estrellas_card:last-child {
    margin-right:var(--space-xl)
}
.cinco-estrellas_card .card_text {
    grid-column:1/-1;
    grid-row:2/-1;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr;
    justify-items:center;
    height:32.5rem;
    border-radius:.5rem;
    overflow:hidden;
    text-align:center
}
.cinco-estrellas_card .card_text .button {
    font-size:.875rem;
    padding:.5rem 2rem;
    margin:1rem 0
}
.cinco-estrellas_card .card_text .card_text_bg_image {
    grid-column:1;
    grid-row:1;
    transition:transform 0.5s ease-in-out;
    transform-origin:bottom center;
    width:100%;
    height:100%;
    overflow:hidden
}
.cinco-estrellas_card .card_text .card_text_bg_image img {
    width:100%;
    height:100%;
    object-fit:cover
}
.cinco-estrellas_card .card_text .card_text_bg_image img.from-left {
    object-position:0 50%
}
.cinco-estrellas_card .card_text .card_text_bg_image img.from-right {
    object-position:100% 50%
}
.cinco-estrellas_card .card_text .card_text_content {
    grid-column:1;
    grid-row:1;
    z-index:1;
    align-self:self-end;
    display:flex;
    flex-direction:column;
    align-items:center
}
.cinco-estrellas_card .card_icon {
    grid-column:2;
    grid-row:2;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr;
    justify-items:center;
    padding-right:1rem;
    z-index:1
}
.cinco-estrellas_card .card_icon .icon {
    grid-column:1;
    grid-row:1;
    padding-top:.5rem;
    display:none
}
.cinco-estrellas_card .card_icon .logo {
    grid-column:1;
    grid-row:1;
    width:5.25rem;
    height:5.25rem
}
.cinco-estrellas_card .card_icon .logo img {
    width:100%;
    height:100%;
    object-fit:contain
}
.cinco-estrellas_card .card_icon .logo:has(.svg-mahou) {
    padding:.75rem
}
.cinco-estrellas_card .card_icon .logo .svg-mahou {
    width:100%;
    height:100%;
    object-fit:contain
}
.cinco-estrellas_card .card_icon .logo.logo_rojo {
    color:var(--rojo)
}
.cinco-estrellas_card .card_bottle {
    grid-column:1/-1;
    grid-row:1/3;
    justify-self:center;
    width:12.5rem;
    height:23.4375rem;
    transform-origin:top center;
    transition:transform 0.5s ease-in-out
}
.cinco-estrellas_card .card_bottle img {
    width:100%;
    height:100%;
    object-fit:contain
}
.cinco-estrellas_card .card_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04
}
.cinco-estrellas_card .card_subtitle {
    font-family:var(--font-primary);
    font-weight:500;
    font-size:.6875rem;
    line-height:1.5;
    text-transform:uppercase;
    padding-top:.5rem
}
.notas {
    margin-top:5rem;
    max-width:54.375rem
}
.notas .section_title {
    margin-bottom:3rem
}
.notas .text_notas {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:1.25rem;
    line-height:1.6;
    margin-bottom:3rem
}
.notas .iconos {
    display:grid;
    grid-template-columns:1fr 1fr;
    column-gap:2rem
}
.notas .iconos .imagen_icono {
    height:2.5rem;
    width:2.5rem
}
.notas .iconos .imagen_icono img {
    width:100%;
    height:100%;
    object-fit:contain
}
.notas .iconos .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2rem;
    line-height:1.12;
    color:var(--topacio);
    margin:1rem 0
}
.notas .iconos p {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:1.25rem;
    line-height:1.6;
    margin-bottom:2rem
}
.notas .iconos .last {
    grid-column:1/3
}
.cualidades {
    padding-block:1.5rem;
    display:flex;
    flex-direction:column;
    gap:1.5rem
}
.cualidades .cualidad_card {
    background-color:var(--blanco);
    border-radius:.5rem;
    display:flex;
    flex-direction:column;
    gap:1rem;
    padding:1.5rem
}
.cualidades .cualidad_card_title {
    display:flex;
    justify-content:space-between
}
.cualidades .cualidad_card_title .title_content {
    display:flex;
    align-items:center;
    gap:1rem
}
.cualidades .cualidad_card_title .icon {
    width:2rem;
    height:2rem;
    border-radius:50%;
    background-color:var(--neutral-n15);
    display:grid;
    place-items:center
}
.cualidades .cualidad_card_title .icon [class^="icon-"] {
    width:60%
}
.cualidades .cualidad_card_title .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04
}
.cualidades .cualidad_card_title .text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5
}
.cualidades .escala_color {
    display:flex;
    gap:.75rem;
    align-items:center
}
.cualidades .escala_color .color {
    width:1rem;
    height:1rem;
    border-radius:50%;
    position:relative
}
.cualidades .escala_color .color.active::after {
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:150%;
    height:150%;
    border-radius:50%;
    border:1px solid var(--neutral-n30)
}
@media only screen and (max-width: 1360px) {
    #subhome_cinco_estrellas .header_image_menu .view-lg {
        display:none
    }
}
@media only screen and (max-width: 860px) {
    #subhome_cinco_estrellas .header_image_menu .view-md {
        display:none
    }
    .header_image_menu .image_button {
        max-width:12.5rem
    }
    .notas .iconos {
        grid-template-columns:1fr;
        column-gap:0
    }
    .notas .iconos .last {
        grid-column:1/1
    }
}
@media only screen and (max-width: 570px) {
    [class^="cervezas__header"] .subhome_intro {
        grid-row:2
    }
    [class^="cervezas__header"] .header_image_menu {
        grid-row:1;
        margin-bottom:0;
        margin-top:1.5rem
    }
    [class^="cervezas__header"] .title_bg {
        bottom:inherit;
        top:10%
    }
    .singluten {
        background-color:var(--verde-sin-gluten)
    }
    .singluten .card_text.bg_verde-sin-gluten {
        background-color:var(--transparency-t10)
    }
    .singluten .resto_intro {
        align-items:flex-start
    }
    .singluten .resto_intro .intro_variedad {
        color:var(--blanco)
    }
    .singluten .resto_intro .intro_title {
        color:var(--blanco)
    }
    .cinco-estrellas__cards {
        width:90%
    }
    .cinco-estrellas__cards.resto .cinco-estrellas_card {
        width:16.25rem !important
    }
    .resto_intro {
        align-items:flex-start;
        text-align:left
    }
    .resto_intro .intro_title {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:2rem;
        line-height:1.12
    }
    .cervezas__header_subhome .subhome_intro,.cervezas__header_rojo .subhome_intro {
        align-items:flex-start;
        text-align:left
    }
    .cervezas__header_subhome .subhome_intro .title,.cervezas__header_rojo .subhome_intro .title {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:2rem;
        line-height:1.12
    }
    .cinco-estrellas_card {
        width:100% !important;
        grid-template-columns:auto 1fr auto;
        grid-template-rows:1rem 1fr;
        margin-top:1.5rem
    }
    .cinco-estrellas_card.resto {
        width:13.75rem !important
    }
    .cinco-estrellas_card:first-child {
        margin-left:0
    }
    .cinco-estrellas_card:last-child {
        margin-right:0
    }
    .cinco-estrellas_card .card_text {
        grid-column:1/-1;
        grid-row:2;
        margin-bottom:.5rem;
        height:12.5rem;
        text-align:left;
        align-items:center;
        justify-items:self-start
    }
    .cinco-estrellas_card .card_text .button {
        display:none
    }
    .cinco-estrellas_card .card_text .card_text_content {
        padding-left:7rem;
        padding-right:1rem;
        align-items:flex-start;
        height:100%;
        justify-content:center
    }
    .cinco-estrellas_card .card_icon {
        grid-column:3;
        grid-row:2;
        padding-right:.5rem
    }
    .cinco-estrellas_card .card_icon .icon {
        display:block
    }
    .cinco-estrellas_card .card_icon .logo {
        display:none
    }
    .cinco-estrellas_card .card_bottle {
        grid-column:1;
        grid-row:1/-1;
        width:7rem;
        height:13.5rem
    }
    .cualidades .cualidad_card_title {
        flex-direction:column;
        gap:1rem
    }
}
@media only screen and (max-width: 320px) {
    .header_image_menu .image_button {
        max-width:10rem
    }
}
.cervezas__header_carrusel {
    padding:2.5rem 0 2.5rem var(--space-xl);
    display:grid;
    grid-template-columns:20rem 1fr;
    grid-template-rows:auto auto;
    column-gap:.75rem
}
.cervezas__header_carrusel .header_fijo {
    background-color:var(--blanco);
    max-height:32.125rem;
    border-radius:.5rem
}
.cervezas__header_carrusel .header_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:3rem;
    line-height:1;
    line-height:0.8;
    text-transform:uppercase;
    color:var(--rojo);
    text-align:center;
    padding:1.5rem 1.5rem 1rem 1.5rem
}
.cervezas__header_carrusel .header_title .brand {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    margin-bottom:.1875rem
}
.newfonts .cervezas__header_carrusel .header_title .brand {
    font-weight:600
}
.cervezas__header_carrusel .header_info {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-align:center;
    display:flex;
    justify-content:center;
    text-transform:uppercase;
    gap:.5rem
}
.newfonts .cervezas__header_carrusel .header_info {
    font-weight:600
}
.cervezas__header_carrusel .header_info li:not(li:last-child) {
    white-space:nowrap
}
.cervezas__header_carrusel .header_info li:not(li:last-child)::after {
    content:'|';
    display:inline-block;
    padding-left:.5rem
}
.cervezas__header_carrusel .header_fotos {
    margin-left:0;
    display:flex;
    flex-direction:column;
    max-width:calc(100%)
}
.cervezas__header_carrusel .header_fotos .swiper-slide {
    width:auto;
    max-height:32.125rem;
    border-radius:.5rem;
    overflow:hidden;
    max-width:100%;
    max-height:100%
}
.cervezas__header_carrusel .header_fotos .swiper-slide:last-child {
    margin-right:var(--space-xl)
}
.cervezas__header_carrusel .header_fotos .swiper-slide img {
    object-fit:cover
}
.cervezas__header_carrusel .header_fotos .navigation {
    position:relative;
    max-width:calc(100% - var(--space-xl));
    height:2.5rem;
    margin-top:-3.5rem;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:1rem
}
.cervezas__header_carrusel .header_fotos .navigation>* {
    position:relative
}
.cervezas__header_carrusel .header_fotos .navigation .swiper-pagination {
    width:auto;
    top:auto;
    left:auto;
    right:auto;
    bottom:auto
}
.cervezas__header_carrusel .botones {
    display:flex;
    gap:1rem
}
.cervezas__header_carrusel .botones .swiper-button-next,.cervezas__header_carrusel .botones .swiper-button-prev {
    position:relative;
    top:auto;
    left:auto;
    right:auto;
    bottom:auto;
    margin-top:0;
    width:2.5rem;
    height:2.5rem;
    background-color:var(--transparency-t30);
    color:var(--blanco);
    border:1px solid var(--transparency-t30);
    backdrop-filter:blur(4px);
    border-radius:6.25rem;
    display:grid;
    place-items:center
}
.cervezas__header_carrusel .botones .swiper-button-next::after,.cervezas__header_carrusel .botones .swiper-button-prev::after {
    font-size:.75rem
}
.bottle_pin {
    margin-top:-64.375rem;
    position:sticky;
    top:9.375rem;
    left:0;
    padding-bottom:17.5rem;
    pointer-events:none
}
.header_bottle {
    display:flex;
    justify-content:center;
    width:100%;
    max-width:20rem;
    height:23.4375rem
}
.header_bottle img {
    width:100%;
    height:100%;
    object-fit:contain
}
.cervezas__interior_content {
    position:relative;
    padding:7.5rem 0;
    margin:0 auto;
    min-height:51.25rem;
    display:grid;
    grid-template-columns:auto 1fr;
    column-gap:7.5rem
}
.cervezas__interior_content .content_text {
    display:flex;
    flex-direction:column;
    gap:1.5rem;
    max-width:54.375rem
}
.cervezas__interior_content .area_content>div {
    padding-right:var(--space-xl)
}
.cervezas__interior_content .content_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:3rem;
    line-height:1;
    color:var(--rojo)
}
.cervezas__interior_content .content_subtitle {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04
}
.cervezas__interior_content .content_text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5
}
.cervezas__interior_content .button {
    font-size:.875rem;
    padding:.5rem 2rem
}
.cervezas__interior_content .mobile_buttons {
    display:none;
    flex-direction:column;
    gap:.5rem;
    margin:1.5rem 0
}
.area_banner {
    position:relative;
    padding-left:var(--space-xl)
}
.cervezas__interior_cards {
    display:flex;
    gap:.75rem;
    margin-top:1.5rem
}
.interior_card {
    display:grid;
    grid-template-columns:1fr auto;
    padding:1.5rem;
    background-color:var(--blanco);
    border-radius:.5rem;
    max-width:26.875rem
}
.interior_card_text {
    display:grid;
    grid-template-columns:1fr auto;
    row-gap:1rem
}
.interior_card_text .interior_card_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    color:var(--ocre)
}
.interior_card_text .interior_card_subtitle {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    grid-column:1;
    grid-row:2
}
.interior_card_text .interior_card_icon {
    grid-row:1;
    grid-column:2;
    margin:-1rem -1rem 0 0
}
.interior_card_text .interior_card_icon i {
    color:var(--ocre)
}
.cervezas__interior_banner {
    position:sticky;
    top:14.375rem;
    width:20rem;
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-rows:auto 1fr auto
}
.cervezas__interior_banner .banner_text {
    grid-column:1/-1;
    grid-row:1/-1;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr auto;
    justify-items:center;
    height:36rem;
    border-radius:.5rem;
    overflow:hidden;
    text-align:center
}
.cervezas__interior_banner .banner_text .banner_buttons {
    grid-column:1;
    grid-row:2;
    display:flex;
    flex-direction:column;
    gap:.5rem;
    margin:1.5rem 0
}
.cervezas__interior_banner .banner_text .banner_text_bg_image {
    grid-column:1;
    grid-row:1/-1;
    transition:transform 0.5s ease-in-out;
    transform-origin:bottom center;
    width:100%;
    height:100%;
    overflow:hidden
}
.cervezas__interior_banner .banner_text .banner_text_bg_image img {
    width:100%;
    height:100%;
    object-fit:cover
}
.cervezas__interior_banner .banner_text .banner_text_bg_image img.from-left {
    object-position:0 50%
}
.cervezas__interior_banner .banner_text .banner_text_bg_image img.from-right {
    object-position:100% 50%
}
.cervezas__interior_banner .banner_text .banner_text_content {
    grid-column:1;
    grid-row:1;
    z-index:1;
    align-self:self-end;
    display:flex;
    flex-direction:column;
    align-items:center;
    height:33%
}
.cervezas__interior_banner .banner_icon {
    grid-column:2;
    grid-row:1;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr;
    justify-items:center;
    padding-right:.75rem;
    z-index:1
}
.cervezas__interior_banner .banner_icon .icon {
    grid-column:1;
    grid-row:1;
    padding-top:.5rem;
    display:none
}
.cervezas__interior_banner .banner_icon .logo {
    grid-column:1;
    grid-row:1;
    width:5rem;
    height:5rem
}
.cervezas__interior_banner .banner_icon .logo img {
    width:100%;
    height:100%;
    object-fit:contain
}
.cervezas__interior_banner .banner_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12
}
.cervezas__interior_banner .banner_subtitle {
    font-family:var(--font-primary);
    font-weight:500;
    font-size:.6875rem;
    line-height:1.5;
    text-transform:uppercase;
    padding-top:.5rem
}
.section_name {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-transform:uppercase;
    color:var(--rojo)
}
.newfonts .section_name {
    font-weight:600
}
.section_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    color:var(--neutral-n90)
}
.cervezas_opiniones {
    margin-top:5rem;
    display:flex;
    flex-direction:column;
    gap:3rem
}
.cervezas_opiniones .opiniones_rate {
    display:flex;
    flex-direction:column;
    gap:1rem
}
.cervezas_opiniones .opiniones_rate .rating {
    display:flex;
    align-items:center;
    gap:1rem
}
.cervezas_opiniones .opiniones_rate .nota {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5
}
.cervezas_opiniones .puntos {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:4rem;
    line-height:1;
    color:var(--neutral-n90)
}
.cervezas_opiniones .stars {
    font-family:var(--font-secondary);
    font-weight:normal;
    font-size:1.5rem;
    color:var(--rojo)
}
.cervezas_opiniones .stars.small {
    font-size:.75rem
}
.cervezas_opiniones .stars .half {
    position:relative;
    color:transparent;
    -webkit-text-stroke:1px var(--rojo)
}
.cervezas_opiniones .stars .half::after {
    content:"★";
    position:absolute;
    left:0;
    top:0;
    color:var(--rojo);
    clip-path:polygon(0% 0%, 52% 0%, 52% 100%, 0% 100%)
}
.cervezas_opiniones .stars .null {
    color:transparent;
    -webkit-text-stroke:1px var(--rojo)
}
.cervezas_opiniones .opiniones_users {
    display:flex;
    gap:2.5rem
}
.cervezas_opiniones .opiniones_users .user {
    max-width:26.25rem;
    display:flex;
    flex-direction:column;
    gap:1rem
}
.cervezas__destacados {
    padding:1.5rem var(--space-xl);
    display:flex;
    flex-direction:column;
    gap:1.5rem;
    overflow:hidden
}
.cervezas__destacados .destacado_info .info_title {
    color:var(--rojo)
}
.cervezas__info_alimentaria {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:var(--bg-modal);
    backdrop-filter:blur(5px);
    z-index:9998;
    opacity:0;
    pointer-events:none;
    transition:opacity 0.5s ease;
    --width-col1: 144px
}
.cervezas__info_alimentaria.active {
    opacity:1;
    pointer-events:initial
}
.cervezas__info_alimentaria .modal_content {
    width:90vw;
    max-width:38.125rem;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    display:grid;
    grid-template-columns:4.375rem 1fr 2.5rem
}
.cervezas__info_alimentaria .modal_text {
    grid-column:2/-1;
    padding:2rem 0;
    background-color:var(--blanco);
    border-radius:.5rem;
    box-shadow:0 4px 8px rgba(0,0,0,0.2)
}
.cervezas__info_alimentaria .modal_header {
    border-bottom:1px solid var(--color-lines);
    padding:1.5rem 0
}
.cervezas__info_alimentaria .modal_header>* {
    padding:0 2rem 0 5rem
}
.cervezas__info_alimentaria .modal_header .header_name {
    font-family:var(--font-primary);
    font-weight:500;
    font-size:.6875rem;
    line-height:1.5;
    color:var(--ocre);
    text-transform:uppercase
}
.cervezas__info_alimentaria .modal_header .header_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12
}
.cervezas__info_alimentaria .modal_data {
    padding:1.5rem 2rem 1.5rem 5rem;
    display:flex;
    flex-direction:column;
    gap:1.5rem
}
.cervezas__info_alimentaria .modal_data .data_name,.cervezas__info_alimentaria .modal_data .data_text,.cervezas__info_alimentaria .modal_data .col_name,.cervezas__info_alimentaria .modal_data .col_text,.cervezas__info_alimentaria .modal_data .col {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    color:var(--neutral-n70)
}
.cervezas__info_alimentaria .modal_data .data_name {
    color:var(--ocre-claro)
}
.cervezas__info_alimentaria .modal_data .data_row {
    border-bottom:1px solid var(--color-lines);
    display:grid;
    grid-template-columns:var(--width-col1) 2fr;
    gap:1rem;
    padding-bottom:1rem
}
.cervezas__info_alimentaria .data_table .table_head {
    display:grid;
    grid-template-columns:var(--width-col1) 1fr 1fr;
    gap:1rem;
    border-bottom:1px solid var(--color-lines);
    padding-bottom:1rem;
    margin-bottom:.5rem
}
.cervezas__info_alimentaria .data_table .table_head .data_name:last-child {
    justify-self:self-end
}
.cervezas__info_alimentaria .data_table .table_row {
    display:grid;
    grid-template-columns:var(--width-col1) 1fr 1fr;
    gap:1rem
}
.cervezas__info_alimentaria .data_table .table_row.first {
    margin-top:.75rem
}
.cervezas__info_alimentaria .data_table .table_row .col:last-child {
    justify-self:self-end;
    text-align:right
}
.cervezas__info_alimentaria .modal_close {
    grid-column:3;
    position:absolute;
    right:.25rem;
    top:.25rem;
    width:2rem;
    height:2rem;
    color:var(--topacio);
    border:1px solid transparent;
    font-size:1.5rem;
    z-index:999;
    border-radius:6.25rem;
    text-align:center;
    cursor:pointer;
    transition:border-color 0.3s ease-out
}
.cervezas__info_alimentaria .modal_close:hover {
    border-color:var(--neutral-n15)
}
.cervezas__info_alimentaria .modal_bottle {
    grid-column:1/2;
    grid-row:1;
    width:13.75rem;
    height:26.25rem;
    margin-left:-70%
}
.cervezas__info_alimentaria .modal_bottle img {
    width:100%;
    height:100%;
    object-fit:contain
}
@media only screen and (max-width: 1360px) {
    .cervezas__header_carrusel {
        grid-template-columns:1fr;
        grid-template-rows:repeat(3, auto);
        padding:2.5rem 0
    }
    .cervezas__header_carrusel .header_fijo {
        background-color:var(--blanco);
        max-height:auto;
        margin-right:0;
        margin-bottom:21.25rem;
        padding:0 var(--space-xl);
        background-color:transparent
    }
    .cervezas__header_carrusel .header_title {
        padding:0 0 1rem 0;
        font-size:clamp(3rem, 15vw, 4rem)
    }
    .cervezas__header_carrusel .header_fotos .swiper-slide {
        max-height:20rem
    }
    .cervezas__header_carrusel .header_fotos .swiper-slide img {
        max-width:320px
    }
    .cervezas__header_carrusel .header_fotos .swiper-slide:first-child {
        margin-left:1.5rem
    }
    .cervezas__header_carrusel .header_fotos .navigation {
        margin-left:1.5rem
    }
    .cervezas__interior_content {
        grid-template-columns:1fr;
        padding:5rem 0;
        min-height:auto
    }
    .cervezas__interior_content .mobile_buttons {
        display:flex;
        align-items:center
    }
    .cervezas__interior_content .mobile_buttons .button {
        width:100%;
        max-width:26.875rem
    }
    .cervezas__interior_content .area_content {
        display:flex;
        flex-direction:column;
        align-items:center
    }
    .cervezas__interior_content .area_content>div {
        padding-right:0
    }
    .section_title {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:2rem;
        line-height:1.12
    }
    .cervezas__interior_banner {
        display:none
    }
    .area_banner {
        position:relative;
        width:100vw;
        display:flex;
        justify-content:center
    }
    .bottle_pin {
        margin-top:-46.25rem;
        margin-bottom:0;
        position:absolute;
        top:auto;
        left:auto;
        display:flex;
        justify-content:center
    }
    .cervezas__interior_cards {
        flex-direction:column;
        align-items:center
    }
    .cervezas_opiniones .opiniones_users {
        flex-direction:column
    }
}
@media only screen and (max-width: 570px) {
    .cervezas__interior_content .area_content>div:not(.cervezas__interior_premios) {
        padding-left:var(--space-xl);
        padding-right:var(--space-xl)
    }
    .cervezas__info_alimentaria {
        --width-col1: 120px
    }
    .cervezas__info_alimentaria .modal_content {
        max-height:100vh
    }
    .cervezas__info_alimentaria .modal_text {
        grid-column:1/-1;
        grid-row:1;
        padding-bottom:.25rem
    }
    .cervezas__info_alimentaria .modal_header>* {
        padding-left:6.25rem
    }
    .cervezas__info_alimentaria .modal_header .header_title {
        min-height:6.25rem
    }
    .cervezas__info_alimentaria .modal_data {
        padding-left:1.5rem;
        padding-right:1.5rem;
        height:55vh;
        overflow:auto
    }
    .cervezas__info_alimentaria .modal_bottle {
        width:7rem;
        height:12.5rem;
        margin-left:-1rem;
        margin-top:-1rem
    }
}
.cervezas__interior_premios {
    margin-top:5rem;
    display:flex;
    flex-direction:column
}
.cervezas__interior_premios .section_title {
    margin-bottom:2.5rem
}
.premios_lista,.premios_iconos {
    width:calc(14.5rem * 4 + .75rem);
    margin-left:0;
    margin-right:0
}
.premios_iconos {
    margin-bottom:1.5rem
}
.premios_iconos .medal {
    width:auto;
    cursor:pointer
}
.premios_iconos .award_icon {
    width:4rem
}
.premios_iconos .award_icon img {
    width:100%
}
.award {
    width:13.75rem !important;
    height:12.5rem;
    background-color:var(--blanco);
    border-radius:.25rem;
    padding:1.5rem;
    display:grid;
    grid-template-rows:2rem 1fr;
    row-gap:.375rem;
    cursor:pointer
}
.award .award_title {
    font-family:var(--font-primary);
    font-weight:300;
    font-size:.625rem;
    text-align:center;
    color:var(--negro);
    align-self:center
}
.award .award_content {
    text-align:center;
    position:relative;
    padding:0 1rem;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:.5rem
}
.award .award_content .category {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2rem;
    line-height:0.8
}
.award .award_content .year {
    font-family:var(--font-primary);
    font-weight:300;
    font-size:.625rem
}
.award .award_content::before,.award .award_content::after {
    content:'';
    position:absolute;
    top:0;
    width:36px;
    height:90px;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.25 78.82'%3E%3Cpath fill-rule='evenodd' d='m24.82 78.81-.4-1.59a54.765 54.765 0 0 1-4.84-5.75c.31-1.22 1.11-4.47 1.14-5.37.05-1.86-.6-3.52-.93-5.27-.41-2.17-.33-4.51.22-6.82-1.5 2.62-3.03 5.3-3.69 8.15-.59 2.54 1.45 6.04 2.35 8.05a54.867 54.867 0 0 1-5.17-9.37c.52-1.02 2.12-4.2 2.36-5.12.46-1.81.2-3.57.26-5.36.08-2.21.67-4.49 1.72-6.63-2.04 2.23-4.11 4.51-5.38 7.15-1.22 2.54.28 6.85.59 8.87a54.843 54.843 0 0 1-3.09-10.73c.66-.79 3.04-3.69 3.48-4.55.85-1.66.99-3.45 1.44-5.19.57-2.14 1.65-4.25 3.14-6.1-2.47 1.72-4.99 3.49-6.81 5.79-1.82 2.3-1.2 7.12-1.41 9.04 0 0-.01-.02-.02-.03a55.223 55.223 0 0 1-.65-11.34c.7-.54 3.81-2.96 4.46-3.73 1.19-1.44 1.72-3.16 2.55-4.76 1.02-1.97 2.54-3.79 4.4-5.27-2.78 1.13-5.62 2.3-7.89 4.14-2.27 1.84-2.75 6.7-3.37 8.53-.03-.07-.05-.13-.07-.2.25-3.76.9-7.47 1.89-11.05.7-.32 4.39-2.05 5.2-2.68 1.47-1.14 2.37-2.71 3.53-4.09 1.43-1.7 3.3-3.14 5.44-4.17-2.95.49-5.97.99-8.58 2.29-2.61 1.3-4.15 5.94-5.16 7.6-.01-.09-.02-.18-.04-.27.84-2.79 1.89-5.5 3.15-8.11 4.14-6.69 8.11-5.55 8.87-14.85-1.93 2.5-5.38 4.8-7.06 6.96-1.45 1.88-2.37 4.19-2.22 6.71.01.22-.02.45-.08.68-1.1 2.26-2.05 4.59-2.84 6.97-.43-6.84 2.73-8.72-2.12-15.97.01 3.09-1.3 6.96-1.29 9.65 0 2.32.7 4.65 2.35 6.5.31.34.48.85.59 1.35-1.07 3.55-1.8 7.22-2.14 10.96-1.98-6.6.74-9.13-5.63-15.12.7 3 .27 7.05.87 9.66.52 2.25 1.71 4.36 3.74 5.79.39.27.68.75.89 1.23-.22 3.3-.15 6.66.24 10.03.04.4.1.8.15 1.2-3.52-6.07-1.31-9.16-8.94-13.58 1.34 2.76 1.82 6.79 2.99 9.19 1 2.07 2.64 3.85 4.94 4.79.5.2.93.68 1.26 1.15.64 3.73 1.69 7.44 3.1 11.03C7.1 53.9 8.85 50.3.21 47.66c1.92 2.38 3.29 6.18 4.96 8.25 1.44 1.79 3.44 3.15 5.89 3.54.7.11 1.39.71 1.84 1.17 1.43 3.39 3.19 6.66 5.2 9.72-6.36-4-5.4-7.91-14.48-8.55 2.41 1.88 4.58 5.27 6.68 6.9 1.81 1.42 4.06 2.29 6.55 2.12.7-.05 1.52.38 2.06.73 1.81 2.62 3.8 5.06 5.95 7.29Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.25 78.82'%3E%3Cpath fill-rule='evenodd' d='m24.82 78.81-.4-1.59a54.765 54.765 0 0 1-4.84-5.75c.31-1.22 1.11-4.47 1.14-5.37.05-1.86-.6-3.52-.93-5.27-.41-2.17-.33-4.51.22-6.82-1.5 2.62-3.03 5.3-3.69 8.15-.59 2.54 1.45 6.04 2.35 8.05a54.867 54.867 0 0 1-5.17-9.37c.52-1.02 2.12-4.2 2.36-5.12.46-1.81.2-3.57.26-5.36.08-2.21.67-4.49 1.72-6.63-2.04 2.23-4.11 4.51-5.38 7.15-1.22 2.54.28 6.85.59 8.87a54.843 54.843 0 0 1-3.09-10.73c.66-.79 3.04-3.69 3.48-4.55.85-1.66.99-3.45 1.44-5.19.57-2.14 1.65-4.25 3.14-6.1-2.47 1.72-4.99 3.49-6.81 5.79-1.82 2.3-1.2 7.12-1.41 9.04 0 0-.01-.02-.02-.03a55.223 55.223 0 0 1-.65-11.34c.7-.54 3.81-2.96 4.46-3.73 1.19-1.44 1.72-3.16 2.55-4.76 1.02-1.97 2.54-3.79 4.4-5.27-2.78 1.13-5.62 2.3-7.89 4.14-2.27 1.84-2.75 6.7-3.37 8.53-.03-.07-.05-.13-.07-.2.25-3.76.9-7.47 1.89-11.05.7-.32 4.39-2.05 5.2-2.68 1.47-1.14 2.37-2.71 3.53-4.09 1.43-1.7 3.3-3.14 5.44-4.17-2.95.49-5.97.99-8.58 2.29-2.61 1.3-4.15 5.94-5.16 7.6-.01-.09-.02-.18-.04-.27.84-2.79 1.89-5.5 3.15-8.11 4.14-6.69 8.11-5.55 8.87-14.85-1.93 2.5-5.38 4.8-7.06 6.96-1.45 1.88-2.37 4.19-2.22 6.71.01.22-.02.45-.08.68-1.1 2.26-2.05 4.59-2.84 6.97-.43-6.84 2.73-8.72-2.12-15.97.01 3.09-1.3 6.96-1.29 9.65 0 2.32.7 4.65 2.35 6.5.31.34.48.85.59 1.35-1.07 3.55-1.8 7.22-2.14 10.96-1.98-6.6.74-9.13-5.63-15.12.7 3 .27 7.05.87 9.66.52 2.25 1.71 4.36 3.74 5.79.39.27.68.75.89 1.23-.22 3.3-.15 6.66.24 10.03.04.4.1.8.15 1.2-3.52-6.07-1.31-9.16-8.94-13.58 1.34 2.76 1.82 6.79 2.99 9.19 1 2.07 2.64 3.85 4.94 4.79.5.2.93.68 1.26 1.15.64 3.73 1.69 7.44 3.1 11.03C7.1 53.9 8.85 50.3.21 47.66c1.92 2.38 3.29 6.18 4.96 8.25 1.44 1.79 3.44 3.15 5.89 3.54.7.11 1.39.71 1.84 1.17 1.43 3.39 3.19 6.66 5.2 9.72-6.36-4-5.4-7.91-14.48-8.55 2.41 1.88 4.58 5.27 6.68 6.9 1.81 1.42 4.06 2.29 6.55 2.12.7-.05 1.52.38 2.06.73 1.81 2.62 3.8 5.06 5.95 7.29Z'/%3E%3C/svg%3E")
}
.award .award_content::before {
    left:0
}
.award .award_content::after {
    right:0;
    transform:scaleX(-1)
}
.award.active .award_title {
    color:var(--blanco)
}
.award.award_oro .award_content {
    color:var(--ocre)
}
.award.award_oro .award_content::before,.award.award_oro .award_content::after {
    background-color:var(--ocre)
}
.award.award_oro.active {
    background-color:var(--ocre)
}
.award.award_oro.active .award_content {
    color:var(--blanco)
}
.award.award_oro.active .award_content::before,.award.award_oro.active .award_content::after {
    background-color:var(--blanco)
}
.award.award_plata .award_content {
    color:var(--neutral-n50)
}
.award.award_plata .award_content::before,.award.award_plata .award_content::after {
    background-color:var(--neutral-n50)
}
.award.award_plata.active {
    background-color:var(--neutral-n50)
}
.award.award_plata.active .award_content {
    color:var(--blanco)
}
.award.award_plata.active .award_content::before,.award.award_plata.active .award_content::after {
    background-color:var(--blanco)
}
.award.award_bronce .award_content {
    color:var(--bronce)
}
.award.award_bronce .award_content::before,.award.award_bronce .award_content::after {
    background-color:var(--bronce)
}
.award.award_bronce.active {
    background-color:var(--bronce)
}
.award.award_bronce.active .award_content {
    color:var(--blanco)
}
.award.award_bronce.active .award_content::before,.award.award_bronce.active .award_content::after {
    background-color:var(--blanco)
}
.award_icon .award_medal {
    filter:saturate(0%) opacity(30%);
    transition:all 0.5s ease
}
.medal.active .award_medal {
    filter:none
}
.premios_more {
    margin-top:1.5rem
}
@media only screen and (max-width: 1360px) {
    .premios_info,.premios_more {
        padding-left:var(--space-xl);
        padding-right:var(--space-xl)
    }
    .premios_lista {
        margin-left:var(--space-xl) !important;
        width:calc(100vw - var(--space-xl) * 1)
    }
    .premios_iconos {
        width:100vw
    }
    .premios_iconos .swiper-slide:first-child {
        margin-left:var(--space-xl) !important
    }
    .premios_iconos .swiper-slide:last-child {
        margin-right:4rem !important
    }
    .award:first-child {
        margin-left:var(--space-xl) !important
    }
    .award:last-child {
        margin-right:8rem !important
    }
    .award.swiper-slide-active .award_title {
        color:var(--blanco)
    }
    .award.award_oro.swiper-slide-active {
        background-color:var(--ocre)
    }
    .award.award_oro.swiper-slide-active .award_content {
        color:var(--blanco)
    }
    .award.award_oro.swiper-slide-active .award_content::before,.award.award_oro.swiper-slide-active .award_content::after {
        background-color:var(--blanco)
    }
    .award.award_plata.swiper-slide-active {
        background-color:var(--neutral-n50)
    }
    .award.award_plata.swiper-slide-active .award_content {
        color:var(--blanco)
    }
    .award.award_plata.swiper-slide-active .award_content::before,.award.award_plata.swiper-slide-active .award_content::after {
        background-color:var(--blanco)
    }
    .award.award_bronce.swiper-slide-active {
        background-color:var(--bronce)
    }
    .award.award_bronce.swiper-slide-active .award_content {
        color:var(--blanco)
    }
    .award.award_bronce.swiper-slide-active .award_content::before,.award.award_bronce.swiper-slide-active .award_content::after {
        background-color:var(--blanco)
    }
    .swiper-slide-thumb-active .award_medal {
        filter:none
    }
}
.accordion_box {
    padding:1.5rem 0
}
.accordion_section {
    background-position:top center;
    background-size:cover;
    background-repeat:no-repeat;
    overflow:hidden;
    position:relative;
    margin:0 0 .75rem 0;
    padding:1.5rem;
    border-radius:.5rem;
    transition:all 0.3s ease-out
}
.accordion_section input {
    display:none
}
.accordion_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    padding-right:1rem
}
.accordion_text p {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    padding-top:1.25rem
}
.accordion_section label {
    display:block;
    cursor:pointer;
    position:relative;
    transition:all 0.3s ease-out
}
.accordion_section label::after {
    font-family:'Icon' !important;
    content:"\e905";
    font-size:1.5rem;
    line-height:1;
    position:absolute;
    right:0;
    top:0;
    transition:all 0.3s ease-out
}
.accordion_section input:checked+label::after {
    font-family:'Icon' !important;
    content:"\e904";
    transform:rotate(-180deg)
}
.accordion_content {
    transition:opacity 0.5s ease, max-height 0.5s ease-in-out
}
.accordion_section label+.accordion_content {
    opacity:0;
    max-height:0rem
}
.accordion_section input:checked+label+.accordion_content {
    opacity:1;
    max-height:none
}
.cervezas__anatomia {
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr auto;
    justify-items:center;
    padding:5rem 0;
    text-align:center
}
.cervezas__anatomia .header_titular {
    max-width:25rem;
    width:90%
}
.cervezas__anatomia .header_titular h1 {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:4rem;
    line-height:1;
    color:var(--neutral-n90);
    margin-bottom:1.875rem
}
.cervezas__anatomia .header_titular .header_text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:1rem;
    line-height:1.6;
    color:var(--topacio);
    margin-bottom:2.5rem
}
.cervezas__anatomia .anatomia_container {
    align-items:center;
    border:.0625rem solid var(--neutral-n30);
    border-radius:.5rem;
    display:flex;
    justify-content:space-evenly;
    max-width:54.375rem;
    min-height:18.75rem;
    margin:3.125rem 0;
    width:90%
}
.cervezas__anatomia .anatomia_container .anatomia_menu_container {
    align-items:center;
    display:flex;
    flex-direction:column;
    gap:1.5rem;
    justify-content:center;
    width:40%
}
.cervezas__anatomia .anatomia_container .anatomia_menu_container h2 {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    color:var(--topacio)
}
.cervezas__anatomia .anatomia_container .anatomia_menu_container .anatomia_menu {
    align-items:center;
    display:flex;
    gap:.75rem;
    justify-content:center;
    width:100%
}
.cervezas__anatomia .anatomia_container .anatomia_menu_container .anatomia_menu .anatomia_tab_button {
    border-radius:62.4375rem;
    background:var(--neutral-n15);
    color:var(--neutral-n90);
    font-size:.75rem;
    cursor:pointer;
    padding:.25rem 1rem;
    text-align:center
}
.cervezas__anatomia .anatomia_container .anatomia_menu_container .anatomia_menu .anatomia_tab_button.active {
    border:1px solid var(--neutral-n90)
}
.cervezas__anatomia .anatomia_tab_content {
    background-color:var(--ocre-claro);
    border-radius:.5rem;
    margin-right:-1.875rem;
    padding:1.5625rem 10% 1.5625rem 25%;
    text-align:center;
    width:60%
}
.cervezas__anatomia .anatomia_tab_content .anatomia_tab_pane {
    display:none
}
.cervezas__anatomia .anatomia_tab_content .anatomia_tab_pane h3 {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    color:var(--topacio);
    margin-bottom:.625rem
}
.cervezas__anatomia .anatomia_tab_content .anatomia_tab_pane p {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:1rem;
    line-height:1.6;
    color:var(--topacio)
}
.cervezas__anatomia .anatomia_tab_content .anatomia_tab_pane.active {
    display:block
}
.cervezas__anatomia .anatomia_vaso {
    overflow:hidden;
    position:absolute;
    top:28.125rem
}
.cervezas__anatomia .anatomia_vaso #liquido_empty {
    display:none
}
.cervezas__anatomia .anatomia_vaso svg {
    width:80%
}
.cervezas__anatomia .anatomia_vaso #aros path {
    opacity:0;
    visibility:hidden
}
.cervezas__anatomia .header_intro,.cervezas__anatomia .intro_gaming_box {
    margin-top:1rem;
    max-width:54.375rem
}
.cervezas__comotirar {
    background-color:var(--topacio);
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr auto;
    justify-items:center;
    overflow:hidden;
    padding:5rem 0;
    text-align:center
}
.cervezas__comotirar .comotirar_titular {
    width:90%
}
.cervezas__comotirar .comotirar_titular h2 {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    color:var(--blanco);
    margin-bottom:1.5rem
}
.cervezas__comotirar .comotirar_titular .comotirar_text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    color:var(--blanco);
    margin-bottom:1.5rem
}
.cervezas__comotirar .comotirar_container {
    width:90%;
    max-width:70rem
}
.cervezas__comotirar .comotirar_container .swiper-wrapper {
    display:grid;
    gap:.9375rem;
    grid-template-columns:repeat(6, 1fr);
    grid-template-rows:repeat(2, 1fr)
}
.cervezas__comotirar .comotirar_container .swiper-wrapper .uno {
    grid-column:1 / 3
}
.cervezas__comotirar .comotirar_container .swiper-wrapper .dos {
    grid-column:3 / 5
}
.cervezas__comotirar .comotirar_container .swiper-wrapper .tres {
    grid-column:5 / 7
}
.cervezas__comotirar .comotirar_container .swiper-wrapper .cuatro {
    grid-column:1 / 4
}
.cervezas__comotirar .comotirar_container .swiper-wrapper .cinco {
    grid-column:4 / 7
}
.cervezas__comotirar .comotirar_container .swiper-wrapper .comotirar_card {
    background-color:var(--neutral-n90);
    border-radius:.5rem;
    padding:2.5rem .9375rem
}
.cervezas__comotirar .comotirar_container .swiper-wrapper .comotirar_card .comotirar_icono {
    width:11.5rem
}
.cervezas__comotirar .comotirar_container .swiper-wrapper .comotirar_card h3 {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    color:var(--blanco);
    margin:1.5rem 0
}
.cervezas__comotirar .comotirar_container .swiper-wrapper .comotirar_card .comotirar_description {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    color:var(--blanco)
}
.cervezas__comotirar .comotirar_video {
    align-items:center;
    display:grid;
    grid-template-columns:1fr 1fr;
    margin-top:5rem;
    gap:5rem;
    max-width:70rem;
    width:90%
}
.cervezas__comotirar .comotirar_video .video_description {
    grid-column:2;
    grid-row:1
}
.cervezas__comotirar .comotirar_video .video_description .titular {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    color:var(--ocre-claro);
    margin-bottom:1.5rem;
    text-align:left
}
.cervezas__comotirar .comotirar_video .video_description .texto {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    color:var(--blanco);
    text-align:left
}
.cervezas__comotirar .comotirar_video .video_module {
    grid-column:1;
    grid-row:1;
    width:100%;
    border-radius:.5rem;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr;
    overflow:hidden
}
.cervezas__comotirar .comotirar_video .video_module .video_module_bg {
    grid-column:1;
    grid-row:1;
    position:relative;
    background-color:var(--color-bg);
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr
}
.cervezas__comotirar .comotirar_video .video_module .bg_image {
    display:block;
    object-fit:cover;
    width:100%;
    grid-column:1;
    grid-row:1;
    overflow:hidden
}
.cervezas__comotirar .comotirar_video .video_module .player_control {
    grid-column:1;
    grid-row:1;
    z-index:100;
    display:grid;
    place-items:center;
    cursor:pointer
}
.cervezas__comotirar .comotirar_video .video_module .player_control .play_button {
    color:var(--blanco);
    background-color:var(--transparency-t30);
    height:4rem;
    width:4rem;
    border-radius:6.25rem;
    transition:background-color 0.3s ease;
    display:grid;
    place-items:center
}
.cervezas__comotirar .comotirar_video .video_module .player_control .play_button i {
    font-size:2.625rem;
    line-height:1
}
.cervezas__comotirar .comotirar_video .video_module .player_control:hover .play_button {
    background-color:var(--rojo)
}
.cervezas__comotirar .comotirar_video .video_module .video_container {
    grid-column:1;
    grid-row:1;
    z-index:100;
    position:relative;
    height:100%;
    overflow:hidden;
    display:none
}
.cervezas__comotirar .comotirar_video .video_module .video_container iframe {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.cervezas__bares {
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr auto;
    justify-items:center;
    overflow:hidden;
    padding:5rem 0;
    text-align:center
}
.cervezas__bares .bares_container {
    display:grid;
    grid-template-columns:1fr 1fr;
    max-width:70rem;
    width:90%
}
.cervezas__bares .bares_container h3 {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    color:var(--rojo);
    text-transform:uppercase;
    margin-bottom:.5rem
}
.newfonts .cervezas__bares .bares_container h3 {
    font-weight:600
}
.cervezas__bares .bares_container h2 {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2rem;
    line-height:1.12;
    color:var(--neutral-n90);
    margin-bottom:1.5rem
}
.cervezas__bares .bares_container p {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    color:var(--neutral-n90);
    margin-bottom:1.5rem
}
.cervezas__bares .bares_container .destacado {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    color:var(--neutral-n90)
}
.cervezas__bares .bares_container .mapa {
    padding-top:1.5rem
}
.cervezas__bares .bares_container .imagen_mapa {
    width:100%;
    margin:1.5rem 0;
    display:grid
}
.cervezas__bares .bares_container .imagen_mapa .img_bg {
    grid-row:1;
    grid-column:1;
    width:100%;
    height:100%;
    object-fit:contain
}
.cervezas__bares .bares_container .imagen_mapa [class^="button_"] {
    grid-row:1;
    grid-column:1;
    align-self:center;
    justify-self:center
}
.cervezas__bares .bares_container .guia {
    border-radius:.5rem;
    background-color:var(--blanco);
    margin-left:15%;
    padding:1.5rem
}
.cervezas__bares .bares_container .guia .imagen img {
    width:13.375rem
}
.cervezas__bares .bares_container .guia .button_primary,.cervezas__bares .bares_container .guia .button_secondary,.cervezas__bares .bares_container .guia .button_icon_dark,.cervezas__bares .bares_container .guia .button_icon_light,.cervezas__bares .bares_container .guia .button_news {
    margin-bottom:.625rem
}
.cervezas__contacto {
    background-color:var(--topacio);
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr auto;
    justify-items:center;
    padding:4rem 0;
    text-align:center
}
.cervezas__contacto .contacto_container {
    max-width:81.25rem;
    width:90%
}
.cervezas__contacto .contacto_container .contacto_imagen img {
    border-radius:.5rem;
    width:100%
}
.cervezas__contacto .contacto_container .contacto_imagen .desktop {
    display:block
}
.cervezas__contacto .contacto_container .contacto_imagen .mobile {
    display:none
}
.cervezas__contacto .contacto_container .contacto_info .info_subtitle {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    color:var(--ocre-claro);
    text-transform:uppercase;
    margin:1.5rem 0 .5rem 0
}
.newfonts .cervezas__contacto .contacto_container .contacto_info .info_subtitle {
    font-weight:600
}
.cervezas__contacto .contacto_container .contacto_info .info_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    color:var(--blanco);
    margin-bottom:1.5rem
}
.cervezas__contacto .contacto_container .contacto_info .info_text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    color:var(--blanco);
    margin-bottom:1.5rem
}
.cervezas__contacto .contacto_container .buttons {
    display:grid;
    justify-items:center
}
.cervezas__contacto .contacto_container .buttons .container {
    width:330px
}
.cervezas__contacto .contacto_container .link {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    color:var(--blanco);
    display:block;
    text-decoration:underline;
    margin-top:1.5rem
}
@media only screen and (max-width: 860px) {
    .cervezas__anatomia .header_titular h1 {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:3.5rem;
        line-height:1
    }
    .cervezas__anatomia .anatomia_container {
        display:block;
        border:none;
        max-width:100%;
        min-height:auto;
        margin:.625rem 0 3.125rem 0;
        width:90%
    }
    .cervezas__anatomia .anatomia_container .anatomia_menu_container {
        margin-bottom:2.5rem;
        width:100%
    }
    .cervezas__anatomia .anatomia_container .anatomia_tab_content {
        margin-right:0;
        margin-top:-10%;
        padding:15% 1.5625rem 1.5625rem 1.5625rem;
        width:100%
    }
    .cervezas__anatomia .anatomia_vaso {
        position:relative;
        top:0
    }
    .cervezas__anatomia .anatomia_vaso svg {
        width:40%
    }
    .cervezas__comotirar .comotirar_titular h2 {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:2rem;
        line-height:1.12
    }
    .cervezas__comotirar .comotirar_container {
        display:block;
        width:90dvw
    }
    .cervezas__comotirar .comotirar_container .swiper-wrapper {
        position:relative;
        width:100%;
        height:100%;
        z-index:1;
        display:flex;
        transition-property:transform;
        transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);
        box-sizing:content-box;
        gap:0
    }
    .cervezas__comotirar .comotirar_container .swiper-wrapper .comotirar_card {
        width:80dvw
    }
    .cervezas__comotirar .comotirar_container .swiper-wrapper .comotirar_card h3 {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:2rem;
        line-height:1.12
    }
    .cervezas__comotirar .comotirar_video {
        display:block;
        margin-top:4rem
    }
    .cervezas__comotirar .comotirar_video .video_description {
        margin-bottom:1.5rem
    }
    .cervezas__bares .bares_container {
        display:block
    }
    .cervezas__bares .bares_container .mapa {
        padding-top:0
    }
    .cervezas__bares .bares_container .guia {
        border-radius:0;
        background-color:transparent;
        border-top:1px solid var(--neutral-n30);
        margin-left:0;
        margin-top:5rem;
        padding:0;
        padding-top:5rem
    }
    .cervezas__contacto .contacto_container .contacto_info .info_title {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:2rem;
        line-height:1.12
    }
}
@media only screen and (max-width: 570px) {
    .cervezas__anatomia .anatomia_container .anatomia_tab_content {
        margin-top:-20%;
        padding:25% 1.5625rem 1.5625rem 1.5625rem
    }
    .cervezas__anatomia .anatomia_vaso svg {
        width:60%
    }
    .cervezas__comotirar .comotirar_titular h2 {
        text-align:left
    }
    .cervezas__comotirar .comotirar_titular .comotirar_text {
        text-align:left
    }
    .cervezas__bares .bares_container {
        text-align:left
    }
    .cervezas__bares .bares_container .guia .imagen {
        text-align:center
    }
    .cervezas__contacto {
        text-align:left
    }
    .cervezas__contacto .contacto_container .contacto_imagen .desktop {
        display:none
    }
    .cervezas__contacto .contacto_container .contacto_imagen .mobile {
        display:block
    }
    .cervezas__contacto .contacto_container .buttons .container {
        width:100%
    }
    .cervezas__contacto .link {
        text-align:center
    }
}
@media only screen and (max-width: 420px) {
    .cervezas__comotirar .comotirar_container .comotirar_card .comotirar_icono {
        width:90%
    }
}
.cervezas_pincode_canjea {
    display:flex;
    justify-content:center;
    gap:8.375rem;
    padding:5rem
}
.pincode_canjea_paso {
    width:20.4375rem
}
.pincode_canjea_paso .canjea_paso_intro {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    color:var(--rojo);
    text-transform:uppercase
}
.newfonts .pincode_canjea_paso .canjea_paso_intro {
    font-weight:600
}
.pincode_canjea_paso .canjea_paso_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:3rem;
    line-height:1;
    color:var(--rojo);
    padding-bottom:1.5rem
}
.pincode_canjea_cuadro {
    width:40.5rem
}
.canjea_cuadro_section {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    background-color:var(--blanco);
    border-radius:.5rem;
    padding:1.5rem;
    margin:0
}
.canjea_cuadro_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12
}
.canjea_cuadro_intro {
    font-family:var(--font-primary);
    font-weight:500;
    font-size:.6875rem;
    line-height:1.5;
    color:var(--rojo)
}
.canjea_cuadro_subtitle {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    padding:0 5rem 2.5rem 5rem
}
.canjea_cuadro_text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5
}
.canjea_cuadro_image {
    width:16.5rem;
    padding:2.5rem 0
}
.canjea_cuadro_button {
    width:18.125rem;
    padding-top:1.5rem
}
.canjea_cuadro_button a {
    margin:.5rem 0
}
.canjea_cuadro_asterisk {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    color:var(--neutral-n70);
    padding-top:1.5rem
}
.canjea_paso_accordion_section {
    overflow:hidden;
    position:relative;
    margin:0 0 1.5rem 0;
    padding:1.5rem;
    border-radius:.5rem;
    background-color:var(--blanco);
    cursor:pointer
}
.canjea_paso_accordion_section.bg_rojo {
    background-color:var(--rojo)
}
.canjea_paso_accordion_section:hover {
    color:var(--blanco);
    background-color:var(--rojo);
    transition:none
}
.canjea_paso_accordion_section input {
    display:none
}
.canjea_paso_accordion_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    padding-right:1rem
}
.canjea_paso_accordion_text p {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    padding-top:1.25rem
}
.canjea_paso_accordion_section label {
    display:block;
    cursor:pointer;
    position:relative
}
.canjea_paso_accordion_section label::after {
    font-family:'Icon' !important;
    content:"\e905";
    font-size:1.5rem;
    line-height:1;
    position:absolute;
    right:0;
    top:0
}
.canjea_paso_accordion_section label+.canjea_paso_accordion_content {
    opacity:0;
    max-height:0rem
}
.cervezas_pincode_contacto {
    background-color:var(--topacio);
    padding:4rem
}
.cervezas_pincode_contacto img {
    max-width:81.25rem;
    width:90%;
    border-radius:.5rem;
    display:block;
    margin:0 auto
}
.pincode_contacto_text {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
}
.pincode_contacto_text .contacto_text_intro {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    color:var(--ocre);
    text-transform:uppercase;
    padding-top:1.5rem
}
.newfonts .pincode_contacto_text .contacto_text_intro {
    font-weight:600
}
.pincode_contacto_text .contacto_text_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    color:var(--blanco);
    padding:.5rem 0 1.5rem 0
}
.pincode_contacto_text .contacto_text_subtitle {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    color:var(--blanco)
}
.pincode_contacto_text .contacto_text_button {
    width:20.4375rem;
    padding:1.5rem 0
}
.pincode_contacto_text .contacto_text_link {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    text-decoration:underline;
    color:var(--blanco)
}
@media only screen and (max-width: 860px) {
    .cervezas_pincode_canjea {
        gap:3.125rem
    }
}
@media only screen and (max-width: 570px) {
    .pincode_canjea_cuadro {
        display:none;
        opacity:0
    }
    .cervezas_pincode_canjea {
        gap:0;
        padding:0 0 5rem 0
    }
    .cervezas_pincode_canjea .pincode_canjea_paso {
        width:90%
    }
    .canjea_paso_accordion_section {
        transition:all 0.3s ease-out
    }
    .canjea_paso_accordion_section:hover {
        color:var(--negro) !important;
        background-color:var(--blanco) !important;
        transition:none
    }
    .canjea_paso_accordion_section label {
        transition:all 0.3s ease-out
    }
    .canjea_paso_accordion_section label::after {
        transition:all 0.3s ease-out
    }
    .canjea_paso_accordion_section input:checked+label::after {
        font-family:'Icon' !important;
        content:"\e904";
        transform:rotate(-180deg)
    }
    .canjea_paso_accordion_content {
        transition:opacity 0.5s ease, max-height 0.5s ease-in-out
    }
    .canjea_paso_accordion_section label+.canjea_paso_accordion_content {
        opacity:0;
        max-height:0rem
    }
    .canjea_paso_accordion_section input:checked+label+.canjea_paso_accordion_content {
        opacity:1;
        max-height:62.5rem
    }
    .canjea_cuadro_section {
        justify-content:flex-start;
        align-items:flex-start;
        text-align:left;
        padding:0
    }
    .canjea_cuadro_subtitle {
        padding:0
    }
    .canjea_cuadro_text {
        padding-top:1.5rem
    }
    .canjea_cuadro_image {
        width:100%
    }
    .canjea_cuadro_button {
        display:block;
        margin:0 auto
    }
    .cervezas_pincode_contacto {
        padding:5rem 1.5rem
    }
    .pincode_contacto_text {
        justify-content:flex-start;
        align-items:flex-start
    }
    .pincode_contacto_text .contacto_text_button {
        width:100%
    }
}
.cervezas__header.brujula .header_title {
    text-transform:none
}
.cervezas__header.brujula .header_image {
    margin-top:0rem;
    margin-inline:auto;
    width:90%;
    max-width:30rem;
    padding:2.25rem 0
}
.cervezas__header.brujula .header_intro,.cervezas__header.brujula .intro_gaming_box {
    max-width:54.375rem
}
.brujula_cards {
    padding-top:5rem
}
.brujula_ejes {
    padding-bottom:5rem
}
.brujula_ejes_layer {
    display:flex;
    flex-direction:column;
    align-items:center
}
.brujula_ejes_container {
    width:90%;
    max-width:81.25rem;
    background-color:var(--topacio);
    color:var(--blanco);
    border-radius:.5rem;
    padding:3.5rem;
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:repeat(3, auto);
    column-gap:3.5rem
}
.brujula_ejes_cta {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1rem;
    line-height:1.04;
    color:var(--ocre);
    background-color:var(--neutral-n90);
    padding:.5rem;
    border-radius:.25rem;
    grid-row:1/3;
    grid-column:2;
    align-self:self-end;
    justify-self:center
}
.brujula_ejes_grafica {
    grid-column:1;
    grid-row:1/-1
}
.brujula_ejes_textos {
    text-align:center;
    max-width:26.875rem;
    justify-self:center;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr
}
.brujula_ejes_textos .eje_text {
    grid-column:1;
    grid-row:1;
    opacity:0;
    transition:opacity 0.3s ease-out
}
.brujula_ejes_textos .eje_text.active {
    opacity:1
}
.brujula_ejes_textos .brujula_ejes_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    color:var(--ocre-claro);
    padding-top:.75rem
}
.brujula_ejes_textos .brujula_ejes_tipo {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    color:var(--ocre);
    padding-bottom:.75rem
}
.newfonts .brujula_ejes_textos .brujula_ejes_tipo {
    font-weight:600
}
.brujula_ejes_textos .brujula_ejes_text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    color:var(--neutral-n15)
}
#brujula_ejes_grafica {
    width:100%;
    max-width:500px
}
#brujula_ejes_grafica:not(.mobile) .eje {
    cursor:pointer
}
#brujula_ejes_grafica:not(.mobile) .eje.active {
    opacity:1 !important
}
#brujula_ejes_grafica:not(.mobile) .eje.active .punto {
    opacity:1
}
#brujula_ejes_grafica:not(.mobile) .eje.selected .punto {
    opacity:1
}
#brujula_ejes_grafica .texto {
    fill:#fff;
    font-family:var(--font-primary);
    font-size:9px;
    font-weight:normal;
    isolation:isolate
}
#brujula_ejes_grafica .linea {
    stroke:#fff;
    stroke-width:2px;
    fill:none;
    stroke-linecap:round
}
#brujula_ejes_grafica .linea_bg {
    stroke:transparent;
    stroke-width:30px;
    fill:none;
    stroke-linecap:round
}
#brujula_ejes_grafica .punto {
    fill:#c70e34;
    opacity:0;
    transition:opacity 0.3s ease-out
}
#brujula_ejes_grafica .cls-14,#brujula_ejes_grafica .cls-15 {
    stroke-width:0px
}
#brujula_ejes_grafica .cls-14 {
    fill:#9b9178
}
.brujula_ejes_mobile {
    width:90%;
    background-color:var(--topacio);
    color:var(--blanco);
    border-radius:.5rem;
    max-width:81.25rem;
    margin:0 auto;
    display:none;
    flex-direction:column;
    align-items:center;
    text-align:center;
    padding:2rem 1rem;
    gap:1.5rem;
    margin-top:2rem
}
.ejes_mobile_text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5
}
.ejes_mobile_text .ejes_mobile_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2rem;
    line-height:1.12;
    padding-bottom:.75rem
}
.ejes_mobile_image {
    width:90%
}
.brujula_modal_icon {
    font-family:'Icon' !important;
    content:"\e906";
    font-size:1.5rem;
    color:var(--blanco);
    cursor:pointer;
    display:none;
    justify-content:flex-end;
    align-items:flex-end;
    padding-bottom:.625rem
}
.brujula_accordion_box {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:.75rem;
    width:90%;
    max-width:81.25rem;
    margin:0 auto
}
.brujula_accordion_section {
    width:100%;
    overflow:hidden;
    position:relative;
    margin:0 0 .75rem 0;
    padding:1.5rem;
    border-radius:.5rem;
    transition:all 0.3s ease-out;
    background-color:var(--topacio);
    color:var(--blanco)
}
.brujula_accordion_section input {
    display:none
}
.brujula_accordion_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    padding-right:1rem
}
.brujula_accordion_text h3 {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    color:var(--ocre);
    padding:1.5rem 0
}
.brujula_accordion_text p {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5
}
.brujula_accordion_section label {
    display:block;
    cursor:pointer;
    position:relative;
    transition:all 0.3s ease-out
}
.brujula_grafico {
    border-top:1px solid var(--neutral-n30);
    padding:5rem 0
}
.brujula_grafico .brujula_grafico_title {
    margin:0 auto;
    text-align:center
}
.brujula_grafico .menu_button {
    cursor:pointer
}
.brujula_grafico .cervezas__menu_logos {
    padding:2.5rem 0
}
.brujula_grafico .info_container {
    display:flex;
    gap:5rem;
    align-items:center;
    justify-content:center
}
.brujula_grafico .infos {
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr;
    width:90%;
    max-width:26.875rem
}
.brujula_grafico .info {
    grid-column:1;
    grid-row:1;
    display:grid;
    grid-template-columns:4.375rem 1fr 2.5rem;
    opacity:0;
    transition:opacity 0.3s ease-out;
    --width-col1: 120px
}
.brujula_grafico .info.active {
    opacity:1
}
.brujula_grafico .info .info_text {
    grid-column:1/-1;
    grid-row:1;
    background-color:var(--blanco);
    border-radius:.5rem;
    box-shadow:0 4px 8px rgba(0,0,0,0.2);
    display:grid;
    grid-template-rows:1fr auto
}
.brujula_grafico .info .info_header {
    border-bottom:1px solid var(--color-lines);
    padding:1.5rem 0 2.25rem 0
}
.brujula_grafico .info .info_header>* {
    padding:0 2rem 0 6.875rem
}
.brujula_grafico .info .info_header .header_name {
    font-family:var(--font-primary);
    font-weight:500;
    font-size:.6875rem;
    line-height:1.5;
    color:var(--ocre);
    text-transform:uppercase
}
.brujula_grafico .info .info_header .header_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12
}
.brujula_grafico .info .info_data {
    padding:1.5rem;
    display:flex;
    flex-direction:column;
    gap:1.5rem
}
.brujula_grafico .info .info_data .data_name,.brujula_grafico .info .info_data .data_text,.brujula_grafico .info .info_data .col_name,.brujula_grafico .info .info_data .col_text,.brujula_grafico .info .info_data .col {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    color:var(--neutral-n70)
}
.brujula_grafico .info .info_data .data_name {
    color:var(--ocre-claro)
}
.brujula_grafico .info .info_data .data_row {
    border-bottom:1px solid var(--neutral-n15);
    display:grid;
    grid-template-columns:var(--width-col1) 2fr;
    gap:1rem;
    padding-bottom:1rem
}
.brujula_grafico .info .info_bottle {
    grid-column:1/2;
    grid-row:1;
    width:7rem;
    height:12.5rem;
    margin-left:-.5rem;
    margin-top:-1rem
}
.brujula_grafico .info .info_bottle img {
    width:100%;
    height:100%;
    object-fit:contain
}
#brujula {
    width:600px;
    height:520px;
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-size:contain;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='Capa_1' x='0' y='0' version='1.1' viewBox='0 0 507 507'%3E%3Cstyle%3E .st3%7Bfill:%231D1D1B%7D %3C/style%3E%3Cpath fill='%23CFCABB' d='M253.5 503c-33.7 0-66.4-6.6-97.1-19.6C126.7 470.9 100 452.9 77 430c-22.9-22.9-40.9-49.6-53.5-79.3C10.6 319.9 4 287.2 4 253.5s6.6-66.4 19.6-97.1C36.1 126.7 54.1 100 77 77.1s49.6-40.9 79.3-53.5C187.1 10.6 219.8 4 253.5 4s66.4 6.6 97.1 19.6C380.3 36.1 407 54.1 430 77.1c22.9 22.9 40.9 49.6 53.5 79.3 13 30.8 19.6 63.4 19.6 97.1 0 33.7-6.6 66.4-19.6 97.1-12.6 29.7-30.6 56.4-53.5 79.4-22.9 22.9-49.6 40.9-79.3 53.5-30.8 12.9-63.5 19.5-97.2 19.5z'/%3E%3Cpath fill='%23F1F1ED' d='M254.3 476.7C377.3 476.7 477 377 477 254S377.3 31.3 254.3 31.3C131.3 31.3 31.6 131 31.6 254s99.7 222.7 222.7 222.7z'/%3E%3Cpath d='m50.4 382.4 8.5-5.5 1.1 1.7-7 4.6 2.8 4.3-1.4.9-4-6zM55.3 389.8l8.3-5.9 4.4 6.2-1.4 1-3.2-4.5-1.8 1.3 3 4.2-1.4 1-3-4.2-2.3 1.6 3.3 4.6-1.4 1-4.5-6.3zM62.5 399.7l5.8-9.1 1.4 1.8-4.4 6.6 7.5-2.6 1.3 1.7-10.3 3.3-1.3-1.7zM72.1 411.5l-1.4-1.7 1.2-2.2-2.6-3.1-2.3.8-1.4-1.7 10.4-3.5 1.4 1.7-5.3 9.7zm.6-5.5 2-3.5-3.8 1.4 1.8 2.1zM80.5 405.6l2.5 2.8c.6.6 1 1.1 1.2 1.6.3.6.4 1.1.3 1.8 0 .6-.2 1.2-.6 1.8-.3.6-.8 1.2-1.6 1.9-.6.6-1.2 1-1.8 1.2-.7.3-1.4.4-2.1.4-.5 0-1-.2-1.6-.5-.4-.2-.9-.6-1.4-1.2l-2.6-2.9 7.7-6.9zm.1 2.7-5 4.5 1 1.1.9.9c.3.2.6.3.9.3.3 0 .7-.1 1.1-.3.4-.2.9-.6 1.5-1.1.6-.5 1-1 1.2-1.4.2-.4.3-.8.3-1.1 0-.3-.1-.7-.3-1-.1-.3-.5-.7-1.1-1.3l-.5-.6zM87.2 413l1.4 1.5-3.9 3.9c-.6.6-1 1-1.2 1.3-.2.4-.3.7-.3 1.2.1.4.3.8.7 1.2.4.4.8.6 1.2.7.4 0 .7 0 1-.2.3-.2.7-.6 1.3-1.2l4-4 1.4 1.5-3.8 3.8c-.9.9-1.5 1.4-2 1.7s-.9.4-1.3.5c-.5 0-.9-.1-1.4-.3-.5-.2-1-.6-1.6-1.2-.7-.7-1.1-1.3-1.3-1.8-.2-.5-.3-1-.2-1.5.1-.5.2-.9.4-1.2.3-.5.9-1.2 1.7-2l3.9-3.9zM87.4 427.6l6.9-7.5 3.2 2.9c.8.7 1.3 1.3 1.5 1.8.2.5.3 1 .2 1.5-.1.5-.4 1-.8 1.5-.5.6-1.1.9-1.8.9-.7.1-1.4-.2-2.1-.7.1.5.2.9.2 1.4 0 .4-.1 1.1-.3 2l-.4 2.3-1.8-1.7.4-2.6c.2-.9.2-1.5.2-1.8 0-.3-.1-.5-.2-.7-.1-.2-.3-.5-.7-.8l-.3-.3-2.9 3.1-1.3-1.3zm5.5-2.9 1.1 1c.7.7 1.2 1.1 1.4 1.2.2.1.5.1.7.1.2-.1.5-.2.7-.4.2-.3.4-.5.4-.8 0-.3-.1-.6-.3-.8-.1-.1-.5-.5-1.1-1l-1.2-1.1-1.7 1.8zM102.1 440.7l-1.7-1.4.8-2.3-3.1-2.6-2.1 1.2-1.7-1.4 9.6-5.2 1.7 1.4-3.5 10.3zm-.2-5.6 1.4-3.8-3.5 2 2.1 1.8zM102.2 440.9l8.5-6.7 1.1.9-8.6 6.6-1-.8zM106.3 444l6.1-8.1 2.6 2c1 .8 1.6 1.3 1.9 1.6.4.5.6 1 .6 1.7 0 .6-.2 1.3-.7 1.9-.4.5-.8.9-1.2 1.1-.4.2-.9.3-1.3.3s-.8-.1-1.1-.3c-.4-.2-1-.6-1.8-1.2l-1.1-.8-2.3 3.1-1.7-1.3zm6.8-5.6-1.7 2.3.9.7c.6.5 1.1.8 1.4.9.3.1.6.1.8 0 .3-.1.5-.2.7-.5.2-.3.3-.6.3-.9s-.2-.6-.4-.9c-.2-.2-.5-.5-1.1-.9l-.9-.7zM114.1 449.8l5.8-8.4 3.6 2.5c.9.6 1.5 1.1 1.8 1.6.3.4.4.9.4 1.5s-.2 1.1-.5 1.6c-.4.6-1 1-1.6 1.2-.7.2-1.4 0-2.2-.4.2.5.4.9.4 1.3.1.4.1 1.1 0 2l-.1 2.3-2-1.4v-4.5c0-.3-.1-.5-.3-.7-.1-.2-.4-.4-.8-.7l-.3-.2-2.4 3.5-1.8-1.2zm5-3.7 1.3.9c.8.6 1.3.9 1.6.9.2.1.5.1.7 0 .2-.1.4-.3.6-.5.2-.3.3-.6.2-.8 0-.3-.2-.5-.4-.8-.1-.1-.5-.4-1.2-.9l-1.3-.9-1.5 2.1zM125.1 451.2c.6-.9 1.1-1.5 1.8-2 .5-.3 1-.5 1.5-.7.6-.1 1.1-.2 1.6-.1.7.1 1.4.4 2.1.8 1.3.8 2 1.8 2.3 3.1.3 1.3 0 2.6-.9 4s-1.9 2.2-3.2 2.6c-1.2.3-2.5.1-3.8-.7-1.3-.8-2.1-1.8-2.3-3.1-.3-1.2 0-2.5.9-3.9zm1.8 1.1c-.6 1-.8 1.9-.7 2.6.1.8.6 1.4 1.2 1.8.7.4 1.4.5 2.2.3.8-.2 1.5-.8 2.1-1.8.6-1 .9-1.9.7-2.6-.1-.8-.6-1.4-1.3-1.8s-1.5-.6-2.2-.3c-.7.2-1.4.8-2 1.8zM139.9 461.6l1.4 1.5c-.8.8-1.7 1.3-2.5 1.4-.9.1-1.8-.1-2.7-.6-1.2-.7-1.9-1.6-2.2-2.8-.3-1.2-.1-2.5.7-3.9.8-1.5 1.9-2.4 3.1-2.8 1.2-.4 2.5-.2 3.7.5 1.1.6 1.8 1.4 2.1 2.5.2.6.2 1.3 0 2.1l-2-.6c.2-.5.1-1 0-1.5-.2-.5-.5-.8-1-1.1-.7-.4-1.3-.4-2-.2s-1.3.9-1.9 1.9c-.6 1.1-.9 2-.7 2.7.1.7.5 1.2 1.2 1.6.5.3 1 .3 1.5.2.2 0 .7-.4 1.3-.9zM141.5 466.7l4.6-9.1 6.7 3.4-.8 1.5-4.9-2.5-1 2 4.6 2.3-.8 1.5-4.6-2.3-1.3 2.5 5.1 2.6-.8 1.5-6.8-3.4zM151.1 467.9l1.9.7c-.2.7-.2 1.2 0 1.6.2.4.6.8 1.2 1.1.6.3 1.1.4 1.5.2.4-.1.7-.3.9-.7.1-.2.1-.4.1-.6-.1-.2-.2-.4-.5-.7-.2-.2-.6-.5-1.3-1.1-.9-.7-1.4-1.3-1.7-1.9-.3-.8-.3-1.5 0-2.3.2-.5.6-.8 1-1.1.5-.3 1-.4 1.6-.4.6 0 1.3.2 2 .5 1.2.5 1.9 1.2 2.3 2 .4.8.4 1.6 0 2.5l-1.9-.8c.1-.5.1-.9 0-1.3-.2-.3-.5-.6-1-.9-.5-.2-1-.3-1.4-.3-.3.1-.5.2-.6.4-.1.2-.1.4 0 .7.1.3.6.8 1.4 1.4.8.6 1.4 1.2 1.7 1.6.3.4.5.9.6 1.4.1.5 0 1.1-.3 1.6-.2.5-.6 1-1.1 1.3-.5.3-1.1.5-1.7.5-.6 0-1.4-.2-2.2-.6-1.2-.5-1.9-1.2-2.3-2-.6-.8-.6-1.7-.2-2.8zM160.5 470.3c.4-1 .9-1.7 1.4-2.2.4-.4.9-.7 1.4-.9.5-.2 1.1-.3 1.6-.3.7 0 1.4.1 2.2.5 1.4.6 2.3 1.5 2.8 2.7.5 1.2.4 2.6-.2 4.1-.6 1.5-1.5 2.5-2.7 3.1-1.2.5-2.5.5-3.8-.1-1.4-.6-2.3-1.5-2.8-2.6-.6-1.4-.5-2.8.1-4.3zm2 .7c-.4 1.1-.5 2-.3 2.7.3.8.8 1.3 1.5 1.6.8.3 1.5.3 2.2-.1.7-.3 1.3-1.1 1.7-2.2.4-1.1.5-2 .3-2.7-.3-.7-.8-1.2-1.6-1.6-.8-.3-1.5-.3-2.2 0-.6.6-1.2 1.3-1.6 2.3z'/%3E%3Cpath d='m37.8 126.7-2.1 3.5 74.5 43.8 2.1-3.5-74.5-43.8zM468.7 126.7l-74.6 42.8 2 3.5 74.6-42.8-2-3.5zM358.7 378.3l-3.1 2.7 56.6 65.1 3.1-2.7-56.6-65.1z' class='st3'/%3E%3Cpath d='m224.1 20.5-.9-9.2 1.9-.2.7 7.7 4.7-.5.2 1.6-6.6.6zM231.4 10.5l1.9-.1.3 5.1c0 .8.1 1.3.2 1.6.1.4.3.7.6.9.3.2.7.3 1.3.3.5 0 .9-.2 1.2-.4.3-.2.4-.5.4-.8v-1.6l-.3-5.2 1.9-.1.3 4.9c.1 1.1.1 1.9 0 2.4s-.2.9-.5 1.2c-.3.3-.6.6-1.1.8-.4.2-1 .3-1.8.4-.9.1-1.6 0-2-.2-.5-.2-.9-.4-1.1-.7-.3-.3-.5-.7-.6-1-.2-.5-.3-1.3-.3-2.4l-.4-5.1zm2.5-.7.8-2 2-.1-1.6 2-1.2.1zM241.3 19.3l-.2-9.4 3-.1c1.1 0 1.9 0 2.2.1.5.1 1 .4 1.4.9.4.5.6 1.1.6 1.8 0 .6-.1 1.1-.3 1.5-.2.4-.5.7-.8.9-.3.2-.6.4-1 .5-.4.1-1.1.2-2 .2H243l.1 3.5-1.8.1zm1.8-7.8.1 2.7h1c.7 0 1.2-.1 1.5-.2.2-.1.4-.3.6-.5.1-.2.2-.5.2-.7 0-.3-.1-.6-.3-.8-.2-.2-.5-.3-.8-.4H244l-.9-.1zM250.1 9.8h1.9l-.1 5.1v1.6c.1.4.3.7.6.9.3.2.7.4 1.2.4s.9-.1 1.2-.3c.3-.2.4-.5.5-.8.1-.3.1-.8.1-1.6l.1-5.2h1.9l-.1 4.9c0 1.1-.1 1.9-.2 2.4s-.3.9-.6 1.2c-.3.3-.6.6-1.1.7-.5.2-1.1.3-1.8.3-.9 0-1.6-.1-2-.3-.5-.2-.8-.5-1.1-.8-.3-.3-.4-.7-.5-1-.1-.5-.2-1.3-.1-2.4l.1-5.1zM259.5 19.3l.5-9.3 1.9.1-.4 7.7 4.7.3-.1 1.6-6.6-.4zM267.4 15.1c.1-.9.3-1.7.6-2.3.3-.5.6-.9 1-1.2.4-.3.8-.6 1.3-.7.6-.2 1.3-.3 2-.2 1.4.1 2.4.7 3.2 1.6.7.9 1 2.2.9 3.7-.1 1.5-.7 2.6-1.6 3.4-.9.8-2 1.1-3.4 1-1.4-.1-2.4-.7-3.2-1.6-.7-1-1-2.2-.8-3.7zm1.9.1c-.1 1.1.1 1.9.5 2.5.4.6 1 .9 1.8 1 .7.1 1.4-.1 1.9-.6s.9-1.3.9-2.4c.1-1.1-.1-1.9-.5-2.5-.4-.6-1-.9-1.8-1s-1.4.1-1.9.6c-.5.6-.8 1.4-.9 2.4zM484.5 326.4l-9.8-2.8.9-3 7.2.2-6.2-3.7.9-3 9.8 2.8-.5 1.8-7.7-2.2 7.1 4.2-.6 1.9-8.3-.3 7.7 2.2-.5 1.9zM489.9 305.8l-.5 2.2-2.5.3-.9 4 2.1 1.4-.5 2.1-9-6.2.5-2.1 10.8-1.7zm-4.8 2.8-4 .5 3.4 2.2.6-2.7zM490.1 304.5l-9.9-1.9.4-2 8.2 1.6 1-5 1.7.3-1.4 7zM492 294.6l-8.3-1.4-.5 3-1.7-.3 1.3-8 1.7.3-.5 3 8.3 1.4-.3 2zM494 280.1l-.3 2.2-2.4.6-.5 4 2.2 1.1-.3 2.2-9.6-5.2.3-2.2 10.6-2.7zm-4.5 3.2-3.9.9 3.6 1.8.3-2.7z'/%3E%3C/svg%3E")
}
@media only screen and (max-width: 860px) {
    .brujula_card_section {
        gap:.75rem
    }
    .brujula_card_image img {
        width:20rem
    }
    .brujula_grafico .cervezas__menu_logos {
        padding:1.25rem 0
    }
    .brujula_grafico .info_container {
        flex-direction:column;
        gap:1.25rem
    }
    .brujula_grafico .info .info_header .header_title {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:2rem;
        line-height:1.12
    }
    .brujula_accordion_box {
        flex-direction:column;
        padding-bottom:0rem
    }
    .brujula_accordion_section label::after {
        font-family:'Icon' !important;
        content:"\e905";
        font-size:1.5rem;
        line-height:1;
        position:absolute;
        right:0;
        top:0;
        transition:all 0.3s ease-out
    }
    .brujula_accordion_section input:checked+label::after {
        font-family:'Icon' !important;
        content:"\e904";
        transform:rotate(-180deg)
    }
    .brujula_accordion_content {
        transition:opacity 0.5s ease, max-height 0.5s ease-in-out
    }
    .brujula_accordion_section label+.brujula_accordion_content {
        opacity:0;
        max-height:0rem
    }
    .brujula_accordion_section input:checked+label+.brujula_accordion_content {
        opacity:1;
        max-height:62.5rem
    }
    .brujula_ejes_mobile {
        display:flex
    }
    .brujula_ejes_layer {
        position:fixed;
        top:50%;
        left:50%;
        transform:translate(-50%, -50%);
        background-color:var(--bg-modal);
        display:flex;
        justify-content:flex-end;
        align-items:center;
        backdrop-filter:blur(3px);
        z-index:999;
        width:100%;
        height:100vh;
        opacity:0;
        pointer-events:none;
        transition:opacity 0.5s ease
    }
    .brujula_ejes_layer.active {
        opacity:1;
        pointer-events:initial
    }
    .brujula_ejes_container {
        height:80dvh;
        padding:1rem;
        grid-template-columns:1fr;
        grid-template-rows:repeat(3, auto) 1fr;
        margin-bottom:4dvh
    }
    .brujula_ejes_cta {
        grid-row:2;
        grid-column:1;
        align-self:start
    }
    .brujula_ejes_grafica {
        grid-row:3;
        display:flex;
        justify-content:center;
        padding:1rem 0
    }
    .brujula_modal_icon {
        display:flex;
        grid-row:1
    }
    .brujula_ejes_textos {
        overflow-y:auto
    }
    .brujula_ejes_textos .brujula_ejes_title {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:1.5rem;
        line-height:1.04
    }
    .brujula_ejes_textos .brujula_ejes_tipo {
        font-size:.6875rem
    }
}
@media only screen and (max-width: 570px) {
    .cervezas__header.brujula .header_image {
        width:80%
    }
    .header_title {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:3.5rem;
        line-height:1
    }
    .brujula_card_section {
        flex-direction:column
    }
    #brujula {
        height:400px;
        width:90%;
        max-width:600px
    }
}
.grifo__header {
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr auto;
    justify-items:center;
    padding:5rem 0;
    text-align:center
}
.grifo__header .header_titular {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:4rem;
    line-height:1;
    color:var(--neutral-n90);
    max-width:25rem;
    width:90%
}
.grifo__header .header_img {
    width:80%;
    max-width:37.5rem;
    margin-top:-8.75rem;
    margin-bottom:-2.5rem
}
.grifo__header .header_img img {
    width:100%
}
.grifo__header .header_intro,.grifo__header .intro_gaming_box {
    margin-top:-5rem;
    max-width:54.375rem
}
.grifo__madrid {
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr auto;
    justify-items:center;
    padding-bottom:5rem;
    overflow:hidden;
    text-align:center
}
.grifo__madrid .madrid_container {
    max-width:54.375rem;
    width:90%
}
.grifo__madrid .madrid_container .madrid_header h3 {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    color:var(--rojo);
    margin-bottom:.5rem;
    text-transform:uppercase
}
.newfonts .grifo__madrid .madrid_container .madrid_header h3 {
    font-weight:600
}
.grifo__madrid .madrid_container .madrid_header h2 {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    color:var(--neutral-n90);
    margin-bottom:1.5rem
}
.grifo__madrid .madrid_container .botones {
    margin-bottom:1.5rem;
    position:relative;
    text-align:center
}
.grifo__madrid .madrid_container .botones .swiper-button-prev,.grifo__madrid .madrid_container .botones .swiper-button-next {
    display:inline-block;
    border-radius:62.4375rem;
    background:var(--neutral-n15);
    color:var(--neutral-n90);
    font-family:var(--font-primary);
    font-size:.75rem;
    font-style:normal;
    font-weight:500;
    height:auto;
    left:0;
    line-height:1.5rem;
    margin:0;
    margin-right:.75rem;
    opacity:revert;
    padding:.25rem 1rem;
    position:relative;
    text-align:center;
    width:auto
}
.grifo__madrid .madrid_container .botones .swiper-button-prev:after,.grifo__madrid .madrid_container .botones .swiper-button-next:after {
    content:none
}
.grifo__madrid .madrid_container .botones .swiper-button-disabled {
    border:1px solid var(--neutral-n90)
}
.grifo__madrid .madrid_container .madrid_card {
    background-color:var(--blanco);
    border-radius:.5rem;
    height:auto;
    padding:1.5rem;
    display:grid;
    grid-template-rows:auto auto 1fr auto auto;
    text-align:left
}
.grifo__madrid .madrid_container .madrid_card .imagen {
    height:17.5rem;
    margin:0 auto;
    position:relative;
    width:17.5rem
}
.grifo__madrid .madrid_container .madrid_card .imagen img {
    width:17.5rem
}
.grifo__madrid .madrid_container .madrid_card .imagen .icono {
    display:flex;
    align-items:center;
    width:64px;
    height:64px;
    box-sizing:border-box;
    background-color:var(--rojo);
    border:2px solid var(--topacio);
    border-radius:999px;
    transform:rotate(8deg);
    position:absolute;
    top:2.5rem;
    right:0px;
    padding:.375rem
}
.grifo__madrid .madrid_container .madrid_card .imagen .icono p {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2rem;
    line-height:1.12;
    color:var(--blanco);
    letter-spacing:-0.02em;
    line-height:2.25rem;
    margin:0;
    text-align:center
}
.grifo__madrid .madrid_container .madrid_card h2 {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2rem;
    line-height:1.12;
    color:var(--neutral-n90);
    margin:1.5rem 0;
    text-wrap:balance
}
.grifo__madrid .madrid_container .madrid_card p {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    color:var(--neutral-n90);
    margin-bottom:1.5rem
}
.grifo__madrid .madrid_container .madrid_card .destacado {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    color:var(--neutral-n90);
    margin-bottom:1.5rem
}
.grifo__madrid .madrid_container .madrid_card .buttons {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.5rem
}
.grifo__espana {
    background-color:var(--topacio);
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr auto;
    justify-items:center;
    padding:4rem 0;
    text-align:center
}
.grifo__espana .espana_container {
    max-width:81.25rem;
    width:90%
}
.grifo__espana .espana_container .espana_imagen img {
    border-radius:.5rem;
    width:100%
}
.grifo__espana .espana_container .espana_imagen .desktop {
    display:block
}
.grifo__espana .espana_container .espana_imagen .mobile {
    display:none
}
.grifo__espana .espana_container .espana_info .info_subtitle {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    color:var(--ocre-claro);
    text-transform:uppercase;
    margin:1.5rem 0 .5rem 0
}
.newfonts .grifo__espana .espana_container .espana_info .info_subtitle {
    font-weight:600
}
.grifo__espana .espana_container .espana_info .info_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    color:var(--blanco);
    margin-bottom:1.5rem
}
.grifo__espana .espana_container .espana_info .info_text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    color:var(--blanco);
    margin-bottom:1.5rem
}
.grifo__espana .espana_container .buttons {
    display:grid;
    justify-items:center
}
.grifo__espana .espana_container .buttons .container {
    width:330px
}
.grifo__espana .espana_container .buttons .container .grifo_espana_cp {
    appearance:none;
    border:1px solid var(--neutral-n90);
    background-color:var(--neutral-n90);
    border-radius:62.4375rem;
    color:var(--blanco);
    font-family:var(--font-primary);
    margin-bottom:1rem;
    outline:2px solid transparent;
    outline-offset:2px;
    padding:1rem 2rem;
    text-align:center;
    width:100%
}
.modal__grifo {
    text-align:center;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:var(--bg-modal);
    backdrop-filter:blur(5px);
    z-index:9999;
    opacity:0;
    pointer-events:none;
    transition:opacity 0.5s ease
}
.modal__grifo.active {
    opacity:1;
    pointer-events:initial
}
.modal__grifo .modal_content {
    height:auto;
    width:30%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    background-color:var(--blanco);
    border-radius:0.5rem;
    box-shadow:0 4px 8px rgba(0,0,0,0.2)
}
.modal__grifo .modal_content .close {
    position:absolute;
    right:0.25rem;
    top:0.25rem;
    width:2rem;
    height:2rem;
    color:var(--topacio);
    border:1px solid transparent;
    font-size:1.5rem;
    z-index:999;
    border-radius:6.25rem;
    text-align:center;
    cursor:pointer;
    transition:border-color 0.3s ease-out
}
.modal__grifo .modal_content .close:hover {
    border-color:var(--neutral-n15)
}
.modal__grifo .modal_content .container {
    padding:1.5rem
}
.modal__grifo .modal_content .container h4 {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    color:var(--rojo);
    text-transform:uppercase;
    font-size:.6875rem
}
.newfonts .modal__grifo .modal_content .container h4 {
    font-weight:600
}
.modal__grifo .modal_content .container img {
    width:134px
}
.modal__grifo .modal_content .container h3 {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    color:var(--topacio);
    margin-bottom:1rem
}
.modal__grifo .modal_content .container p {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    color:var(--neutral-n90);
    margin-bottom:1rem
}
.modal__grifo .modal_content .container .button_secondary {
    margin-bottom:1.875rem
}
@media only screen and (max-width: 1360px) {
    .modal__grifo .modal_content {
        width:40%
    }
}
@media only screen and (max-width: 860px) {
    .grifo__header .header_titular {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:3.5rem;
        line-height:1
    }
    .grifo__header .header_img {
        margin-top:-10%
    }
    .grifo__header .header_intro,.grifo__header .intro_gaming_box {
        margin-top:-11%
    }
    .grifo__header .header_intro .intro_title,.grifo__header .intro_gaming_box .intro_title {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:2rem;
        line-height:1.12
    }
    .grifo__madrid .madrid_container .madrid_header h2 {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:2rem;
        line-height:1.12
    }
    .grifo__madrid .madrid_container .madrid_cards {
        width:90dvw
    }
    .grifo__espana .espana_container .espana_info .info_title {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:2rem;
        line-height:1.12
    }
    .modal__grifo .modal_content {
        width:60%
    }
}
@media only screen and (max-width: 570px) {
    .grifo__header .header_img {
        margin-bottom:-5%
    }
    .grifo__madrid {
        text-align:left
    }
    .grifo__madrid .madrid_container .botones {
        text-align:left
    }
    .grifo__madrid .madrid_container .hidden {
        display:none
    }
    .grifo__madrid .madrid_container .madrid_cards .madrid_card .buttons {
        grid-template-columns:1fr
    }
    .grifo__espana {
        text-align:left
    }
    .grifo__espana .espana_container .espana_imagen .desktop {
        display:none
    }
    .grifo__espana .espana_container .espana_imagen .mobile {
        display:block
    }
    .grifo__espana .espana_container .buttons .container {
        width:100%
    }
    .grifo__espana .espana_container .buttons .container .grifo_espana_cp {
        padding:.5rem 2rem
    }
    .modal__grifo .modal_content {
        width:90%
    }
}
@media only screen and (max-width: 420px) {
    .grifo__madrid .madrid_container .madrid_card .imagen {
        height:auto;
        position:relative;
        width:100%
    }
    .grifo__madrid .madrid_container .madrid_card .imagen img {
        width:100%
    }
    .grifo__madrid .madrid_container .madrid_card .imagen .icono {
        top:15%
    }
}
@media only screen and (max-width: 360px) {
    .modal__grifo .modal_content {
        height:85dvh
    }
    .modal__grifo .modal_content .container {
        height:100%;
        overflow-y:auto
    }
}
.bg_diabla {
    background-size:cover;
    background-image:url("data:image/jpeg;
    base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABGAAD/7gAOQWRvYmUAZMAAAAAB/9sAhAAEAwMDAwMEAwMEBgQDBAYHBQQEBQcIBgYHBgYICggJCQkJCAoKDAwMDAwKDAwNDQwMEREREREUFBQUFBQUFBQUAQQFBQgHCA8KCg8UDg4OFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCADIAOcDAREAAhEBAxEB/8QAkAABAQEBAQEAAAAAAAAAAAAAAAECAwQHAQEBAQEBAQEAAAAAAAAAAAAAAQIDBAYIEAACAQMDAwMCBAQGAwEAAAABAgMAESExEgRBURNhcSKBMpFCIxShscHR8OFSMyQF8WJDchEAAgICAgICAQMFAAIDAAAAAAERAiESMUFRA2EicYEyE/CRobFCwdHxUnL/2gAMAwEAAhEDEQA/APjdfFn6u91nWv1FCXc+uRQvubhJdihmzd3q1AoV1VLJ/oKES+rqk2hQ0valWXyhQ47JtWtz/gUPRta37YgUOVbJS7cvoUK1aIVYFC7Y3f6Ch1teEvLFDFJrhuZFCXtqns+eBQfxrCjHkUN3pKSXQoYmtmnMNChLvf61Yodq2n8ihwfsTXhpihXf7/7FCwmnSoodNX5FDDo5lPIoW11rsKHLOkNMUNL9y1eEhQuyq5ayxQv8jThoUMe29deeRQ72UrDgUOdXtaVwlAoZ9jWyTFCe5WX2TFDV65rZ8ih0+zs0+BQ4rHrldCh1vWcrkUOXr2vlsUNP0pcdChhX2cvGMChlUq0lOK9igt9c1Qob0qq8uBQfb1rGV5FBWutoeZFCwq2aWJQoahppvnhihPYspxLFCWatdJoUNJKj8Jihz9l07JPgULtKmYXCFDdKvaH/AMihzor2bbcQKFbU4Up8jFDj7HRwl0KHpVlLa4SFCKqqtnyxQ4OmubVwKHfdpqqUChmqvVw1KYoF+/WZSFDfsspS+RQXSnM56FDnq02lwuhQ3X2Wt1AoT1Wh6t5FD0ih51EasUOdrVVpXgUOyVnFuPKFDKSl16YoSrpWurYoT0rZJvrgUL/Hazc4QoK0dst/gULV2125YoG3akvDQoXZvFkKGaKbcQkKGaSl1l4FDqnF48ihz9qU8xIoaU2otcCg0Vrz4FDKbrWLVwKCKq1WngUNey2qab5FCWSqpvlihLJOqdXCFDftrKVV/wDAoYvVKrUfgUNaXWNhQxRpVh8sULKdvPgUDSbziX/oUJa1lw4/IoW3rbmcihLRfhx+goabd3q8eRQfx1aeI+RQ2k61SrkUM2mtor2KBr2LuZ/wKFds6IUOdHHDxOBQtrXaaSkUOs42+BQ52pVLMyxQ1SrjDx+BQzosu2YFCeqaJJ9ihLbLbVwKGr2rWqS7FDWtleVwKHFKqu8Y/wACh0TqpScz0KCqdfrbKYoZvarar0KGqOzmHgUOd7LWLfuFDru+Wn0KGa+yVPAoV+yMef6kUJZ1tKeVyKF5rjiIFC2UWy8Chf43GqeBQl7fdQKD2JLLWwoYoq3U1wxQvrvtbPKFDcOrdm5FDLoqqf8Ar/yKGlvGKoUMeuWtW4YoXSZTxIoPW96/KFCKtvWm5kUN19c1h9ihnZ1+r48ihLW0crOMighU9f5FDdW7qeEKEqo+v9hQUdW8dIUMW+/rU+RQ9DitfgUOPr9KVfkUN+u+yzyhQidnd/8A1QoZo1ZRPkUCca1byKGaNJLKXkULpayhPCYoad5+sZ/wKEtTVKG+RQ6NJOGsChyXsVHrz4/9Ch2pRVQoca0reX8ihzdWq5eUKHSlnv8AfnoUOntrNfwKHNvFbMUF7pOVligdMJ15FDj7L2ss4FD1L14w2KGLpUTbctihrRpQuIFDLV1WMNChqllasf4FDnvNkqrgUN1b3aajAoc/Y2mkliooei9dlAocrS7xEpChmt61s5wKG77PrH+RQ1ZL2VwxQ5Wa1aqpgUOqrpCSFDdaquEKGK/9ef6gUJWrh7ihhVteuWKClbXSbx4FDdW7Np9ChWtcpY7FC61u1YUOfsT1bfnAoPt7FlQhQ1dS1VfkUMeqyhpc/wCxQtbpLHIoS0/tecChmtax9Z8ChUtH9sryP5UMu7q4eaih0v7KqKr+kWwtehi3sres8NF24vQ3unXZc/1gbagu6ppceGQqaD2WuqvA24GaGa/Wq+xdtqp0T05zLBW1qGfZZJpsbT0qG77P9rG3/OhytlwuewVoPZWuFHY25oblpxOIG31oIxOzJbP9aHBW+3P6l2Gh30dv3PBCv41Sez2QoXP+i7cioHO6XSRNpvVG73aSku01CVrdNuVkbDQqpZOUyW171TF/anVp4YtfSh0XtVv2l2GoRUsk88kse2lUzS/WuULHS2aGX7GsNZG09jUDbnhgqRm1UtrOqbSgu0+1Q26u1YwhtodW8ZIVxQ89qpeqD0eOwFhe9YkwvqlqpBiuBixpJLrZJ8MMhIIwba0keyzaawwI2IpIru6xJPHtHyFwOtJI3qotlFCMTfoe9JNVtZuVwPGb/LPakj/r7Z8E8Yub4FJMJVTclEZXFriknSs0xGBtBNzgjoaSReyrcvobAWFJJtW10Nlyb9KSadk7OegACbUktferOB4huI/hTYxrXZopjsLAa6CpJuzVVCAS47GklreV8kVNRe9WTPrspamQyECkl9t4QCdF/GkkT6r/AHAQgkHJOcUkzW7rZp8jZ1GCKSab7rhjx3FxrSSv7KVyXYQB1vSSq8JfJCliD0pJm9oafRTG3Q4qSats3h4IYyfiNetWSex7fVF8Z71JK9l2ZKN9vfrVk5Xd39fJTHi3sKSdL/tj8Hp2N1sv865ScXe3/wCSGNt6gm41pJh7bqXKNGM+uewpJ1s2zPjOwjqNKScs6NeClLJ8tetJNWtFMlaManTtSTV474JsyN2O3ekkd5anAEfyb6Uktf3MmAPl9wpJhe5JZ5NbAoJOvWknSVVSzKxMRn45v60k5VrZrwUR3Y7tRpSTVXNnt0XYQLtYUk2rRlwTxK3yFJJFbfYgQAk2JHeknOtlVtwzWwDLWt0NJOmy5cQRk025bp7Ukl7eOR4zq9h2FJE92Cx2JX6ikijhtEK7XyMHrSSO+t/hlMbX29D1pJLO06zyTxt9g7a0kfaNV4NKnxFJOtLfVECG5VtenqKSYrZ/tYaIAYxmkmbpJYwPCBmmxrSqJtXaQb60k5q9dWmPHuG7QDS2tJLO+eEuAYsXze9JLZSplyevwMWJNgDiwziuWxy1s3LL497XGFXGOtJL+5yuEXwqdCb+96mxqF0zCqwbx2BOtzVns51u09TRhGWkzbp0FTY213Yhha1lII6X1FXYjTiE8AIxJsAvQnW5pI2s3jBPD8wXtY4FsZpsZj7TY0YSVIIF/wAtqbGmm01CG0ghSt21uNKkl3cw1kjKwIBXapxu1qyS3stPhEaJYzuIb/8AVJkzaKuclMVwHB3KM2NJLbP2mUGiG5bfa2opsLLKjhmvGVJZj8egqSblpy3gkaApfoL/AIVWyeu01MIEAYfbc4PpVbZypeqlcFESKN7Et2vU2NJVWW5K6jaGPxboOtEzV7YnhgWtdkI+lAvbjKYVd15LWUYA60kVvL26L4wpLHVtB1qSalJy+yKvyKsNt8rerJmt8tPBZI/tAw98UTHsfEcmTEzOFbAAvimxlza0MNCu9Rmx1+lNhaq2R18fpWZPRJzMZV9oO1W0961Jwlq0JwmUx/GxBGQLnU5pJpvEfJ6vE5FmIA67dTXGTjl8syIcuoJWMdBrpV2MpcqcFjhQfNL2OM1HYtEuUTwyF2wFF7htTirsiRZtgIZCyPovQYvSYCts2mUKyjbtJI0PS1SSqzWIII2ZfibLe4YjNWSJtrDwURJJe53EY7AVJguLdyY1S0l1vow61TH8kqHg6BCWDWsgGCdTUk6JtuejWwMNLqakm5lGAhdTHbTBarMHNWdlAdFRAml8C/8AOici1lVQczu3LcXRT9wFaOb9jleEdRGS28Ndf9NZk7Jy5nBFhBdj+UHTpemxlQ2yypdSoF2OgomW7lQZIj3BjfcosEt1qyzLvWZ/wSPblnw56nt6UZKXXL5N7WbIsq9zrUk6bN/CMlJIzuBDKx9s1ZTMTarnyPGUfyOQQce1JkZq5YcJJtQG9z0onAtdWhESNGe6ggr0PWjbJWG5XR0Ef6hxoAKk4Oif2MsoZA2h1XveieTNrJ1kBho42N66UC9q7wHMe0j7vQZopFvZWPJzeAiMNuJOPbNaVsnK1frMnsWGBXABu3Qa1w2ZhaJhkZJDtOWtZSNaqeA7NWx2bbjhh8ib99APpWdjbU8s5jyGIsAPjjd1/CtYk5r2W1k34VDW2fG27f1qbG8TwZWIkAs5UN9q9aSRN9vk0I3UFFAYL1b1pJU2sIBBlVXbIdR096SVW6WGQRqq+KW1uh7j+9J7RlNJa2J4ZL2IJiHTF7VZRJt+hYkkKfEDaPtJqNotLWjBIoZLvdrZzi+arsiU2zkLF82jdd5Or+lJInlp5NEOCE2bbmwbUVDb9j4go40YxtuT1OtTZlVaoJAI91vt19qO0iv1nwYVHZWxtdvkp9KrZitrNPyLAASsuR8Xp8Df/oiQCTdvBFjgdr1XaCVW0yaERcNC+q6H06VJjJpOU6sbFukK9Mk+1J7GyxVGvEGJdhcDCj2qSamXLCokqmy2sbdiDVloKysiBJShPxvm2NbUlEVrQSKOQAsy7t2bi16NkpayUvsRRA7yPi5J11F6Nij58leMKQzi4UY9WNEy2fb6J4m3gxqAxHzHQXpOCS5wG45EWy98jPuabZDUVg9iREqPFZE6G1ya4u3k5J4xhEaCUSI/3qDmwsc1dlBHMpmpUHxVsKxsfaomatbojwbP1Ixp9y9CKqtPJl4yjKRbkurFAxIRelHYicrDgqwLIFDffHggU2gqhxPRW8F2ViLt92tRNld6kKM8gMFiFFmvp7VZhZJtLwaRUltizocjsajcGldW/QqRybm3gBfy1G0VWc5EcfxYgY3G1VsVsZ/bOtyr/I5Nxi9NzMNcMsMZ2Z+653e9LMtLYNSR3RvQX/Conktng5LxVaxcsWIvfpWtzmqp8laGQMqlroTkEZxmmyNNuUpwaaIvJbICZuO5qbQity/wRSzFk2biptcWsbe9CL2dQQRTiQyFQVOCoObVdlBJtMkf9u3yLWOmLg+1E2HeryE46ON7LZPyjTHc0dmiJJ5NNCYRvj+0fch0t6U2kreuUDHK6XRQhOc61JSNOzawI1/R0yoII9RRvIrb6mCwWFCuWwDitdmP5IqoNyIQ6Mq3Y3BGlxWUzVrZTRSkrfbGAehYj+lJRXZvoxEt4zdWJJO4gf1qt5M0tgMkap4xfLD4m99aSyNpKD08dJHisG2gYwM1ys0mcqNtGrSxtsP6gILAk2NhUlMuzXyFUOFklA+Zsi6gXpPgJzlhY5Ud1X5ItrKdbHtRtMJtM3sidQxtZTfOLGpLNSmcGiJfzMCEY2ABsx7Vvbo5dz0aWAopLxbgpuowTY96m09lSjlEMbSWeBCo6tfbcdsUmOQ85SNCJWYAKYpRp6/3qbGsP4ZJEkLGLyAYucW+lVNckbfEhb+JWY+NDhVUXJtTsK2PBqOMvezyC3+rFRuCrPbNQRMA98/I59qlrFp2SVS36Kfcfu9BVT7FnOESWNl8QTJBsF74onyS2IgjQSKRM7X2aqBi3W1FZcByss0yPMtojtT/AFd/akpclbduCxra0TLtYDFtCO4qN9lrboz4ZixZn2Lf4gWq7IznzAWHxOWcgq/5rWsabSF9XnssiXV1cht2EVdaJizw5M7ZWXwlbPtyxOLaUlciXEGt+0lZFIK6kC4oXfyZkeMxsEyW1sO/eimTNrqMHUxIyAn/AGxYjtisydHDXwc1iMzeQ3CDCWwfetbRgwvs5JEmyN5WJOTqe1G5cEq4TYA8cUTNfOOwz3pMtlVoSEtiUsLqGBL9BnvRC1uD0rDxlUf/AEYjIF2J+grlszitUaMCvGS8fjCg7b6gVNoZcNZRRxzIsDD7VyfwptEjmCZ2s8ZBeRrIPQYp+Rt4JPxw0W5gPLgY7k6Va2yL5XyaMf8AylXUBCR6VJ+on7HfxVjY6SecRt4ZNlydzbLe9bnJznDgPG37fdNhxY3GutVPOA39cgRIW8bRHY32uRqfXrU2+RK4gJFMpaFSAqaMRc2OaOy5Cb4OiKPsMgd9cdvpUbNK3ycXg2TjcxEUl8XsN3atK2DDw/gs8CxKJEPjNwCR1BpW04LbGVg2eJchxI2/o2DU3LHckWxSRZyLodreop+Ar4yZYwuoQlox+U2KirlEd0zbxEeG5u4YC/fGaityVvgciOHavmJAvilW+hdrs5OY2URRAtGti5AwFFaU8sy7JqEdv2yblkjAFu2hBrG/RvHKKY9synowK/UZFJwJyYfjykybXA36KewFqqsiOclWO0KlDtC/eCL6aijeQnjBk8dC8co/2m6dLnQ2ps4gmJno20MxlW1liXPqamyg025+Dm/GLzbkUMo+8E2BatK+DDy8ElR2ZUlG0FhtUZDd80TXQs2+TUsRJUKQUDrvXtnA9qiZbM9TSwxIPHYk6KMfjXJJt5OX8iXBtoQIzJP87C5XRR7CorZhFbxLMACIrGFLxuLx2yc6irzkm0YMPH4JVlMW2K23Fr5qpyoky3DmDUcZk2sm1VW+yI6+5qNwaTkRYkleUESDBsCQAPaq+FBFbLk1Izuh/boWGhe1vwqKE8ld21gzDHyPCmzYRbANwRSzUircCTjzBRK7BjGd3jA+OKKy4I55NjcqmYxtYi5G6+Pap8Sa27IwMTF5gPHJYWGSLDrV54JtGWYQcaLcYUJYC5xm31qvZ8kVkuDUkcdlfk6n7Yxcgf3qJvora7NS8OEoSfiFFwbnH41FdyGlBqGPZx1L4stz7VLOWaq4Rz4/GDX5Di7OSVB6CtWtGEZr5OoiaaMrKm29xt19jWZh4NTKyeaPjTsgkD/JLhFOlhiujupOamJOicZZ0WSYlm/06AHtWXeODSzllChYJCYvEoBAB1JpOeRtC4A44ijCxM3kYYGoJ9j0ptLyOFgx4ZXYRyybZR8lAA2m3tV2SyiS3hs0yw7xLIdsseCvrUl8IrspliMxiBnZhdix29c9KOZCvgm1H46QqQZGAAHY+vtVlpyTaVBTAFtC07b2GO1TbuC/EmljWKIws211BsRqb6EVG5clThQRopWiUyFYyCDc5yKSpwJcZMSBkIUqod2W0o+0gHrWlky7Hu40MTQKAoJtZwRm/rXntZpnOrUEl4Uj2RZCIv8ASc2qr2JBqeyXjXkRQrkICt/UimYbJtlI3ykCqjlborgsPSpVmrWDmwWZUDxn82jAnFF4Dv2R4pxGVVbyyEliPtUHGtFZSRtwRYXM6KyhEjW4Cm4N8VXZQJcmXjRZpEIdrgMES9rnXSqnKI3k6JDtWRynjQr9h9AbmsuxpMkcR8cSlCS6WaQdBR2yyJ4RePEjpt+8RuQt+w0pa0MtXg5zxbVTzMGk3i1hb430rVbeDNn5PQ0A3+S25wLKDpXNWNt9nAQM8jHkkFUAYKPtz1/hW9sYMzLyOSvm4++E3UG7W7ClXDyS1pWD0JEAijoAP5Vh2OiZ54XYNKkt2dT8QBm30rduoMVvzJOIWuYpFKtcstxbXJFW/klL9GnhlHI/SIUONzA5FxjSorKMllzgkkL3B5Hyg0+OLE9TRW8chvzwb8AMkqtfCra2u30qbYRZyzLRq5icIVlZhYHXaNb+lqqtEkbmBIIisw2nFvLjsbfyom8B2WSLxoyGCJi6uoP3EDXXNqbsmDMpWSaMccAygm5tYW7GqsLIdpeDqboQOSqhD9rjS4730rMzwa28mSI25EZIO0AhXIsNx0zVlwTbJuWGKWRUZSxGtjhQe9RWaRW02cWjRohEQxRXCiS2LX71pNzJlvEHvn497eMWnb7WGDbqTavNW/ng5t/3MSwGMRmSR3UttcDrjsKqtMwRuDosfk/SeAxra6nHT20NTaMyamejCyRtugnsHF1a+jWqtPlEV+mVkikT9rCRkZI0VRrRNrLErhDwSxFIo5CSb4cXsB1qbJ5Ylrg5GGZpNpZhyL2DLhfH3reyj4JLn5OniMAZoW8rOdpBIJ3VnaeSzHBDxPJZQ7AixmVicin8kEDcdCupSErZLsdtzpiiu/1Dg5yQwl02qSij9RogbfwrSs4I2j1rx4nSyqpRhg26Vy3aZ0lHnhTkzJltiDAYD5NaulmkzCs2aHDlicyq5kJFmVtSPep/IngvDOa/tYopDGxu9/0zqDpatfZtSTZJHXiuskSgkB1FiD6daxeUzVbyiI0K8iYbgN1vl0wM1XMIiupZtpoBjeGPZcn+FZhl3RxnXkB15AjKxx9CRex1uK3VqIkzazmT0Fd0giK3jdCd3+PesTiTexwi47mPyox8y3XOQQp0rbvmOjCfZI4ndlkVz55E3XK3S3b0o7RjoJgRs+CWVpULSCwNwMYApMCTrHEy3VhukUiMOoAIUjBN6y7GkzkLIqSWzG5jc2sSG61qZwZ2NGFUlj4mqC8hLdTmwqbOGyzmDsY5SxV0VoWxjW3qKzsv1NbM4xxx8Z3gc2DncpPUHFq027KTKaWDZHHWPwhhsI2WGTY4zUlzJdlEHeHjzHjblN55bXcnRa52sp+EcFMF2ESRrDGZIoQbsLAbrW1Pak4c9ifBpCkVxKHVmNwG+V/RbVHngqtBeOl/KSmybcSQdbHSpZ8eBVmORC7mBHT5MwDuulu3etVslIs+DfIVYnSVh8Mo/s2b/wAKzVzgtrRkz5IIIdsRMpUfEDP4mrDbyTdJEHFXwwy2KuvzZkF2JP8A5q75aJ0aUyyozxgbFNsj52GuNL1HCeS7NmRBGrGGZi8SqpTfgZv2q7PlCemdeMqbDGikeNitjg21FYs+y1ZziURRTm3xjd9v+PetNy0RWhMxF+4XjKPCQQLB8ad7a1XE8kVnB0aMKscHHNvJc773O0ZJ9zUT7ZZ6RZEi4kYCR3djZB1J9TUTdmVuDj+0hiIl5djJIcIPtBNb3bwjOFya/ZxfvCpQBdgZV6E3sam71GNjcMUczl2h8bwsQLYvUdo75KnJuSLYszyNeIrhT0x/WspzEFbOMcy+CNUBMlgucKGt1NbayZV8Hb9s8fHMcXyktqcXJ1NZ2TeTXR5RK/j8EELfAbXOpHfTrXSFMtmN+kaXe+6WGA2K7EbcLi1RwsNlVu0irIru8bo8cjgABctipEDc08UzBh4CRuUi5FyFtrnXFE15LLI0cfJ5KRvGRsBYhhYk9vaibqiTLL+2K8oiN/Eu0Nt6HNjim31yOwP1uUwiFwqbfILHaSb3zTiuRtLwYnWWLlIqmyy7NxtqQbVatOv4I7NM9cfjl4/hlcxPGLOL7Tj3rzttOVk5q0o1Asku2IqI4o1AeM6tcY+lLWSyE5OkcQkc8hrBFusI6BRqfrWXeMFT7E0bRsvJQbtotIo6oc3HtStpwVvs5BGmjQ8WyIjXG/Vm/wAGtbQ8mZngCNuVG5lO2SIm0Y0DDS99abavHYmTATkPDNMsQUyhbBdbDU2q7VTSngkuJOsQ5DxwukYAAsQzW3C3SsuyTZpWZz5AnjjZ2j2ybw4dSCotjNaq02ZdmdIoeSVZplWQPY7QbEWyPSsu9ejSb7MjkKlw8ZXlNYEEWBOgz2qxPHBN/wC56I+KFiEbDdncx6Fr3v8AjXN+zJpEmcoGWIeSa2FXNvU1aueeA7Hn4/ACKj7inJIJsbfhat29v9jKRzK8vkSB1Rb8drWva5+ta2ql+SS3+h2cJMAORx5ARpYX/iKyrRw0VueUYkY8hkHFVvNGb7zgAaEG9VPXngO08HZRyWk8L7Ubbu3L8r5ti9YdqxJdnwUxceJh5W3SE2Bc3OfTpTdvgspHM8QPO8LEiBgJAgwC2hq/yQp7M9gRSwyDjw5RhuDNnYND/lTdNSxMYR6Y4FjUIgsB+JPc1zd5NpwedTFByJ0c7UNmHa5Ga6S2kZ2hsqo8nHWcgedAWQ9x2PuKbJOOhMqTpJ5fGjwR72exybAAi+aympyV28HCVpVRWni2ujAq65XXI9MVtNPhmXZ9npfixSMHdAzLpeua9jRpwzjKpj5CiKMOXQ+RBYYGhratKyRvJmXjNKiDw7Y4yDtY/IjSwt/eqvYk+SPJ6mYShAeKTJIPgXAtp31rzLHZz2+DnJxIo4fGZP8AlEgbr5N8W9q0vY256Ms9M/FZ4DDFZdFzptFcq3hyzb4NRwjjwgO11QZc1HbZhOEcIBH8o5E8aM/khDYuPSulm+UZTJK0MO6OM7pZm+RBvbdjNKy8vhB2SPXIvjjd7YRSR9BXJOWbbg8cUXIMEaNMsTMPgLfIiuzspeJMJuDc0UkXCZZG8jnDP2BOv0rNbJ2wVvBp4+PujlM1hGLABhY1Fa2VAlEdCzfuWiBhVSNrD5Ea3saqcYnIns5Jw4pYbqzIZWPiybAZsLfStP2NP8E6OsYj46FXiaJvzFQWBPcEVlt2fMlTgzsLQcfk5LR23HqVODVnLRJxJqeAwP8AuYja5AkTowJtf3qVvKhlbjJ02Tfuto/2dlzjQ371mVr8llyZ4sYIml6O7G/ouKt7cIiZmOBeTI3Idbx22xA4wNT9arvqoHOTmOKESfjKt3t5IydSOn4EVreYZPg00fLd4+QsW3YDdCfkwOtRWqpUiXydjLAIzMCCO35r9rd6xDmDWyMpxpZBvmdlY5EaHaF9PWq7pcEycTxYom8M7M6zndvJtldAa3u3ldE45JKs0BXiR2Mcg2xu2ovgj1tRNP7MNxg9bQhIvGrbMbEY97YrltLk1JzEDx8eQcpw62ObWxWtk2tSTjJzj403IgQzOUFhZVxcdyfWtO6q8EUtHKGKbHISJLIxUql9zKMH3rVrLiSJvk7uONIBL5CChDbbm9wdNtYTssGpR6rrzOMxixMtmA6hhXH9ls8HLaUSULyYI/GAeQ1mQdVI1J7UT1bngO0oqHmSRlgkalSQ24nBGuKPVPsbMkXG8m2aaUTH/wCajEe4Ud4wlATNCJnkhSdVaVQzuBkC+BU2hOBJqXjRchHRQPIhsGtYqwyKiu6lbTNR7eRGyOLSW2yp1B61H9WNpOZieFFMiI4hHwlY2x7WOa1sm8dkmCcbkrKjGbbGwOhNrj61bVjgK5yh8cfImAga7HcllztHobVq0tLJFbJ2CNzoja8ULYBxub/KsTo/LLMl48Lji+IHbIl03WvYg60tb7SVPBzXkPGf28q35d9oI+030NV1TyuCblXhSJG0J5AG+9wVHXW2afyJuYBh+PymMcEzWi6SoLksNL3qq9ctElnRhyGaSJykaIAXmHY9gdKyo5LsYXjLCib5PJwu1sAk4JtqK1vL+STH4OhczTJFxnGxRulYZFugrMQpZdvBZgsfKgLELuV1N/palXNWV2yZWNIZpJFczTSfbEubCrLajhEkzw4It7eVNvMuSwbXJ1Wrez64CZ7DHbJwO5rjJrY8PIVeTNEuwtxlPzkAO0n37V3q9U/JhuTueNEofyQoIEF1Ya1z3fTyalHB+HJ4hNyH8ixgsYmH5T69wK2vYphGSxw8BrP5d4GiSNgfQ0dr+Cyjs5acGPjdcGY/aB6dzWFjLK7eDkIDxof28kvjubxzDAvrY1rbZykSYUCZY2RGUB3BXdyduFsdb1atr/0Gz1zwxxMBxI/+WtiBGMbf/bpY1563b/c8HJvwaSMSQPLw0WPkMQJAdQQcg3qO0OLcCfAEMo5M0kciqq7RIrfaW25PpTdapMTk5zgnbDPGIuMxuZkN1vqLEDF61V9pyyNljKcUSNHG03HvuMwNzfqCTraje0S4Y2gwqS8Y/vZLeGcjegyQG0P0quyt9VyhMZO08fH5MkKI48hNw6H5bQL2vWK2dUytySOLj/uHO9nWIBf1CSFckjr1quzj8icjlRsRCJFUS+YCO2fiDSllmOIDZ3lA48bzS2LLuCnuCbgVzT2cIu0HneFt3BjQfD7mtpgXrorr7Mk8Glgdp+RKspjiUgMAAblVFzmpuoSgSZtwHjJ3gNe4mYHduHW5FWbpiUTbHy41blcdwwGJFU2+ls1dnV4ZJnksUvGhHhg3yuThMk/xtao1Z5eC7I5oqPJM3JCrycBYZGsm0ae9adoSjgkneSKCLiyIlvmDaNTu+TDRfrXNWbsizgPxxtCxkR8xYww24uBqD3F6K/niRJmHjxywxvy7PLPgE9L5AFtKtrtP69BPycuMePwy3HKs05fbgDOcZvW7t2z0RWg9AHH5jvDJGRJFqG1HsQa5y6qU+SzJ5H4kS8aZ5CzskhRLsehAtauq9j2UGZwe5g8kIbhbbiws2AB2t0rimk/sb28DkILwRtb9Rxfsdov/ADpW3LDZuXjiUbG/2zlx3t09qyrwGzz8zigGEwIgm3bUBAsRY610p7OZ4IytHNyeOpicQtcrL2xg2NRWVbZyJbRF46cgRxD58aHVz+dgLWHp3qu7rL7YmTmkvEAbiObpv2LbQqT39K01b9xNlwe+VouPJ+43Axy2WQA3Nxow/rXkU2UeDG0Gjw1fkDkIxCOvy2EgEjQ49KfyRWAYhXj8aaaHd9xVtrXJyM+9WztZJhODHB47gzKyEcVydiOPXsfSr7LrHkiZ04rxB34WLxkqnqv9xWbzGxVbo4ycfiRctEe+wqW8WSobpj1ravZ1JKk6xrFySU8JgnT5JcWYdiKy269yizJwMz8p/wBk6COQtaRx/wCucDvitxr9ibTg9UnBuRLG7DkIPgzHcPwNc17enwUDgpLGo5QMkpHyYnQntbAqfytP6g58LkRMghZgJI/iL43AaEVr2VcyRWMui/8AX2YPvEr3dGtfOpFqqe/6CYHK43GiMVzsTyA+K/xN9TbpSl7OfwHB6ORDyX2njuqAZNxe/audbVXJW2c+RGIlj5LgLyFKqSPzbsEVqtpldBs3LxgrPyI4hLOQFCta2MdalbzhuEDi/wC34nMVmUJ5U+RA+03/AK1tO1q/gkwwRxYZW5jT+RyCFUEadgBSbNawJXJOKg5UMDXAPHclx6WNqXerfyE5NcaHjcoyzlA7lyM5sBpUva1YQTTLJLBBIOPCESVtWOFX3tRJ2Uvgu0GePHMnEVo0EsrSFrnTJtuq2snbOMETwb8UMvOcj7o0G4AkXJPW3as7NULOSP8A9asnIMkhZogBtUscN/O1Ve5qsICeCdGiEEzKHbYVb5Wxe4vnpSt05lBsvJh48aqZkaeQ4QG5Ynra2BUpaz4wGzzRwcNZoz+SUH9Fz9rjuP711d7Q/gzKOv8A2TMqJx4gdz5IXXaOmKx6uZZbWOiDjPxDMsK7ApulhqOlZbsrRJZUH//Z")
}
.universo__home_header {
    margin-top:-2.75rem;
    color:var(--blanco)
}
.universo__home_header a,.universo__home_header a:hover,.universo__home_header a:active {
    color:var(--blanco)
}
.header__event_btn {
    width:100%;
    max-width:20.4375rem;
    min-height:3rem;
    background-color:var(--neutral-n90-t50);
    border-radius:.5rem;
    display:grid;
    grid-template-columns:3rem 1fr auto;
    column-gap:.75rem;
    padding:.25rem 1rem .25rem .25rem;
    overflow:hidden;
    align-items:center;
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    transition:background-color 0.3s ease
}
.header__event_btn .more_btn {
    transition:all 0.3s ease
}
.header__event_btn:hover {
    background-color:var(--neutral-n90)
}
.header__event_btn:hover .more_btn {
    transform:scale(1.5)
}
.header__event_btn .fecha {
    width:100%;
    height:100%;
    max-height:3rem;
    padding:.5rem;
    background-color:var(--transparency-t30);
    border-radius:.5rem;
    text-align:center;
    line-height:1
}
.header__event_btn .fecha .dia {
    font-family:var(--font-numbers);
    font-size:1.25rem
}
.header__event_btn .fecha .mes {
    text-transform:uppercase;
    font-weight:300;
    font-size:.625rem
}
.header__event_btn .description {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:.375rem;
    transition:all 0.3s ease
}
.header__event_btn .description p {
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
}
.header__event_btn .proximo__badge {
    font-size:.625rem;
    background-color:var(--rojo);
    padding:0 .25rem;
    border-radius:.25rem
}
.universo__home_logos {
    padding:2.5rem var(--space-xl)
}
.universo__home_logos .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    margin-bottom:1.5rem
}
.universo__home_logos .home_logos {
    margin:0 auto;
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:1fr;
    gap:.75rem;
    max-width:var(--section-width)
}
.universo__home_logos .logo-card {
    background-color:var(--blanco);
    height:7.5rem;
    padding:1.375rem 2.5rem;
    border-radius:.375rem;
    display:grid;
    place-items:center;
    position:relative;
    transition:all 0.3s ease-in-out;
    overflow:hidden
}
.universo__home_logos .logo-card .hover-image {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:0;
    transition:all 0.5s ease
}
.universo__home_logos .logo-card .logo-image {
    width:5.875rem;
    height:3rem;
    object-fit:contain;
    display:block;
    z-index:1
}
.universo__home_logos .logo-card:hover {
    transform:scale(1.1);
    margin:0 3.8%
}
.universo__home_logos .logo-card:hover .hover-image {
    opacity:0.6
}
.universo__home_planes {
    border-top:1px solid var(--color-lines);
    border-bottom:1px solid var(--color-lines);
    display:flex;
    justify-content:center
}
.planes_intro {
    padding:0 var(--space-xl);
    text-align:center
}
.planes_intro .planes_name {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-transform:uppercase;
    color:var(--rojo)
}
.newfonts .planes_intro .planes_name {
    font-weight:600
}
.planes_intro .planes_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    padding-top:.5rem
}
.planes_content {
    padding:2.5rem 0 5rem 0;
    width:100%
}
.planes_banners .swiper-wrapper {
    justify-content:center
}
.planes_banner {
    color:var(--blanco);
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr auto auto;
    justify-items:center;
    width:20rem;
    height:32.5rem;
    margin-top:1.5rem;
    border-radius:.5rem;
    overflow:hidden
}
.planes_banner:hover,.planes_banner:active {
    color:var(--blanco)
}
.planes_banner:first-child {
    margin-left:var(--space-xl)
}
.planes_banner:last-child {
    margin-right:var(--space-xl)
}
.planes_banner .banner_bg {
    grid-column:1;
    grid-row:1/-1;
    transition:transform 0.5s ease-in-out;
    transform-origin:bottom center;
    width:100%;
    height:100%;
    overflow:hidden
}
.planes_banner .banner_bg img {
    width:100%;
    height:100%;
    object-fit:cover
}
.planes_banner .banner_bg img.from-left {
    object-position:0 50%
}
.planes_banner .banner_bg img.from-right {
    object-position:100% 50%
}
.planes_banner .banner_text_content {
    width:90%;
    grid-column:1;
    grid-row:3/-1;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr;
    justify-items:center;
    text-align:center;
    padding-block:1.5rem;
    transition:opacity 0.5s ease-in-out
}
.planes_banner .banner_text_content .button,.planes_banner .banner_text_content [class^="button_"] {
    font-size:.875rem;
    padding:.5rem 2rem;
    margin-top:1.5rem
}
.planes_banner:has(.banner_tooltip) {
    cursor:help
}
.planes_banner:has(.banner_tooltip):hover .banner_tooltip {
    opacity:1
}
.planes_banner .banner_tooltip {
    position:relative;
    padding:.75rem;
    background-color:var(--blanco);
    color:var(--color-text);
    border-radius:.5rem;
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    opacity:0;
    transition:opacity 0.5s ease-in-out;
    margin-bottom:.5rem;
    text-align:left
}
.planes_banner .banner_tooltip::after {
    content:"";
    position:absolute;
    bottom:-.9375rem;
    left:50%;
    border-width:.5rem;
    margin-left:-.5rem;
    border-style:solid;
    border-color:var(--blanco) transparent transparent transparent
}
.planes_banner .banner_image {
    grid-column:1;
    grid-row:2;
    width:90%
}
.planes_banner .banner_image img {
    width:100%;
    height:100%;
    object-fit:contain
}
.planes_banner .banner_logo {
    margin-top:1.5rem;
    grid-column:1;
    grid-row:1;
    width:4rem;
    height:4rem
}
.planes_banner .banner_logo img {
    width:100%;
    height:100%;
    object-fit:contain
}
.planes_banner .banner_logo.large {
    width:6.875rem
}
.planes_banner .banner_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2rem;
    line-height:1.12
}
.planes_banner .banner_subtitle {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    padding-top:.5rem
}
.universo__promos {
    padding-bottom:5rem
}
.promos_swiper {
    margin-bottom:1.5rem
}
.promos_swiper .swiper-slide:first-child {
    margin-left:var(--space-xl)
}
.promos_swiper .swiper-slide:last-child {
    margin-right:var(--space-xl)
}
.promo_content {
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr auto;
    width:20rem;
    height:26.25rem
}
.promo_card {
    background-color:var(--blanco);
    padding:.75rem;
    border-radius:.5rem;
    grid-column:1;
    grid-row:1/-1;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:repeat(3, auto) 1fr;
    row-gap:.75rem
}
.promo_card .more_btn {
    justify-self:self-end;
    align-self:self-end;
    width:1.5rem;
    height:1.5rem;
    transition:all 0.3s ease
}
.promo_card:hover .more_btn {
    transform:scale(1.5)
}
.promo_image {
    border-radius:.5rem;
    overflow:hidden
}
.promo_image img {
    width:100%;
    height:100%;
    object-fit:cover
}
.promo_image img.from-left {
    object-position:0 50%
}
.promo_image img.from-right {
    object-position:100% 50%
}
.promos_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    margin-bottom:1.5rem;
    padding:.5rem var(--space-xl) 0rem var(--space-xl)
}
.promo_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04
}
.promo_text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5
}
.promo_bases_btn {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    line-height:1.5rem;
    text-decoration:underline;
    grid-column:1;
    grid-row:2;
    z-index:1;
    padding:.75rem;
    justify-self:self-start
}
.promo_bases_btn:hover {
    color:var(--color-text-alt)
}
@media only screen and (max-width: 1360px) {
    .universo__home_logos .home_logos {
        grid-auto-flow:unset;
        grid-template-columns:repeat(2, 1fr)
    }
    .universo__home_logos .home_logos:has(>:nth-child(3)) {
        grid-template-columns:repeat(3, 1fr)
    }
}
@media only screen and (max-width: 860px) {
    .planes_banners .swiper-wrapper {
        justify-content:flex-start
    }
}
@media only screen and (max-width: 570px) {
    .universo__home_logos .home_logos {
        grid-template-columns:repeat(2, 1fr)
    }
    .universo__home_logos .home_logos:has(>:nth-child(3)) {
        grid-template-columns:repeat(2, 1fr)
    }
    .universo__home_logos .home_logos .logo-card {
        padding:1rem 1.25rem
    }
    .universo__home_logos .home_logos .logo-card:hover {
        transform:scale(1.05);
        margin:0
    }
    .planes_intro {
        text-align:left
    }
}
.universo__eventos {
    display:flex;
    justify-content:center
}
.eventos_intro {
    padding:0 var(--space-xl);
    text-align:center
}
.eventos_intro .eventos_name {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-transform:uppercase;
    color:var(--rojo)
}
.newfonts .eventos_intro .eventos_name {
    font-weight:600
}
.eventos_intro .eventos_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    padding-top:.5rem
}
.eventos_content {
    padding:2.5rem 0 0 0;
    width:100%
}
.eventos_content>div:last-child {
    margin-bottom:4rem
}
.eventos_fechas {
    margin:1.5rem 0
}
.eventos_fechas .swiper-slide {
    width:auto
}
.eventos_fechas .swiper-slide:first-child {
    margin-left:var(--space-xl)
}
.eventos_fechas .swiper-slide:last-child {
    margin-right:var(--space-xl)
}
.eventos_fechas .swiper-wrapper {
    justify-content:center
}
.eventos_fechas .fecha {
    width:3rem;
    height:3rem;
    padding:.5rem;
    background-color:var(--blanco);
    color:var(--topacio);
    border-radius:.5rem;
    text-align:center;
    line-height:1;
    cursor:pointer
}
.eventos_fechas .fecha.active {
    background-color:var(--rojo);
    color:var(--blanco)
}
.eventos_fechas .fecha .dia {
    font-family:var(--font-numbers);
    font-size:1.25rem
}
.eventos_fechas .fecha .mes {
    text-transform:uppercase;
    font-weight:300;
    font-size:.625rem
}
.swiper-slide-thumb-active .fecha {
    background-color:var(--rojo);
    color:var(--blanco)
}
.eventos_lista {
    margin-bottom:1.5rem
}
.eventos_lista>.evento:first-child {
    margin-left:var(--space-xl)
}
.eventos_lista>.evento:last-child {
    margin-right:var(--space-xl)
}
.evento {
    width:20rem;
    height:20rem;
    padding:.75rem;
    border-radius:.5rem;
    display:grid;
    grid-template-columns:auto 1fr auto;
    grid-template-rows:1fr auto auto;
    background-color:var(--color-bg-input);
    gap:.75rem
}
.evento .more_btn {
    width:1.5rem;
    height:1.5rem;
    grid-row:1;
    grid-column:3;
    transition:transform 0.3s ease
}
.evento:hover .more_btn {
    transform:scale(1.5)
}
.evento_image {
    grid-column:1/-1;
    grid-row:3;
    width:100%;
    max-height:7.5rem;
    border-radius:.5rem;
    overflow:hidden
}
.evento_image img {
    width:100%;
    height:100%;
    object-fit:cover
}
.evento_image img.from-left {
    object-position:0 50%
}
.evento_image img.from-right {
    object-position:100% 50%
}
.evento_info {
    grid-column:1/3;
    grid-row:1
}
.evento_info .tags {
    display:flex;
    flex-wrap:wrap;
    gap:.25rem
}
.evento_info .tipo {
    display:inline-block;
    font-size:.9375rem;
    background-color:var(--rojo);
    color:var(--blanco);
    padding:.125rem .375rem;
    border-radius:.25rem;
    position:relative
}
.evento_info .tipo.negro {
    background-color:var(--topacio)
}
.evento_info .tipo.tachado {
    --color-text: var(--rojo);
    background-color:transparent;
    color:var(--color-text);
    border:1px solid var(--color-text);
    text-transform:uppercase
}
.evento_info .tipo.tachado::after {
    content:"";
    position:absolute;
    top:50%;
    left:0;
    width:102%;
    height:1px;
    background-color:var(--color-text);
    transform:rotate(-15deg)
}
.evento_info .nombre {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:1.25rem;
    line-height:1.6;
    line-height:1.1;
    padding-top:.5rem
}
.evento_info .nombre p {
    display:inline;
    text-transform:capitalize
}
.evento_info .nombre em {
    font-style:normal
}
.evento_info .gira {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    color:var(--neutral-n50)
}
.evento_fecha {
    grid-column:1;
    grid-row:2;
    align-self:center;
    width:3rem;
    height:3rem;
    padding:.5rem;
    background-color:var(--color-primary);
    color:var(--color-bg-claro);
    border-radius:.5rem;
    text-align:center;
    line-height:1
}
.evento_fecha:has(.dia:empty,.mes:empty) {
    display:none
}
.evento_fecha .dia {
    font-family:var(--font-numbers);
    font-size:1.25rem
}
.evento_fecha .mes {
    text-transform:uppercase;
    font-weight:300;
    font-size:.625rem
}
.evento_lugar {
    grid-column:2;
    grid-row:2;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:auto auto
}
.evento_lugar .lugar {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    align-self:self-end;
    text-transform:capitalize
}
.evento_lugar .ciudad {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    align-self:self-start;
    text-transform:capitalize
}
.evento.big {
    width:40.625rem;
    padding:0;
    color:var(--blanco)
}
.evento.big .evento_info .tipo.tachado {
    --color-text: var(--blanco);
    background-color:var(--transparency-t15)
}
.evento.big .evento_info .gira {
    color:var(--blanco)
}
.evento.big .evento_image {
    grid-row:1/-1;
    max-height:20rem;
    position:relative;
    z-index:0
}
.evento.big .evento_image::before {
    content:'';
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:50%;
    background:linear-gradient(to left, rgba(41,36,30,0) 0%, rgba(41,36,30,0.3) 80%)
}
.evento.big .evento_image::after {
    content:'';
    position:absolute;
    right:0;
    top:0;
    height:100%;
    width:30%;
    background:linear-gradient(to right, rgba(41,36,30,0) 0%, rgba(41,36,30,0.3) 80%)
}
.evento.big .evento_image img {
    object-position:left center
}
.evento.big .evento_info {
    padding:.75rem;
    z-index:1
}
.evento.big .evento_info .nombre {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2rem;
    line-height:1.12;
    line-height:0.9
}
.evento.big .evento_info .nombre p {
    display:block
}
.evento.big .evento_fecha {
    background-color:var(--transparency-t30);
    color:var(--blanco);
    backdrop-filter:blur(20px);
    margin-left:.75rem;
    z-index:1
}
.evento.big .evento_lugar {
    z-index:1
}
.evento.big .more_btn {
    z-index:1;
    margin:.75rem .75rem 0
}
.evento.nodate {
    padding:0;
    color:var(--blanco)
}
.evento.nodate .evento_image {
    grid-row:1/-1;
    max-height:20rem;
    position:relative;
    z-index:0
}
.evento.nodate .evento_info {
    padding:.75rem;
    z-index:1
}
.evento.nodate .evento_info .nombre {
    display:none
}
.evento.nodate .evento_info .gira {
    display:none
}
.evento.nodate .evento_fecha {
    display:none
}
.evento.nodate .evento_lugar {
    z-index:1
}
.evento.nodate .evento_lugar .lugar {
    text-transform:uppercase
}
.evento.nodate .evento_lugar .ciudad {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    text-transform:none
}
.evento.nodate .more_btn {
    display:none
}
.eventos_listado {
    padding:2.5rem var(--space-xl) 5rem var(--space-xl);
    border-top:1px solid var(--color-lines)
}
.eventos_listado .eventos_content {
    max-width:var(--width-primary);
    margin:0 auto
}
.eventos_listado .eventos_content .load-more {
    margin:0 auto
}
.eventos_resultados {
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(26.25rem, 1fr));
    gap:.75rem;
    padding:1.5rem 0
}
.eventos_filtrado {
    display:grid;
    grid-template-columns:1fr auto auto;
    align-items:self-end
}
.eventos_filtrado .eventos_intro {
    padding:0;
    grid-column:1/-1;
    grid-row:1
}
.eventos_filtrado .filtrar_btn {
    grid-column:3;
    grid-row:1;
    background-color:var(--rojo);
    color:var(--blanco);
    padding:.5rem .75rem .5rem 1rem;
    border-radius:6.25rem;
    min-width:5.875rem;
    font-size:.875rem;
    line-height:1;
    display:flex;
    align-items:center;
    gap:.5rem;
    cursor:pointer
}
.eventos_filtrado .filtrar_btn::after {
    content:"\e908";
    font-family:'Icon';
    font-size:1.5rem;
    line-height:1
}
.eventos_filtrado .filtrar_btn:hover {
    background-color:var(--rojo-emphasis-hover)
}
.eventos_filtrado .borrar_btn {
    grid-column:2;
    grid-row:1;
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    cursor:pointer;
    white-space:nowrap;
    padding:0 .75rem;
    min-height:2.625rem;
    display:none;
    place-items:center;
    margin:0 1.5rem
}
.eventos_filtrado .borrar_btn:hover {
    color:var(--rojo)
}
.eventos_filtrado .borrar_btn.active {
    display:grid
}
.eventos_filtros {
    grid-column:span 2;
    display:flex;
    justify-content:center;
    align-items:flex-end;
    flex-wrap:wrap;
    gap:.5rem
}
.eventos_filtros .filtro {
    background-color:var(--neutral-n90);
    padding:.5rem .75rem .5rem 1rem;
    border-radius:6.25rem;
    border:1px solid var(--blanco);
    font-size:.875rem;
    line-height:1;
    display:flex;
    align-items:center;
    gap:.5rem
}
.eventos_filtros .filtro:first-child {
    margin-top:1.5rem
}
.eventos_filtros .filtro::after {
    content:"\e906";
    font-family:'Icon';
    font-size:1.5rem;
    line-height:1
}
.evento.small {
    width:100%;
    max-width:90dvw;
    height:8.375rem;
    grid-template-rows:1fr auto;
    gap:.375rem .75rem
}
.evento.small .evento_image {
    grid-column:1;
    grid-row:1/-1;
    width:7.5rem;
    height:6.875rem
}
.evento.small .evento_image img {
    object-position:center center
}
.evento.small .evento_info {
    grid-column:2
}
.evento.small .evento_info .tipo {
    font-size:.625rem;
    padding:.125rem .25rem;
    text-transform:capitalize
}
.evento.small .evento_info .tipo.tachado {
    text-transform:uppercase
}
.evento.small .evento_info .nombre {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:1rem;
    line-height:1.6;
    line-height:1.1;
    padding-top:.25rem;
    display:-webkit-box;
    -webkit-line-clamp:2;
    line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
}
.evento.small .evento_fecha {
    background-color:var(--transparency-t40);
    grid-row:1/-1;
    align-self:self-end;
    width:2rem;
    height:2rem;
    padding:.25rem;
    border-radius:.375rem;
    margin:0 0 .5rem .5rem;
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px)
}
.evento.small .evento_fecha .dia {
    font-size:1rem
}
.evento.small .evento_fecha .mes {
    font-size:.5rem
}
.evento.small .evento_lugar {
    display:block;
    line-height:1.2;
    font-size:.625rem
}
.evento.small .evento_lugar .lugar {
    position:relative;
    padding-left:.75rem;
    display:inline;
    line-height:1
}
.evento.small .evento_lugar .lugar::before {
    content:'';
    position:absolute;
    left:0rem;
    top:.1875rem;
    width:.5rem;
    aspect-ratio:14/18;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 18'%3E%3Cpath fill='currentColor' stroke-width='0' d='M7 8.47c.39 0 .72-.14.99-.41.27-.27.41-.61.41-1s-.14-.73-.41-1c-.27-.27-.6-.41-.99-.41s-.72.14-.99.41c-.27.27-.41.61-.41 1s.14.73.41 1c.27.27.6.41.99.41Zm0 8.24c1.94-1.71 3.44-3.42 4.49-5.13 1.05-1.71 1.58-3.15 1.58-4.33 0-1.85-.59-3.36-1.76-4.54C10.14 1.53 8.7.95 7 .95s-3.13.59-4.3 1.76C1.53 3.89.94 5.4.94 7.25c0 1.18.53 2.62 1.58 4.33S5.07 15 7.01 16.71ZM7 18c-2.36-2.12-4.12-4.08-5.27-5.88C.58 10.32 0 8.69 0 7.25c0-2.21.7-3.98 2.11-5.28C3.52.66 5.15 0 7 0s3.48.66 4.89 1.97C13.3 3.28 14 5.04 14 7.25c0 1.44-.58 3.07-1.73 4.87C11.12 13.92 9.36 15.88 7 18Z'/%3E%3C/svg%3E");
    background-size:contain;
    background-repeat:no-repeat
}
.evento.small .evento_lugar .ciudad {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    display:inline;
    line-height:1
}
.evento.small .evento_lugar .ciudad::before {
    content:'\00a0\00a0·\00a0\00a0'
}
.eventos__form {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:var(--bg-modal);
    backdrop-filter:blur(5px);
    z-index:9998;
    opacity:0;
    pointer-events:none;
    transition:opacity 0.5s ease
}
.eventos__form.active {
    opacity:1;
    pointer-events:initial
}
.eventos__form.active .eventos__form_content {
    right:0
}
.eventos__form .eventos__form_content {
    width:90vw;
    height:100dvh;
    max-width:38.125rem;
    position:absolute;
    top:0;
    right:-100%;
    background-color:var(--blanco);
    padding:5rem 1rem 5rem 0rem;
    transition:right 0.5s ease-out
}
.eventos__form .mensaje-error {
    color:var(--rojo);
    font-size:.75rem;
    margin-top:.5rem;
    visibility:hidden
}
form#eventos_form {
    width:100%;
    height:100%;
    overflow-y:auto;
    overflow-x:hidden
}
form#eventos_form::-webkit-scrollbar {
    width:0.5em;
    padding-left:1.5rem
}
form#eventos_form::-webkit-scrollbar-track {
    box-shadow:inset 0 0 2px rgba(255,255,255,0.3)
}
form#eventos_form::-webkit-scrollbar-thumb {
    background-color:var(--neutral-n90)
}
.eventos__form_intro {
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:center;
    padding:0 var(--space-xl) 1.5rem var(--space-xl)
}
.eventos__form_intro .form_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04
}
.eventos__form_intro .form_close {
    justify-self:self-end;
    background-color:var(--neutral-n30);
    border-radius:6.25rem;
    width:2rem;
    height:2rem;
    display:grid;
    place-items:center;
    cursor:pointer
}
.info_resultados {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    font-weight:300;
    padding:0 var(--space-xl) 1.5rem var(--space-xl);
    opacity:1;
    transition:opacity 0.5s ease
}
.info_resultados .num {
    font-weight:500;
    color:var(--rojo)
}
.form_section {
    border-top:1px solid var(--color-lines);
    padding:1.5rem var(--space-xl) 0 var(--space-xl)
}
.form_section .form_section_body {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:.5rem;
    max-height:0;
    opacity:0;
    overflow:hidden;
    transition:max-height 0.4s ease, padding 0.4s ease, opacity 0.4s ease;
    padding-top:1.5rem
}
.form_section .form_section_body.open {
    max-height:1000px;
    opacity:1;
    padding-bottom:1.5rem
}
.form_section .input-group {
    position:relative;
    width:100%
}
.form_section .input-group .icon-place {
    position:absolute;
    left:.5rem;
    top:50%;
    transform:translate(0, -50%);
    height:1.5rem;
    width:1.5rem;
    display:grid;
    place-items:center;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23BAB7B0' d='M12 11.47c.389 0 .72-.137.991-.412.273-.274.409-.607.409-1 0-.391-.136-.725-.409-.999A1.342 1.342 0 0 0 12 8.647c-.389 0-.72.137-.991.412a1.365 1.365 0 0 0-.409 1c0 .392.136.725.409 1 .272.274.602.412.991.412ZM12 21c-2.364-2.118-4.122-4.078-5.273-5.882C5.576 13.314 5 11.69 5 10.248c0-2.213.704-3.973 2.112-5.283C8.52 3.655 10.15 3 12 3s3.48.655 4.889 1.965C18.296 6.275 19 8.035 19 10.247c0 1.443-.576 3.067-1.727 4.87C16.123 16.923 14.364 18.883 12 21Z'/%3E%3C/svg%3E");
    z-index:1
}
.form_section .input-group .icon-place.active {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23C8102E' d='M12 11.47c.389 0 .72-.137.991-.412.273-.274.409-.607.409-1 0-.391-.136-.725-.409-.999A1.342 1.342 0 0 0 12 8.647c-.389 0-.72.137-.991.412a1.365 1.365 0 0 0-.409 1c0 .392.136.725.409 1 .272.274.602.412.991.412ZM12 21c-2.364-2.118-4.122-4.078-5.273-5.882C5.576 13.314 5 11.69 5 10.248c0-2.213.704-3.973 2.112-5.283C8.52 3.655 10.15 3 12 3s3.48.655 4.889 1.965C18.296 6.275 19 8.035 19 10.247c0 1.443-.576 3.067-1.727 4.87C16.123 16.923 14.364 18.883 12 21Z'/%3E%3C/svg%3E")
}
.form_section .botones {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.5rem;
    margin-bottom:1.5rem
}
.form_section:has([data-tipo-fixed]) {
    display:none
}
.datalist_container {
    position:absolute;
    left:0;
    top:0
}
.limpiar-button {
    cursor:pointer
}
.limpiar-button.disabled {
    opacity:0.3;
    pointer-events:none
}
.form_section_head {
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:center
}
.form_section_head .form_section_title {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:1.25rem;
    line-height:1.6
}
.form_toggle {
    display:grid;
    align-items:center;
    justify-content:end;
    cursor:pointer
}
.form_toggle .icons {
    position:relative;
    width:1.5rem;
    height:1.5rem
}
.form_toggle .plus,.form_toggle .minus {
    position:absolute;
    width:1.5rem;
    height:1.5rem;
    transition:all 0.3s ease;
    color:var(--color-titulo-footer)
}
.form_toggle .plus {
    opacity:1
}
.form_toggle .minus {
    opacity:0
}
.form_toggle .open .plus,.form_toggle .open .minus {
    transform:rotate(-180deg)
}
.form_toggle .open .plus {
    opacity:0
}
.form_toggle .open .minus {
    opacity:1
}
.form_section_body.circles input[type="checkbox"] {
    display:none
}
.form_section_body.circles label {
    position:relative;
    cursor:pointer;
    display:grid;
    place-items:center;
    width:80px;
    height:80px;
    z-index:1;
    font-weight:300
}
.form_section_body.circles label::before {
    content:"";
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    background-color:var(--neutral-n5);
    width:100%;
    height:100%;
    border-radius:50%;
    z-index:-1
}
.form_section_body.circles input[type="checkbox"]:checked+label {
    font-weight:500;
    color:var(--blanco)
}
.form_section_body.circles input[type="checkbox"]:checked+label::before {
    background-color:var(--rojo)
}
.form_section_body.tags input[type="radio"] {
    display:none
}
.form_section_body.tags label {
    position:relative;
    cursor:pointer;
    display:grid;
    place-items:center;
    padding:.5rem 1rem;
    min-width:3.75rem;
    z-index:1;
    font-weight:300
}
.form_section_body.tags label::before {
    content:"";
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    background-color:var(--neutral-n90);
    border:1px solid var(--neutral-n90);
    width:100%;
    height:100%;
    border-radius:6.25rem;
    z-index:-1
}
.form_section_body.tags input[type="radio"]:checked+label {
    font-weight:500
}
.form_section_body.tags input[type="radio"]:checked+label::before {
    border:1px solid var(--blanco)
}
#ciudad {
    width:100%;
    padding-left:2.25rem;
    padding-right:.5rem;
    height:2rem;
    border-radius:3.125rem;
    border:1px solid var(--neutral-n5);
    min-width:0px;
    outline:2px solid transparent;
    outline-offset:2px;
    appearance:none;
    background-color:var(--neutral-n5);
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    color:var(--color-text);
    position:relative
}
#ciudad::placeholder {
    color:var(--color-text-dimmed);
    opacity:0.3
}
#ciudad:focus-visible {
    border:1px solid var(--neutral-n50)
}
.months_calendar {
    margin-bottom:1.5rem
}
.days_calendar {
    margin-bottom:3.5rem
}
@media only screen and (max-width: 860px) {
    .eventos_lista .evento.big {
        width:20rem
    }
}
@media only screen and (max-width: 570px) {
    .eventos_intro {
        text-align:left
    }
    .eventos_fechas .swiper-wrapper {
        justify-content:flex-start
    }
    .eventos_resultados {
        grid-template-columns:repeat(auto-fill, minmax(320px, 1fr))
    }
    .evento.small {
        gap:.375rem .5rem
    }
    .evento.small .evento_info .nombre {
        font-size:.8125rem
    }
    .evento.small .evento_info .gira {
        font-size:.625rem
    }
    .evento.small .evento_lugar .lugar {
        font-size:.625rem
    }
    .evento.small .evento_lugar .lugar::before {
        top:.125rem;
        width:.4375rem
    }
    .evento.small .evento_lugar .ciudad {
        font-size:.625rem
    }
    .eventos_filtrado {
        grid-template-columns:auto auto 1fr;
        justify-items:self-start
    }
    .eventos_filtrado .eventos_intro {
        grid-column:1/-1
    }
    .eventos_filtrado .filtrar_btn {
        margin-top:1.5rem;
        grid-column:1;
        grid-row:2
    }
    .eventos_filtrado .borrar_btn {
        grid-column:2;
        grid-row:2
    }
    .eventos_filtros {
        grid-column:1;
        justify-content:flex-start
    }
    .eventos__form .eventos__form_content {
        padding:1.5rem .5rem 1.5rem 0rem
    }
    form#eventos_form {
        height:80dvh
    }
}
@media only screen and (max-width: 360px) {
    .eventos_resultados {
        grid-template-columns:repeat(auto-fill, minmax(280px, 1fr))
    }
    .evento.small {
        padding:.5rem;
        gap:.25rem
    }
    .evento.small .evento_image {
        width:5.625rem;
        height:4.375rem
    }
    .evento.small .evento_fecha {
        margin:0
    }
}
.intro_evento {
    display:grid;
    grid-template-columns:auto auto;
    justify-items:center;
    gap:.5rem
}
.intro_evento .evento_fecha {
    grid-column:1;
    grid-row:1;
    justify-self:self-end
}
.intro_evento .evento_fecha:has(+.evento_lugar) {
    grid-column:1/-1;
    justify-self:center
}
.intro_evento .evento_hora {
    grid-column:2;
    grid-row:1;
    justify-self:self-start;
    padding:.5rem;
    background-color:var(--neutral-n5);
    color:var(--topacio);
    backdrop-filter:blur(20px);
    border-radius:.5rem;
    text-align:center;
    line-height:1
}
.intro_evento .evento_hora .numero {
    font-family:var(--font-numbers);
    font-size:1.25rem
}
.intro_evento .evento_hora .horas {
    text-transform:uppercase;
    font-weight:300;
    font-size:.625rem
}
.intro_evento .evento_lugar {
    grid-column:1/-1;
    display:block;
    line-height:1.2;
    width:100%
}
.intro_evento .evento_lugar .lugar {
    position:relative;
    display:inline;
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    line-height:1
}
.intro_evento .evento_lugar .ciudad {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    display:inline;
    line-height:1
}
.intro_evento .evento_lugar .ciudad::before {
    content:'\00a0·\00a0\00a0'
}
.eventos_relacionados {
    margin:2rem 0
}
.eventos_relacionados .swiper-slide:first-child {
    margin-left:var(--space-xl)
}
.eventos_relacionados .swiper-slide:last-child {
    margin-right:var(--space-xl)
}
.evento_mapa .mapa_content {
    display:flex;
    justify-content:center;
    gap:.75rem;
    padding:2.5rem 0
}
.evento_mapa .gmap {
    width:40.625rem;
    height:20rem;
    border-radius:.5rem
}
.mapa_info {
    width:20rem;
    height:20rem;
    padding:.75rem;
    border-radius:.5rem;
    background-color:var(--color-bg-input);
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:auto 1fr auto
}
.mapa_info .tipo {
    display:inline-block;
    font-size:.9375rem;
    background-color:var(--rojo);
    color:var(--blanco);
    padding:.125rem .375rem;
    border-radius:.25rem
}
.mapa_info .nombre {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:1.25rem;
    line-height:1.6;
    line-height:1.1;
    padding-top:.5rem
}
.mapa_info .nombre p {
    display:inline;
    text-transform:capitalize
}
.mapa_info .lugar {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    color:var(--neutral-n50)
}
.mapa_info .direccion {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    align-self:center
}
.mapa_info .botones {
    display:flex;
    flex-direction:column;
    gap:.75rem
}
.futbol__hero {
    margin-top:-2.75rem;
    color:var(--blanco)
}
.futbol__hero .header__section_content {
    gap:2.5rem;
    padding-top:8.75rem;
    min-height:33.75rem;
    max-width:36.25rem
}
.futbol__hero .header__section_logo {
    width:7.125rem;
    height:5.25rem;
    margin-bottom:3.75rem
}
.futbol__hero .header__section_title {
    font-style:normal;
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:3rem;
    line-height:1
}
.futbol__bloque1 {
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:5rem 0;
    position:relative;
    width:100%;
    z-index:40;
    border-top:1px solid var(--color-lines)
}
.futbol__bloque1 .bloque1_equipos {
    width:90%;
    max-width:61.25rem;
    background-color:var(--blanco);
    border-radius:.5rem;
    padding:1.5rem 1rem .625rem 1rem;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1.5rem
}
.futbol__bloque1 .bloque1_equipos .logo {
    margin:0 auto;
    width:10rem
}
.futbol__bloque1 .bloque1_equipos .logo img {
    width:100%
}
.futbol__bloque1 .bloque1_equipos .caption {
    font-family:var(--font-primary);
    font-weight:500;
    font-size:.6875rem;
    line-height:1.5;
    text-align:center;
    margin-bottom:0
}
.futbol__bloque1 .bloque1_equipos .titular {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2rem;
    line-height:1.12;
    text-align:center
}
.futbol__bloque1 .bloque1_equipos p {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    margin-bottom:1.25rem;
    text-align:center
}
.futbol__bloque1 .bloque1_equipos .equipos {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:.75rem;
    max-width:80%
}
.futbol__bloque1 .bloque1_equipos .equipos .card_equipo {
    width:7.75rem;
    border-radius:.5rem;
    background:var(--neutral-n5);
    border:1px solid var(--neutral-n5);
    padding:1rem .3125rem .5rem .3125rem;
    text-align:center
}
.futbol__bloque1 .bloque1_equipos .equipos .card_equipo .logo-container {
    width:3.75rem;
    height:4.125rem;
    margin:0 auto
}
.futbol__bloque1 .bloque1_equipos .equipos .card_equipo .logo-container .logo {
    object-fit:contain;
    width:100%;
    height:100%
}
.futbol__bloque1 .bloque1_equipos .equipos .card_equipo .nombre {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    margin-top:.5rem;
    margin-bottom:0;
    line-height:.875rem
}
.futbol__bloque1 .bloque1_equipos .equipos a.card_equipo:hover {
    border:1px solid var(--rojo)
}
.futbol__home_patrocinios {
    padding:5rem 0;
    width:100%;
    position:relative;
    z-index:10
}
.futbol__home_patrocinios .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    margin-bottom:1.5rem;
    text-align:center
}
.futbol__home_patrocinios .container {
    margin:0 auto;
    max-width:82.1875rem;
    width:90%
}
.futbol__home_patrocinios .container .logo {
    margin:0 auto;
    width:6.25rem
}
.futbol__home_patrocinios .container .logo img {
    width:100%
}
.futbol__home_patrocinios .container .caption {
    font-family:var(--font-primary);
    font-weight:500;
    font-size:.6875rem;
    line-height:1.5;
    text-align:center;
    margin-top:.75rem;
    margin-bottom:1.5rem
}
.futbol__home_patrocinios .patrocinios_banners {
    width:100%;
    max-width:100vw
}
.futbol__home_patrocinios .patrocinios_banners .swiper-wrapper {
    justify-content:center
}
.futbol__home_patrocinios .patrocinios_banners .swiper-slide {
    width:auto
}
.futbol__home_patrocinios .patrocinios_banners .swiper-slide:first-child {
    margin-left:var(--space-xl)
}
.futbol__home_patrocinios .patrocinios_banners .swiper-slide:last-child {
    margin-right:var(--space-xl) !important
}
.futbol__home_patrocinios .banner_logo {
    height:4.125rem;
    width:8.75rem;
    margin-top:1.5rem
}
.futbol__home_patrocinios .banner_logo img {
    object-fit:contain;
    width:100%;
    height:100%
}
.futbol__home_patrocinios .banner_subtitle {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    font-style:normal
}
.futbol__home_patrocinios .planes_banner {
    max-width:20rem;
    height:auto
}
.futbol__bloque3 {
    display:flex;
    flex-direction:column;
    align-items:center;
    padding-top:5rem;
    border-top:1px solid var(--color-lines)
}
.futbol__bloque3 .content {
    display:grid;
    gap:.75rem;
    grid-template-columns:3fr 1fr;
    width:90vw;
    max-width:82.1875rem
}
.futbol__bloque3 .experiencias_name {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    color:var(--rojo);
    text-transform:uppercase
}
.newfonts .futbol__bloque3 .experiencias_name {
    font-weight:600
}
.futbol__bloque3 .experiencias_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    margin-bottom:1.5rem
}
.futbol__bloque3 .bloque3_experiencias .swiper-wrapper {
    max-width:61.25rem
}
.futbol__bloque3 .bloque3_experiencias .planes_banner {
    max-width:61.25rem;
    max-height:26.25rem;
    width:auto;
    height:auto;
    margin-top:0
}
.futbol__bloque3 .bloque3_experiencias .planes_banner:first-child {
    margin-left:0
}
.futbol__bloque3 .bloque3_experiencias .planes_banner .banner_logo {
    margin-top:1.5rem
}
.futbol__bloque3 .bloque3_experiencias .planes_banner .banner_logo.large {
    width:11.25rem;
    height:7.0625rem
}
.futbol__bloque3 .bloque3_experiencias .planes_banner .banner_subtitle {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    font-style:normal
}
.futbol__bloque3 .bloque3_premios .promo_content {
    height:auto
}
.futbol__bloque3 .bloque3_premios .swiper-wrapper {
    max-width:20rem;
    margin:0
}
.futbol__bloque3 .bloque3_premios .promo_card {
    grid-template-rows:repeat(3, auto)
}
.futbol__bloque3 .bloque3_premios .promo_card .promo_text {
    display:none
}
.futbol__bloque3 .bloque3_premios .promos_cta {
    margin-top:1.5rem
}
.banner_patrocinador {
    display:flex;
    justify-content:center;
    padding:5rem 1.5rem;
    border-top:1px solid var(--color-lines)
}
.banner_patrocinador .banner_content {
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr;
    justify-items:center;
    width:90%;
    max-width:var(--width-primary);
    border-radius:.5rem
}
.banner_patrocinador .banner_bg {
    width:100%;
    height:22.5rem;
    grid-column:1;
    grid-row:1;
    border-radius:.5rem;
    overflow:hidden;
    position:relative
}
.banner_patrocinador .banner_bg img {
    width:100%;
    height:100%;
    object-fit:cover
}
.banner_patrocinador .banner_bg img.from-left {
    object-position:0 50%
}
.banner_patrocinador .banner_bg img.from-right {
    object-position:100% 50%
}
.banner_patrocinador .banner_bg::before {
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background-color:var(--bg-modal)
}
.banner_patrocinador .banner_text {
    grid-column:1;
    grid-row:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:1.5rem;
    max-width:none;
    position:relative
}
.banner_patrocinador .logo {
    width:10rem
}
.banner_patrocinador .logo img {
    width:100%;
    height:100%;
    object-fit:contain
}
.banner_patrocinador .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2rem;
    line-height:1.12
}
.banner_patrocinador .text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5
}
.videolist__default.mtop {
    margin-top:1.5rem
}
.nav_futbol_swiper {
    margin-top:-2.75rem;
    padding-top:2.75rem
}
.nav_futbol_swiper .futbol__menu_logos {
    justify-content:center;
    padding:1rem 0
}
.nav_futbol_swiper .futbol__menu_logos .swiper-slide {
    width:auto
}
.nav_futbol_swiper .futbol__menu_logos .swiper-slide:first-child {
    margin-left:var(--space-xl)
}
.nav_futbol_swiper .futbol__menu_logos .swiper-slide:last-child {
    margin-right:var(--space-xl) !important
}
.nav_futbol_swiper .futbol__menu_logos .menu_button {
    display:block;
    border-radius:6.25rem;
    padding:.75rem;
    transition:transform 0.3s ease-out;
    width:4rem;
    height:4rem
}
.nav_futbol_swiper .futbol__menu_logos .menu_button:not(.active) {
    background-color:var(--blanco)
}
.nav_futbol_swiper .futbol__menu_logos .menu_button:not(.active) .menu_logo.off {
    display:none
}
.nav_futbol_swiper .futbol__menu_logos .menu_button:not(.active) .menu_logo.on {
    display:block
}
.nav_futbol_swiper .futbol__menu_logos .menu_button.active {
    background-color:var(--rojo);
    opacity:1
}
.nav_futbol_swiper .futbol__menu_logos .menu_button.active .menu_logo.off {
    display:block
}
.nav_futbol_swiper .futbol__menu_logos .menu_button.active .menu_logo.on {
    display:none
}
.nav_futbol_swiper .futbol__menu_logos .menu_button:hover {
    transform:scale(1.2)
}
.nav_futbol_swiper .futbol__menu_logos .menu_button .menu_logo {
    object-fit:contain;
    width:100%;
    height:100%
}
.nav_futbol_swiper .futbol__menu_logos .menu_button p {
    margin:0;
    text-align:center;
    text-transform:uppercase;
    font-size:.4375rem;
    margin-top:-.5625rem
}
.equipo__header .container {
    max-width:50rem;
    margin:0 auto;
    padding-top:1.5rem;
    width:90%
}
.equipo__header .container .logo {
    margin:0 auto;
    width:6.25rem
}
.equipo__header .container .logo img {
    width:100%
}
.equipo__header .container .caption {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-align:center;
    margin-block:.75rem
}
.newfonts .equipo__header .container .caption {
    font-weight:600
}
.equipo__header .container .equipo_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:4rem;
    line-height:1;
    color:var(--rojo);
    margin-bottom:1.5rem;
    text-transform:uppercase;
    text-align:center
}
.equipo__header .container .logo-container {
    height:15.625rem;
    margin:0 auto;
    width:15.625rem
}
.equipo__header .container .logo-container img {
    object-fit:contain;
    height:100%;
    width:100%
}
.laliga__header_intro {
    display:flex;
    justify-content:center
}
.laliga__header_intro .container {
    margin:-5rem 0 5rem 0;
    background-color:var(--blanco);
    border-radius:.5rem;
    max-width:50rem;
    padding:2.5rem;
    text-align:center;
    width:90%;
    z-index:10;
    display:flex;
    flex-direction:column;
    align-items:center
}
.laliga__header_intro .logo {
    width:10rem
}
.laliga__header_intro .logo img {
    width:100%;
    height:100%;
    object-fit:contain
}
.laliga__header_intro .titulo {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2rem;
    line-height:1.12;
    padding:1.5rem 0
}
.laliga__header_intro .text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    padding-bottom:1.5rem
}
.laliga__header_intro .equipos {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:.75rem
}
.laliga__header_intro .equipos .card_equipo {
    width:6.375rem;
    padding:.5rem;
    text-align:center
}
.laliga__header_intro .equipos .card_equipo .logo-container {
    width:4.125rem;
    height:4.125rem;
    margin:0 auto
}
.laliga__header_intro .equipos .card_equipo .logo-container .logo {
    object-fit:contain;
    width:100%;
    height:100%
}
.laliga__header_intro .equipos .card_equipo .nombre {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    margin-top:.5rem;
    margin-bottom:0;
    line-height:.875rem
}
.equipo__header_intro .container {
    background-color:var(--blanco);
    border-radius:.5rem;
    max-width:50rem;
    margin:0 auto;
    margin-bottom:2.8125rem;
    margin-top:1.5rem;
    padding:2.5rem;
    text-align:center;
    width:90%;
    position:relative
}
.equipo__header_intro .container .nombre_equipo {
    font-family:var(--font-primary);
    font-weight:500;
    font-size:.6875rem;
    line-height:1.5;
    color:var(--rojo);
    text-transform:uppercase
}
.equipo__header_intro .container .titular_equipo {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2rem;
    line-height:1.12;
    margin:.75rem 0
}
.equipo__header_intro .container .text_equipo {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:.75rem
}
.futbol__intro {
    display:grid;
    justify-items:center;
    margin-bottom:5rem;
    text-align:center
}
.futbol__intro .name {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-transform:uppercase;
    color:var(--rojo)
}
.newfonts .futbol__intro .name {
    font-weight:600
}
.futbol__carrusel {
    border-top:1px solid var(--color-lines);
    padding:5rem 0
}
.futbol__carrusel .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    color:var(--rojo);
    text-align:center;
    padding-bottom:1.5rem
}
.futbol__carrusel .swiper {
    width:100%;
    max-width:100dvw
}
.futbol__carrusel .swiper .swiper-wrapper {
    margin-bottom:2.5rem
}
.futbol__carrusel .swiper .swiper-slide {
    width:18.75rem
}
.futbol__carrusel .swiper .swiper-slide img {
    width:100%;
    height:auto;
    object-fit:contain
}
.futbol__carrusel .swiper .swiper-slide:first-child {
    margin-left:var(--space-xl)
}
.futbol__carrusel .swiper .swiper-slide:last-child {
    margin-right:var(--space-xl)
}
.equipo__experiencias {
    border-top:1px solid var(--color-lines);
    padding:5rem 0;
    width:100%
}
.equipo__experiencias .container {
    margin:0 auto;
    max-width:82.1875rem;
    width:90%
}
.equipo__experiencias .container .swiper-wrapper {
    justify-content:center
}
.equipo__experiencias .container .swiper-wrapper .planes_banner {
    max-width:20rem
}
.equipo__experiencias .container .swiper-wrapper .planes_banner:first-child {
    margin-left:0
}
.equipo__experiencias .container .swiper-wrapper .planes_banner .banner_logo {
    margin-top:1.5rem
}
.equipo__experiencias .container .swiper-wrapper .planes_banner .banner_logo.large {
    width:11.25rem;
    height:7.0625rem
}
.equipo__experiencias .container .swiper-wrapper .planes_banner .banner_subtitle {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    font-style:normal
}
.equipo__jugadores {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.75rem;
    max-width:68.75rem;
    margin:5rem auto 5rem auto;
    width:90%;
    color:var(--blanco)
}
.equipo__jugadores .jugador_cinco_estrellas {
    border-radius:.5rem;
    background-color:var(--rojo);
    padding:2.5rem;
    text-align:center
}
.equipo__jugadores .jugador_cinco_estrellas .caption {
    font-family:var(--font-primary);
    font-weight:500;
    font-size:.6875rem;
    line-height:1.5;
    text-transform:uppercase
}
.equipo__jugadores .jugador_cinco_estrellas .titulo {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2rem;
    line-height:1.12;
    margin-bottom:1.5rem;
    padding:0
}
.equipo__jugadores .jugador_cinco_estrellas .texto {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    margin-bottom:1.5rem
}
.equipo__jugadores .jugador_cinco_estrellas .destacado {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    margin-bottom:1.5rem
}
.equipo__jugadores .jugador_cinco_estrellas .boton {
    max-width:11.25rem;
    margin:0 auto;
    margin-bottom:1.5rem
}
.equipo__jugadores .jugador_cinco_estrellas .boton .social {
    font-size:1.5rem
}
.equipo__jugadores .jugador_cinco_estrellas .legal {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5
}
.equipo__jugadores .jugador_cinco_estrellas .cuenta-x {
    border-radius:.5rem;
    border:1px solid var(--transparency-t30);
    display:grid;
    grid-template-columns:auto 1fr auto;
    justify-items:start;
    margin:0 auto 1.5rem auto;
    max-width:22.5rem;
    padding:.5rem .5rem .5rem 1rem
}
.equipo__jugadores .jugador_cinco_estrellas .cuenta-x .logo {
    border:1px solid var(--blanco);
    border-radius:2.8125rem;
    height:2.8125rem;
    margin-right:.5rem;
    width:2.8125rem
}
.equipo__jugadores .jugador_cinco_estrellas .cuenta-x .logo img {
    height:100%;
    object-fit:contain;
    width:100%
}
.equipo__jugadores .jugador_cinco_estrellas .cuenta-x .nombre_cuentax {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1rem;
    line-height:1.04;
    text-align:left;
    margin-bottom:.375rem
}
.equipo__jugadores .jugador_cinco_estrellas .cuenta-x .nombre_usuario {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    text-align:left
}
.equipo__jugadores .jugadores .card_jugador {
    background-color:var(--blanco);
    border-radius:.5rem;
    margin-bottom:.75rem;
    padding:.75rem .75rem 0 .75rem
}
.equipo__jugadores .jugadores .card_jugador:last-child {
    margin-bottom:0
}
.equipo__jugadores .jugadores .card_jugador .top {
    display:grid;
    grid-template-columns:auto 1fr;
    gap:.75rem;
    margin-bottom:.75rem
}
.equipo__jugadores .jugadores .card_jugador .top .imagen_jugador {
    align-items:end;
    background-color:var(--rojo);
    border-radius:.5rem;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr;
    height:6.875rem;
    width:7.5rem
}
.equipo__jugadores .jugadores .card_jugador .top .imagen_jugador .foto {
    grid-column:1;
    grid-row:1;
    object-fit:contain;
    width:100%
}
.equipo__jugadores .jugadores .card_jugador .top .imagen_jugador .escudo {
    background-color:var(--transparency-t20);
    backdrop-filter:blur(4px);
    border-radius:.25rem;
    grid-column:1;
    grid-row:1;
    height:2rem;
    margin:.5rem;
    padding:.25rem;
    width:2rem
}
.equipo__jugadores .jugadores .card_jugador .top .imagen_jugador .escudo img {
    object-fit:contain;
    width:100%;
    height:100%
}
.equipo__jugadores .jugadores .card_jugador .top .info_jugador {
    display:grid;
    grid-template-rows:auto 1fr auto
}
.equipo__jugadores .jugadores .card_jugador .top .info_jugador .tag-fecha {
    background-color:var(--rojo);
    border-radius:.25rem;
    font-family:var(--font-primary);
    font-weight:500;
    font-size:.6875rem;
    line-height:1.5;
    font-size:.625rem;
    padding:0 .25rem;
    display:inline-block
}
.equipo__jugadores .jugadores .card_jugador .top .info_jugador .nombre_jugador {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:1rem;
    line-height:1.6;
    color:var(--color-text)
}
.equipo__jugadores .jugadores .card_jugador .top .info_jugador .hastag {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    color:var(--color-text-alt)
}
.equipo__jugadores .jugadores .card_jugador .top .info_jugador .datos {
    align-items:center;
    align-content:center;
    color:var(--rojo);
    column-gap:1.5rem;
    display:flex;
    flex-wrap:wrap;
    font-family:var(--font-numbers);
    font-size:.75rem;
    margin-top:.5rem;
    row-gap:.5rem
}
.equipo__jugadores .jugadores .card_jugador .top .info_jugador .datos .camiseta {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='17' fill='none'%3E%3Cpath fill='%23c8102e' d='M15.378 16.842H4.506V7.46L3.4 8.186 0 4.702 4.506 0h2.657a3.305 3.305 0 0 0 2.954 1.624c1.74-.067 2.636-1.517 2.7-1.624h2.465L20 4.809l-3.316 3.377-1.403-.94.096 9.596Z'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    color:var(--blanco);
    font-size:.5rem;
    font-weight:bold;
    height:1.0625rem;
    padding-top:.25rem;
    text-align:center;
    width:1.25rem
}
.equipo__jugadores .jugadores .card_jugador .top .info_jugador .datos .retweets {
    position:relative;
    margin-left:1.25rem
}
.equipo__jugadores .jugadores .card_jugador .top .info_jugador .datos .retweets::before {
    content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='14' fill='none'%3E%3Cpath fill='%23c8102e' d='M1.1 9.217a4.111 4.111 0 0 1-.333-.984 5.171 5.171 0 0 1-.1-1.016c0-1.378.489-2.559 1.466-3.542C3.111 2.692 4.29 2.2 5.667 2.2h1.2L5.35.683l.333-.35 2.134 2.134-2.134 2.1-.35-.334L6.85 2.717H5.667c-1.245 0-2.303.439-3.175 1.316-.872.878-1.309 1.94-1.309 3.184 0 .277.025.558.075.841.05.284.12.548.209.792l-.367.367Zm4.533 4.833-2.116-2.117 2.116-2.116.334.333-1.517 1.517h1.217c1.244 0 2.303-.44 3.175-1.317.872-.878 1.308-1.939 1.308-3.183a5.26 5.26 0 0 0-.067-.834 3.535 3.535 0 0 0-.216-.783l.366-.383a4.789 4.789 0 0 1 .433 2c0 1.389-.488 2.572-1.466 3.55-.978.977-2.155 1.466-3.533 1.466H4.45l1.517 1.534-.334.333Z'/%3E%3C/svg%3E");
    position:absolute;
    margin-left:-1.25rem
}
.equipo__jugadores .jugadores .card_jugador .top .info_jugador .datos .likes {
    position:relative;
    margin-left:1.25rem
}
.equipo__jugadores .jugadores .card_jugador .top .info_jugador .datos .likes::before {
    content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='14' fill='none'%3E%3Cpath fill='%23c8102e' d='m6 11.333-.383-.35a85.94 85.94 0 0 1-2.75-2.625c-.723-.727-1.298-1.372-1.725-1.933C.714 5.864.417 5.361.25 4.917A3.732 3.732 0 0 1 0 3.6c0-.833.28-1.53.842-2.092.56-.56 1.252-.841 2.075-.841.61 0 1.177.164 1.7.491.522.328.983.803 1.383 1.425.433-.644.903-1.125 1.408-1.441A3.093 3.093 0 0 1 9.083.667c.823 0 1.514.28 2.075.841C11.72 2.07 12 2.767 12 3.6c0 .433-.083.872-.25 1.317-.167.444-.461.944-.883 1.5-.423.555-.998 1.2-1.725 1.933a86.18 86.18 0 0 1-2.759 2.633l-.383.35Zm0-.683c1.089-1 1.986-1.856 2.692-2.567.705-.71 1.266-1.33 1.683-1.858.417-.528.706-.997.867-1.408.16-.411.241-.817.241-1.217 0-.7-.227-1.278-.683-1.733-.456-.456-1.028-.684-1.717-.684-.566 0-1.083.164-1.55.492-.466.328-.905.836-1.316 1.525h-.434c-.422-.689-.866-1.197-1.333-1.525a2.611 2.611 0 0 0-1.533-.492c-.678 0-1.248.228-1.709.684C.748 2.322.517 2.9.517 3.6c0 .4.08.806.241 1.217.161.41.448.883.859 1.416.41.534.972 1.153 1.683 1.859A99.104 99.104 0 0 0 6 10.65Z'/%3E%3C/svg%3E");
    position:absolute;
    margin-left:-1.25rem
}
.equipo__jugadores .jugadores .card_jugador .bottom {
    border-top:1px solid var(--color-lines);
    margin:0 -.75rem;
    text-align:center
}
.equipo__jugadores .jugadores .card_jugador .bottom .promo_bases_btn {
    padding:1.25rem;
    display:block
}
.nav_equipos_swiper .futbol__menu_logos {
    justify-content:center;
    padding:1rem 0
}
.nav_equipos_swiper .futbol__menu_logos .swiper-slide {
    width:auto
}
.nav_equipos_swiper .futbol__menu_logos .menu_button {
    display:block;
    border-radius:6.25rem;
    padding:.75rem;
    transition:transform 0.3s ease-out;
    width:4rem;
    height:4rem;
    background-color:var(--blanco)
}
.nav_equipos_swiper .futbol__menu_logos .menu_button:hover {
    transform:scale(1.2)
}
.nav_equipos_swiper .futbol__menu_logos .menu_logo {
    object-fit:contain;
    width:100%;
    height:100%
}
.nav_equipos_swiper .futbol__menu_logos p {
    margin:0;
    text-align:center;
    text-transform:uppercase;
    font-size:.4375rem;
    color:var(--neutral-n50);
    margin-top:-.5625rem
}
.encuentra__equipo {
    border-top:1px solid var(--color-lines);
    padding:5rem 0
}
.encuentra__equipo .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    margin-bottom:1.5rem;
    text-align:center
}
.encuentra__equipo .swiper-slide:first-child {
    margin-left:var(--space-xl)
}
.encuentra__equipo .swiper-slide:last-child {
    margin-right:var(--space-xl)
}
.bloque1_equipos {
    display:grid;
    gap:.625rem;
    grid-template-rows:1fr;
    max-width:82.1875rem;
    position:relative;
    width:90%;
    z-index:40;
    grid-template-columns:1fr;
    margin:2.5rem auto;
    padding-bottom:0
}
.bloque1_equipos .bloque1_patrocinador {
    border-radius:.5rem;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr;
    min-width:18.125rem;
    max-height:32.5rem;
    justify-items:center;
    overflow:hidden
}
.bloque1_equipos .bloque1_patrocinador .background {
    position:relative;
    grid-column:1;
    grid-row:1;
    text-align:center;
    overflow:hidden
}
.bloque1_equipos .bloque1_patrocinador .background .imagen_bg {
    object-fit:contain;
    height:100%
}
.bloque1_equipos .bloque1_patrocinador .content {
    align-items:end;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:auto 1fr auto;
    position:relative;
    grid-column:1;
    grid-row:1;
    max-width:17.5rem;
    padding:2rem 1rem;
    text-align:center
}
.bloque1_equipos .bloque1_patrocinador .content .logo {
    height:4.125rem;
    margin:0 auto;
    width:8.75rem
}
.bloque1_equipos .bloque1_patrocinador .content .logo img {
    object-fit:contain;
    width:100%;
    height:100%
}
.bloque1_equipos .bloque1_patrocinador .content .descripcion {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    color:var(--blanco);
    margin-bottom:1.5rem
}
.bloque1_equipos .bloque1_patrocinador .content .titular {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2rem;
    line-height:1.12;
    color:var(--blanco);
    margin-bottom:.75rem
}
.bloque1_equipos .bloque1_patrocinador .content .boton {
    max-width:8.75rem;
    margin:0 auto
}
.bloque1_equipos .bloque1_patrocinador {
    display:grid;
    align-items:center;
    grid-template-columns:1fr;
    max-height:18.75rem
}
.bloque1_equipos .bloque1_patrocinador .background .imagen_bg {
    object-fit:contain;
    width:100%;
    height:auto
}
.bloque1_equipos .bloque1_patrocinador .content {
    min-height:18.75rem;
    max-width:none
}
.laliga__hero .header__section .header__section_logo {
    width:14.0625rem
}
.laliga__cierre {
    border-top:1px solid var(--color-lines);
    padding:5rem 0;
    text-align:center
}
.laliga__cierre .container {
    margin:0 auto;
    max-width:56.25rem;
    width:90%
}
.laliga__cierre .container p {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    margin-bottom:1.5rem
}
.laliga__cierre .container .slogan {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04
}
.laliga__hero {
    margin-top:-2.75rem;
    color:var(--blanco)
}
.laliga__hero .header__section .header__section_content {
    display:grid;
    place-items:center
}
.laliga__hero .header__section .header__section_bg .bg_image {
    object-position:50% 50%
}
.futbol__ig {
    border-top:1px solid var(--color-lines);
    padding:5rem 0;
    position:relative
}
.futbol__ig .title {
    padding:0 var(--space-xl);
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    color:var(--color-text);
    margin-bottom:1.5rem;
    text-align:center;
    background-color:var(--color-bg);
    position:relative
}
.futbol__ig .title+div {
    padding:0 var(--space-xl);
    margin-top:-3.75rem;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    overflow:hidden !important
}
.futbol__ig .title+div iframe {
    max-width:100% !important;
    max-height:560px !important
}
.futbol__ig .temp {
    display:grid;
    place-items:center;
    min-height:300px;
    background-color:var(--color-lines)
}
.futbol__campaign {
    display:flex;
    justify-content:center;
    padding:5rem 1.5rem;
    border-top:1px solid var(--color-lines)
}
.futbol__campaign .banner_content {
    max-width:82rem;
    width:100%;
    height:18.75rem
}
.futbol__campaign .banner_content .banner_bg {
    width:100%;
    border-radius:.5rem
}
.futbol__campaign .banner_text {
    max-width:47.5rem
}
.futbol__campaign .banner_text .banner_text_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12
}
.futbol__campaign .banner_text .banner_text_subtitle {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5
}
.modulo_j5e {
    padding:5rem var(--space-xl)
}
.modulo_j5e .bg_color {
    background-color:var(--rojo);
    border-radius:.5rem;
    padding:1.5rem;
    display:grid;
    grid-template-columns:auto 1fr;
    column-gap:5rem
}
.modulo_j5e .vota {
    aspect-ratio:160/390;
    background-size:contain;
    background-repeat:no-repeat;
    background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='303' height='742' fill='none'%3E%3Cpath fill='%23fff' d='M64.414 675.741c13.843-1.51 29.523-2.643 47.039-3.398 17.516-.755 33.055-1.51 46.616-2.265h10.17c3.108-.378 6.074-.566 8.899-.566 22.037-.755 43.226-1.133 63.567-1.133L303 667.246V742l-61.448-1.133c-19.776 0-40.258-.377-61.447-1.132-3.108-.378-6.074-.567-8.899-.567h-9.747c-14.126-.755-30.088-1.51-47.887-2.265-18.081-.755-34.467-1.888-49.158-3.398v-57.764ZM6.357 741.434v-74.188H61.87v74.188H6.357ZM299.186 632.003 2.543 663.717v-73.621l190.275-3.398-190.275-3.964v-73.621l296.643 31.713v91.177ZM301.729 433.243c0 24.54-4.097 43.606-12.29 57.198-8.193 13.591-19.917 20.387-35.173 20.387H47.463c-15.539 0-27.263-6.607-35.173-19.821C4.097 477.415 0 458.349 0 433.809s4.097-43.417 12.29-56.632c7.91-13.591 19.634-20.387 35.173-20.387h206.803c15.256 0 26.98 6.796 35.173 20.387 8.193 13.215 12.29 31.903 12.29 56.066Zm-44.921.566c0-1.51-.988-2.265-2.966-2.265H47.887c-1.13 0-1.837.189-2.12.566-.564.378-.847.944-.847 1.699 0 1.133.99 1.699 2.967 1.699H255.96c.565-.378.847-.944.847-1.699ZM2.543 318.543v-73.621h296.643v73.621H2.543Zm0 36.244V209.244h48.31v145.543H2.543ZM299.186 232.371 2.543 200.657V109.48l296.643-31.713v73.621l-56.786 2.831v2.266l56.786 2.265v73.621Zm-100.859-75.32v-3.398l-108.063 1.699 108.063 1.699ZM240.705 66.259c-14.408 1.51-30.512 2.643-48.311 3.398-18.081.755-34.184 1.51-48.31 2.265h-9.747c-3.108 0-6.074.189-8.899.566-21.189.755-41.813 1.133-61.872 1.133L2.543 74.754V0l61.871 1.133c20.341 0 41.671.377 63.99 1.132 2.825 0 5.792.189 8.899.567h9.747c13.844.755 29.523 1.51 47.04 2.265 17.516.755 33.054 1.888 46.615 3.398v57.764Zm58.481 7.928h-55.515V0h55.515v74.187Z'/%3E%3C/svg%3E")
}
.modulo_j5e .content {
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:2.5rem;
    color:var(--blanco)
}
.modulo_j5e .logo {
    width:12.5rem
}
.modulo_j5e .logo img {
    width:100%;
    height:100%;
    object-fit:contain
}
.modulo_j5e .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12
}
.modulo_j5e .temporada {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1rem;
    line-height:1.04;
    position:relative
}
.modulo_j5e .temporada::before {
    content:'';
    position:absolute;
    left:-.5rem;
    top:50%;
    transform:translate(-100%, -50%);
    background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='71' height='13' fill='none'%3E%3Cpath fill='%23F2F2F2' d='M66.233.796h-1.109c0 2.189 1.084 4.116 2.715 5.217H.98v1.044h66.758c-1.575 1.112-2.615 3.004-2.615 5.147h1.109c0-2.838 2.139-5.147 4.767-5.147V5.945c-2.628 0-4.767-2.309-4.767-5.147V.796Z'/%3E%3C/svg%3E");
    width:4.5rem;
    height:.8125rem
}
.modulo_j5e .temporada::after {
    content:'';
    position:absolute;
    right:-.5rem;
    top:50%;
    transform:translate(100%, -50%) scale(-1);
    background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='71' height='13' fill='none'%3E%3Cpath fill='%23F2F2F2' d='M66.233.796h-1.109c0 2.189 1.084 4.116 2.715 5.217H.98v1.044h66.758c-1.575 1.112-2.615 3.004-2.615 5.147h1.109c0-2.838 2.139-5.147 4.767-5.147V5.945c-2.628 0-4.767-2.309-4.767-5.147V.796Z'/%3E%3C/svg%3E");
    width:4.5rem;
    height:.8125rem
}
.modulo_j5e .text {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04
}
.modulo_j5e [class^=button] .social {
    font-size:1.5rem
}
.modulo_j5e .legal {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5
}
@media only screen and (max-width: 1200px) {
    .nav_futbol_swiper .futbol__menu_logos {
        justify-content:flex-start
    }
    .nav_equipos_swiper .futbol__menu_logos {
        justify-content:flex-start
    }
    .futbol__home_patrocinios .patrocinios_banners .swiper-wrapper {
        justify-content:flex-start
    }
}
@media only screen and (max-width: 860px) {
    .futbol__bloque1 {
        grid-template-columns:1fr;
        padding-bottom:2.5rem
    }
    .futbol__bloque1 .bloque1_equipos .equipos {
        grid-template-columns:repeat(auto-fill, minmax(7.5rem, 1fr))
    }
    .futbol__bloque1 .bloque1_patrocinador .content {
        margin:0 auto
    }
    .futbol__home_patrocinios .container .swiper-wrapper {
        justify-content:flex-start
    }
    .futbol__home_patrocinios .container .swiper-wrapper .planes_banner {
        max-width:18.125rem
    }
    .equipo__experiencias {
        padding:2.5rem 0
    }
    .equipo__experiencias .container {
        display:flex
    }
    .equipo__experiencias .container .swiper-wrapper {
        justify-content:flex-start
    }
    .equipo__experiencias .container .swiper-wrapper .planes_banner {
        max-width:18.125rem
    }
    .futbol__bloque3 .content {
        display:block
    }
    .futbol__bloque3 .experiencias_title {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:2rem;
        line-height:1.12
    }
    .futbol__bloque3 .bloque3_experiencias {
        margin-bottom:3.125rem
    }
    .futbol__bloque3 .bloque3_experiencias .planes_banner {
        max-width:18.125rem;
        min-height:31.5625rem
    }
    .futbol__bloque3 .bloque3_premios .promo_content {
        max-width:18.125rem
    }
    .futbol__bloque3 .bloque3_premios .promo_card {
        grid-template-rows:repeat(3, auto) 1fr
    }
    .futbol__bloque3 .bloque3_premios .promo_card .promo_text {
        display:block
    }
    .futbol__ig {
        padding:2.5rem 0
    }
    .futbol__ig .title {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:2rem;
        line-height:1.12
    }
    .futbol__ig .title+div iframe {
        max-height:70vh !important
    }
    .futbol__ig .posts_ig .swiper-wrapper {
        justify-content:flex-start
    }
    .equipo__header_intro .container {
        text-align:left;
        padding:2.5rem 1.5rem
    }
    .equipo__jugadores {
        display:block;
        margin:2.5rem auto
    }
    .equipo__jugadores .jugador_cinco_estrellas {
        padding:2.5rem 1.5rem;
        margin-bottom:.75rem
    }
    .equipo__jugadores .jugadores .card_jugador .bottom .promo_bases_btn {
        padding:.75rem
    }
    .futbol__bloque1.equipos .bloque1_patrocinador {
        align-items:normal;
        max-height:32.5rem
    }
    .futbol__bloque1.equipos .bloque1_patrocinador .content {
        max-width:17.5rem
    }
    .futbol__bloque1.equipos .bloque1_patrocinador .background .imagen_bg {
        width:auto;
        height:100%
    }
    .laliga__cierre {
        text-align:left
    }
}
@media only screen and (max-width: 570px) {
    .futbol__bloque1 {
        padding-bottom:1.25rem
    }
    .banner_patrocinador .banner_bg {
        height:auto
    }
    .laliga__hero .header__section .header__section_logo {
        width:7.5rem
    }
    .laliga__header_intro .container {
        margin-top:-2.5rem
    }
    .modulo_j5e .bg_color {
        grid-template-columns:1fr;
        position:relative;
        padding-top:11.25rem
    }
    .modulo_j5e .vota {
        position:absolute;
        left:29vw;
        top:-15vw;
        height:75vw;
        transform:rotate(90deg)
    }
}
@media only screen and (max-width: 360px) {
    .equipo__jugadores .jugadores .card_jugador .top .imagen_jugador {
        height:5.9375rem;
        width:6.25rem
    }
}
.partido_estrellas__hero {
    margin-top:-2.75rem;
    color:var(--blanco)
}
.partido_estrellas__hero .header__section_content {
    justify-content:center;
    min-height:33.75rem;
    max-width:50rem
}
.partido_estrellas__hero .header__section .header__section_bg .bg_image {
    object-fit:cover;
    object-position:50% 50%
}
.partido_estrellas__hero .header__section .header__section_logo {
    width:90vw;
    max-width:20.75rem;
    height:4.5rem
}
.partido_estrellas__hero .header__section_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    font-style:normal;
    text-align:center
}
.subhome__intro {
    display:grid;
    justify-items:center;
    margin-bottom:5rem;
    text-align:center;
    margin-top:-2.75rem
}
.subhome__intro .intro_name {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-transform:uppercase;
    color:var(--color-accent)
}
.newfonts .subhome__intro .intro_name {
    font-weight:600
}
.subhome__intro .header_intro,.subhome__intro .intro_gaming_box {
    margin-top:-1.25rem;
    background-color:var(--color-bg-input)
}
.partidos_estrellas_banners {
    padding-block:5rem;
    margin-block:5rem;
    border-top:1px solid var(--color-lines)
}
.partidos_estrellas_banners .container {
    margin:0 auto;
    max-width:82.1875rem;
    width:90%;
    text-align:center
}
.partidos_estrellas_banners .name {
    font-family:var(--font-primary);
    font-weight:500;
    font-size:.6875rem;
    line-height:1.5;
    text-transform:uppercase;
    color:var(--color-accent)
}
.partidos_estrellas_banners .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12
}
.partidos_estrellas_banners .banner_text_content .banner_subtitle {
    margin-block:.75rem;
    font-family:var(--font-primary);
    font-weight:500;
    font-size:.875rem;
    font-style:normal;
    text-transform:uppercase
}
.partidos_estrellas_banners .banner_text_content .banner_text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5
}
.partidos_estrellas_banners .swiper-wrapper {
    justify-content:center
}
.tabcordeon {
    border-top:1px solid var(--color-lines);
    display:flex;
    justify-content:center;
    padding-block:5rem
}
.tabcordeon .tabcordeon_name {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-transform:uppercase;
    color:var(--color-accent)
}
.newfonts .tabcordeon .tabcordeon_name {
    font-weight:600
}
.tabcordeon .tabcordeon_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    margin-bottom:1.5rem
}
.tabcordeon .content {
    width:90%;
    max-width:70rem;
    display:grid;
    grid-template-columns:1fr 1.5fr;
    gap:.75rem;
    align-items:end
}
.tabcordeon #tabs {
    display:grid;
    grid-template-columns:1fr;
    gap:.75rem;
    color:var(--blanco)
}
.tabcordeon .tab_title {
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:center
}
.tabcordeon .tab_title .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04
}
.tabcordeon .tab_title .tab_toggle {
    display:grid;
    align-items:center;
    justify-content:end
}
.tabcordeon .tab_title .tab_toggle .icons {
    position:relative;
    width:1.5rem;
    height:1.5rem
}
.tabcordeon .tab_title .tab_toggle .plus,.tabcordeon .tab_title .tab_toggle .minus {
    position:absolute;
    width:1.5rem;
    height:1.5rem;
    transition:all 0.3s ease
}
.tabcordeon .tab_title .tab_toggle .plus {
    opacity:1
}
.tabcordeon .tab_title .tab_toggle .minus {
    opacity:0
}
.tabcordeon .tab_texts {
    max-height:0;
    padding:0;
    opacity:0;
    overflow:hidden;
    display:none
}
.tabcordeon .tab_texts>*:first-child {
    margin:1.5rem 0
}
.tabcordeon .tab_texts .text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5
}
.tabcordeon .tab_texts .cierre {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04
}
.tabcordeon .tab_texts .cierre br {
    display:none
}
.tabcordeon .tab_content {
    background-color:var(--neutral-n90);
    padding:1.5rem;
    border-radius:.5rem;
    cursor:pointer
}
.tabcordeon .tab_content.active {
    background-color:var(--rojo);
    cursor:default
}
.tabcordeon .tab_content.active .tab_toggle .plus,.tabcordeon .tab_content.active .tab_toggle .minus {
    transform:rotate(-180deg)
}
.tabcordeon .tab_content.active .tab_toggle .plus {
    opacity:0
}
.tabcordeon .tab_content.active .tab_toggle .minus {
    opacity:1
}
.tabcordeon .tab_content.active .tab_texts {
    max-height:100%;
    padding:.5rem 0;
    opacity:1;
    transition:max-height 0.4s ease, padding 0.4s ease, opacity 0.4s ease
}
.tabcordeon .cards {
    display:grid;
    grid-template-columns:1fr;
    grid-template-columns:1fr;
    min-height:35rem;
    color:var(--blanco)
}
.tabcordeon .cards>* {
    grid-row:1;
    grid-column:1
}
.tabcordeon .cards .card {
    height:100%;
    background-color:var(--rojo);
    border-radius:.5rem;
    padding:4rem 5rem;
    display:grid;
    grid-template-columns:1fr;
    row-gap:2.5rem;
    justify-items:center;
    text-align:center;
    opacity:0
}
.tabcordeon .cards .card.active {
    opacity:1
}
.tabcordeon .cards .card .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12
}
.tabcordeon .cards .card .texts {
    display:flex;
    flex-direction:column;
    gap:2.5rem;
    align-items:center
}
.tabcordeon .cards .card .text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5
}
.tabcordeon .cards .card .cierre {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04
}
.tabcordeon .cards .icon {
    width:5rem;
    height:5rem;
    background-color:var(--transparency-t20);
    border-radius:50%;
    display:grid;
    place-items:center
}
.tabcordeon .cards .icon img {
    width:60%;
    height:60%;
    object-fit:cover
}
.subhome__closing {
    border-top:1px solid var(--color-lines);
    display:flex;
    justify-content:center;
    padding-block:2.5rem
}
.subhome__closing .header_closing {
    width:90%;
    max-width:70rem;
    padding:2.5rem 1.5rem;
    border-radius:.5rem;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1rem;
    z-index:10
}
.subhome__closing .header_closing .closing_name {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-transform:uppercase;
    color:var(--color-accent)
}
.newfonts .subhome__closing .header_closing .closing_name {
    font-weight:600
}
.subhome__closing .header_closing .closing_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12
}
.subhome__closing .header_closing .closing_text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5
}
.partidos_estrellas_post {
    padding:2.5rem 0;
    display:flex;
    flex-direction:column;
    align-items:center;
    z-index:10
}
.partidos_estrellas_post .container {
    width:90%;
    max-width:33.75rem;
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1rem
}
.partidos_estrellas_post .name {
    font-family:var(--font-primary);
    font-weight:500;
    font-size:.6875rem;
    line-height:1.5;
    text-transform:uppercase;
    color:var(--color-accent)
}
.partidos_estrellas_post .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12
}
.partidos_estrellas_post .text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5
}
.partidos_cards {
    padding:4rem 0
}
.partidos_cards .swiper-wrapper {
    max-width:63.75rem
}
.partidos_cards .card_bg {
    font-size:4.0625rem;
    line-height:1;
    font-weight:500;
    text-align:center;
    letter-spacing:-1px;
    position:relative;
    width:100%;
    height:100%
}
.partidos_cards .card_bg .content {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    color:var(--neutral-n5-t50)
}
.partidos_cards .partido_card {
    background-color:var(--blanco);
    max-width:20.4375rem;
    height:18.25rem;
    overflow:hidden;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr;
    align-items:center;
    border-radius:.5rem
}
.partidos_cards .partido_card>* {
    grid-row:1;
    grid-column:1
}
.partidos_cards .partido_card .fecha {
    width:3rem;
    height:3rem;
    border:1px solid transparent;
    background-color:var(--neutral-n5);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:.5rem;
    border-radius:.5rem
}
.partidos_cards .partido_card .fecha .dia {
    font-family:var(--arial);
    font-size:1.25rem
}
.partidos_cards .partido_card .fecha .mes {
    font-family:var(--font-primary);
    font-size:.625rem;
    font-weight:300;
    text-transform:uppercase
}
.partidos_cards .partido_card .equipos {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    text-align:center
}
.partidos_cards .partido_card .equipos .vs {
    color:var(--rojo)
}
@media (max-width: 1360px) {
    .partidos_cards .partido_card.active {
        background-color:var(--rojo);
        color:var(--blanco)
    }
    .partidos_cards .partido_card.active .fecha {
        border-color:var(--blanco);
        background-color:transparent
    }
    .partidos_cards .partido_card.active .equipos .vs {
        color:var(--oro-ipa)
    }
    .partidos_cards .partido_card.active .card_bg .content {
        -webkit-text-stroke:1px var(--transparency-t20);
        text-stroke:1px var(--transparency-t20);
        color:transparent
    }
    .partidos_cards .partido_card.active .botones>* {
        background-color:var(--blanco)
    }
}
@media (min-width: 1360px) {
    .partidos_cards .partido_card:hover {
        background-color:var(--rojo);
        color:var(--blanco)
    }
    .partidos_cards .partido_card:hover .fecha {
        border-color:var(--blanco);
        background-color:transparent
    }
    .partidos_cards .partido_card:hover .equipos .vs {
        color:var(--oro-ipa)
    }
    .partidos_cards .partido_card:hover .card_bg .content {
        -webkit-text-stroke:1px var(--transparency-t20);
        text-stroke:1px var(--transparency-t20);
        color:transparent
    }
    .partidos_cards .partido_card:hover .botones>* {
        background-color:var(--blanco)
    }
}
.partidos_cards .card_content {
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-between;
    padding:1.5rem;
    position:relative;
    z-index:10
}
.partidos_cards .botones {
    display:flex;
    gap:1rem
}
.partidos_cards .botones>* {
    display:block;
    width:2.5rem;
    height:2.5rem;
    background-color:var(--neutral-n5);
    background-size:60%;
    background-position:50% 50%;
    background-repeat:no-repeat;
    border-radius:50%
}
.partidos_cards .botones>* .text {
    display:none
}
.partidos_cards .videosBtn {
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cg stroke='%2329241E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' %3E%3Cpath d='m9.44 7.558 3.883 2.296a.75.75 0 0 1 0 1.29L9.44 13.442a.75.75 0 0 1-1.132-.646V8.204a.75.75 0 0 1 1.132-.646v0Z' clip-rule='evenodd' /%3E%3Cpath d='M16.333 18H4.667A1.667 1.667 0 0 1 3 16.333V4.667C3 3.746 3.746 3 4.667 3h11.667C17.254 3 18 3.746 18 4.667v11.667c0 .92-.746 1.666-1.667 1.666v0Z' clip-rule='evenodd' /%3E%3Cpath d='M6 18v1a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-1' /%3E%3C/g%3E%3C/svg%3E")
}
.partidos_cards .fotosBtn {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cg stroke='%231A1713' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M7 9.08A6.95 6.95 0 0 1 14.92 17'/%3E%3Cpath d='M18 17v1a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V9a3 3 0 0 1 3-3h1'/%3E%3Crect width='14' height='14' x='7' y='3' rx='3'/%3E%3Cpath d='M16.375 7.5a.125.125 0 0 1 .25 0M16.625 7.5a.125.125 0 0 1-.25 0'/%3E%3C/g%3E%3C/svg%3E")
}
.partido_estrellas_cierre {
    display:flex;
    justify-content:center;
    padding:5rem 1.5rem;
    border-top:1px solid var(--color-lines)
}
.partido_estrellas_cierre .banner_content .banner_bg {
    border-radius:.5rem
}
.partido_estrellas_cierre .banner_text {
    max-width:47.5rem
}
.partido_estrellas_cierre .banner_text .banner_text_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12
}
.partido_estrellas_cierre .banner_text .banner_text_subtitle {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04
}
@media only screen and (max-width: 1200px) {
    .partidos_estrellas_banners .swiper-wrapper {
        justify-content:flex-start
    }
}
@media only screen and (max-width: 860px) {
    .tabcordeon .content {
        grid-template-columns:1fr
    }
    .tabcordeon .content .col2 {
        display:none
    }
    .tabcordeon .tab_texts {
        display:block
    }
    .partidos_cards .swiper-wrapper {
        max-width:90vw
    }
    .partido_estrellas_cierre .banner_content {
        min-height:26.25rem
    }
}
@media only screen and (max-width: 570px) {
    .partido_estrellas__hero .header__section_title {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:2rem;
        line-height:1.12
    }
}
.gaming__header {
    margin-top:-2.75rem;
    color:var(--blanco)
}
.gaming__header .header__section .header__section_content {
    grid-column:1;
    grid-row:1;
    position:relative;
    z-index:20;
    padding-top:12.5rem;
    padding-bottom:2.5rem;
    width:90%;
    max-width:27rem;
    align-items:center;
    justify-self:center;
    display:flex;
    flex-direction:column;
    gap:1.5rem
}
.gaming__header .header__section .header__section_logo {
    display:flex;
    justify-content:center;
    width:8.75rem;
    height:4.5625rem
}
.gaming__header .header__section .header__section_title {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    font-style:normal;
    text-align:center;
    width:70%
}
.gaming__subhome_header .header__section.bg_azul-gaming {
    position:relative
}
.gaming__subhome_header .header__section.bg_azul-gaming::after {
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    height:50%;
    width:100%;
    background:linear-gradient(180deg, rgba(41,36,30,0) 51.41%, #29241E 100%);
    z-index:10
}
.gaming__subhome_header .header__section_content {
    padding-top:5.4375rem;
    max-width:35rem
}
.gaming__subhome_header .header__section_logo {
    width:5rem;
    height:5rem
}
.gaming__subhome_header .header__section_logo img {
    width:100%;
    height:100%;
    object-fit:contain
}
.gaming__subhome_header .header__section_image {
    width:100%
}
.gaming__subhome_header .header__section_image img {
    width:100%;
    height:100%;
    object-fit:contain
}
.squares_gaming_container {
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:.75rem;
    width:90%;
    margin:-2.75rem auto 5rem auto
}
.square_gaming_box {
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr auto;
    justify-items:center;
    text-align:center;
    border-radius:.5rem;
    overflow:hidden
}
.square_gaming_box img {
    width:100%;
    height:100%;
    object-fit:cover
}
.square_gaming_bg {
    grid-column:1;
    grid-row:1/-1
}
.square_gaming_text_content {
    padding-bottom:2rem;
    grid-column:1;
    grid-row:2/-1
}
.square_gaming_logo {
    padding-top:2rem;
    width:4.5rem;
    align-self:self-start;
    grid-row:1;
    grid-column:1
}
.square_gaming_logo img {
    width:100%;
    height:100%;
    object-fit:contain
}
.square_gaming_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:3rem;
    line-height:1;
    display:block;
    margin:0 auto;
    padding-bottom:.75rem
}
.square_gaming_text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    padding-bottom:1.5rem
}
.square_gaming_button {
    display:block;
    width:8.25rem;
    margin:0 auto
}
.eventos_gaming_border {
    border-bottom:1px solid var(--color-lines)
}
.eventos_gaming {
    display:block
}
.eventos_gaming a {
    margin:0 auto;
    width:10%
}
.gaming__home_planes {
    display:grid;
    place-items:center
}
.gaming__home_planes .planes_content {
    width:auto
}
.banner_gaming_logo {
    grid-column:1;
    grid-row:1;
    width:7.75rem;
    height:5.9375rem
}
.banner_gaming_logo img {
    width:100%;
    height:100%;
    object-fit:contain
}
.banner_gaming_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12
}
.banner_gaming_subtitle {
    font-family:var(--font-primary);
    font-weight:500;
    font-size:.6875rem;
    line-height:1.5;
    padding:.75rem 0
}
.banner_gaming_text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5
}
.social_gaming_container {
    display:block;
    text-align:center;
    padding:5.9375rem 0;
    border-top:1px solid var(--color-lines);
    border-bottom:1px solid var(--color-lines)
}
.social_gaming_container .intro_gaming_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12
}
.social_gaming_container .intro_gaming_variedad {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-transform:uppercase;
    color:var(--rojo)
}
.newfonts .social_gaming_container .intro_gaming_variedad {
    font-weight:600
}
.social_gaming_box {
    width:90%;
    margin:0 auto
}
.social_gaming_social_list {
    display:flex;
    justify-content:center;
    gap:1.875rem;
    padding-top:1.25rem
}
.social_gaming_social_list a,.social_gaming_social_list a:hover,.social_gaming_social_list a:active {
    color:var(--rojo)
}
.social_gaming_social_list .social {
    font-size:2rem
}
.gaming__subhome_header {
    margin-top:-2.75rem;
    color:var(--blanco)
}
.superliga .header__section_description {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5
}
.superliga .header__section_bg {
    max-height:36.25rem
}
.intro_gaming_container {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    border-bottom:1px solid var(--color-lines);
    padding-bottom:5.9375rem;
    margin-top:-10rem;
    position:relative;
    z-index:100
}
.intro_gaming_container .intro_logo {
    padding:2rem 0;
    width:11.875rem
}
.intro_gaming_container .intro_logo img {
    width:100%;
    height:100%;
    object-fit:contain
}
.intro_gaming_box {
    margin-top:0
}
.intro_gaming_box .intro_name {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-transform:uppercase;
    color:var(--color-accent)
}
.newfonts .intro_gaming_box .intro_name {
    font-weight:600
}
.intro_gaming_box .intro_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    padding:.75rem 0
}
.intro_gaming_box .intro_text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5
}
.squares_gaming_total_container {
    display:block;
    margin:0 auto;
    padding:5.9375rem 0;
    border-bottom:1px solid var(--color-lines);
    color:var(--blanco)
}
.square_gaming_superliga_box {
    width:90%;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr auto;
    justify-items:center;
    text-align:center;
    border-radius:.5rem;
    overflow:hidden;
    background-color:var(--azul-gaming)
}
.square_gaming_total_bg {
    grid-column:1;
    grid-row:1/-1
}
.square_gaming_total_bg img {
    width:72%
}
.square_gaming_riders_box {
    width:90%;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr auto;
    justify-items:center;
    text-align:center;
    border-radius:.5rem;
    overflow:hidden;
    background-color:var(--negro)
}
.video_gaming_riders {
    padding-top:4rem
}
@media only screen and (max-width: 1360px) {
    .gaming__subhome_header.superliga .header__section .header__section_bg .bg_image {
        object-position:50% 0%
    }
    .gaming__subhome_header.superliga .header__section_description {
        padding-top:25rem
    }
}
@media only screen and (max-width: 860px) {
    .gaming__header .header__section .header__section_content {
        padding-top:4.5rem
    }
    .gaming__header .header__section .header__section_bg {
        max-height:17.1875rem
    }
    .header__section_gaming_child_content {
        padding-top:3.5rem
    }
    .squares_gaming_container {
        flex-direction:column
    }
    .square_gaming_text_content {
        padding:0 2rem 2rem 2rem
    }
    .square_gaming_logo {
        width:3.75rem
    }
    .square_gaming_total_bg img {
        width:100%;
        height:100%;
        object-fit:cover
    }
}
@media only screen and (max-width: 570px) {
    .gaming__header .header__section .header__section_content {
        padding-top:2.25rem
    }
    .gaming__header .header__section .header__section_bg {
        max-height:25.9375rem
    }
    .gaming__subhome_header.superliga .header__section .header__section_bg {
        max-height:28.125rem
    }
    .gaming__subhome_header.superliga .header__section_description {
        padding-top:10.625rem
    }
    .intro_gaming_box {
        text-align:left
    }
    .social_gaming_container {
        text-align:left
    }
    .square_gaming_title {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:2rem;
        line-height:1.12
    }
    .square_gaming_logo {
        width:2.625rem;
        padding-top:1rem
    }
    .square_gaming_text_content {
        padding:0 1rem 1rem 1rem
    }
    .riders_child_content {
        padding-bottom:10rem
    }
}
@media only screen and (max-width: 420px) {
    .gaming__header .header__section .header__section_content {
        padding-top:8.5rem
    }
    .gaming__header .header__section .header__section_bg {
        max-height:23.75rem
    }
    .header__section .header__section_gaming_content {
        padding-top:8.5rem
    }
    .square_gaming_logo {
        padding-bottom:8.75rem
    }
    .header__section_gaming_child_content {
        padding-top:4rem
    }
    .riders_child_content {
        padding-bottom:0rem
    }
}
@media only screen and (max-width: 320px) {
    .gaming__home_planes .planes_banner {
        width:90%
    }
    .gaming__home_planes .planes_banner:first-child,.gaming__home_planes .planes_banner:last-child {
        margin-right:auto;
        margin-left:auto
    }
}
.sabor__header .header__section_bg {
    max-height:43.75rem
}
.sabor__header .header__section_bg .bg_image {
    object-position:50% 100%
}
.sabor__header .header__section_content .header__section_title {
    padding:1rem 0;
    color:var(--ocre);
    text-shadow:0px 3px 15px #201E1F
}
.sabor__header .header__section_content .header__section_logo {
    margin-top:-3.5rem;
    background-color:var(--topacio);
    border-radius:0 0 6.875rem 6.875rem;
    width:13.75rem;
    height:6.875rem;
    padding:1.375rem 2.625rem 1.875rem 2.625rem
}
.sabor__header .header_intro,.sabor__header .intro_gaming_box {
    border-radius:.5rem;
    max-width:54.375rem;
    justify-self:center;
    margin:-5rem 0 5rem 0;
    text-align:center
}
.sabor__header .header_intro .intro_nombre,.sabor__header .intro_gaming_box .intro_nombre {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    font-weight:500;
    color:var(--ocre);
    text-transform:uppercase
}
.sabor__banners {
    border-top:1px solid var(--color-lines);
    padding:5rem 0;
    display:grid;
    place-items:center
}
.sabor__banners .container {
    display:flex;
    gap:.75rem
}
.sabor__banners .container .planes_banner {
    height:auto;
    margin-top:0;
    max-width:21.875rem;
    min-height:35.625rem;
    width:100%
}
.sabor__banners .container .planes_banner:first-child {
    margin-left:0
}
.sabor__banners .container .planes_banner:last-child {
    margin-right:0
}
.sabor__banners .container .planes_banner .banner_logo {
    margin-top:2rem;
    width:13.75rem
}
.sabor__banners .container .planes_banner .banner_logo.xl {
    width:16.25rem
}
.sabor__banners .container .planes_banner .bg_image.small {
    height:95%;
    object-fit:none;
    object-position:right
}
.sabor__banners .container .planes_banner .banner_image {
    width:100%
}
.sabor__banners .container .planes_banner .banner_image img {
    width:80%
}
.sabor__banners .container .planes_banner .banner_texto {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    margin-top:.75rem
}
.eventos_listado.sabor .eventos_name {
    color:var(--ocre)
}
.eventos_listado.sabor .button_secondary {
    margin:0 auto
}
.sabor__maridajes {
    border-top:1px solid var(--color-lines);
    margin:0 auto;
    padding:5rem 0
}
.sabor__maridajes .container {
    width:90%;
    margin:0 auto
}
.sabor__maridajes .container .maridajes_banner {
    border-radius:.5rem;
    background-color:var(--blanco);
    margin:0 auto;
    max-width:40.625rem;
    padding:2rem;
    text-align:center;
    width:100%
}
.sabor__maridajes .container .maridajes_banner img {
    margin-top:-3.125rem
}
.sabor__maridajes .container .maridajes_banner .titular {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2rem;
    line-height:1.12;
    color:var(--ocre);
    margin-top:1.875rem
}
.sabor__maridajes .container .maridajes_banner .texto {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    margin:1rem 0
}
.sabor__maridajes .container .maridajes_banner .button_primary,.sabor__maridajes .container .maridajes_banner .button_secondary,.sabor__maridajes .container .maridajes_banner .button_icon_dark,.sabor__maridajes .container .maridajes_banner .button_icon_light,.sabor__maridajes .container .maridajes_banner .button_news {
    max-width:12.5rem;
    margin:0 auto
}
.sabor__videolist {
    border-top:1px solid var(--color-lines);
    padding:5rem 0
}
section[class^="sabor__"]+.universo__home_logos {
    border-top:1px solid var(--color-lines);
    padding:5rem var(--space-xl)
}
@media only screen and (max-width: 860px) {
    .sabor__hero .header__section_content .header__section_logo {
        height:5rem;
        padding:1rem 1.875rem 1.375rem 1.875rem;
        width:10rem
    }
    .sabor__banners .container {
        flex-direction:column
    }
    .sabor__header.maridajes .header__section .header__section_bg {
        max-height:50rem
    }
    .sabor__header.maridajes .header__section .header__section_bg .bg_image {
        object-position:50% 25%
    }
}
@media only screen and (max-width: 570px) {
    .sabor__header.maridajes .header__section .header__section_bg {
        max-height:28.125rem
    }
    .sabor__header .header_intro,.sabor__header .intro_gaming_box {
        text-align:left
    }
    .sabor__header .header__section_title {
        font-size:3.5rem
    }
}
@media only screen and (max-width: 320px) {
    .sabor__header.maridajes .header__section .header__section_bg {
        max-height:25rem
    }
    .sabor__header .header__section_title {
        font-size:2.25rem
    }
}
.sabor__header.maridajes {
    margin-top:-2.75rem
}
.sabor__header.maridajes .intro_text {
    max-width:32.8125rem
}
.sabor__header.maridajes .header__section_bg .bg_image {
    object-position:50% 50%
}
.maridajes__menu {
    display:grid;
    grid-template-columns:repeat(auto-fill, 9.6875rem);
    gap:1rem;
    justify-content:center;
    padding:1.5rem;
    max-width:66.25rem;
    margin:7.5rem auto
}
.maridajes__menu .maridajes__menu_btn {
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-rows:1fr 3.25rem;
    width:9.6875rem;
    height:16.6875rem;
    background-color:var(--blanco);
    border-radius:.5rem;
    padding:.5rem .5rem 1rem 1rem;
    transition:background-color 0.3s ease-in-out
}
.maridajes__menu .maridajes__menu_btn .btn_bottle_container {
    margin:-1.5rem 0 0 -1rem;
    width:6rem;
    height:13.125rem;
    overflow:hidden;
    transition:margin-top 0.3s ease-in-out
}
.maridajes__menu .maridajes__menu_btn .btn_bottle {
    width:6rem;
    height:13.125rem;
    margin-left:-.4375rem
}
.maridajes__menu .maridajes__menu_btn .btn_bottle img {
    width:100%;
    height:100%;
    object-fit:contain
}
.maridajes__menu .maridajes__menu_btn .btn_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1rem;
    line-height:1.04;
    align-self:center;
    grid-column:1 / -1
}
.maridajes__menu .maridajes__menu_btn:hover {
    background-color:var(--ocre)
}
.maridajes__menu .maridajes__menu_btn:hover .btn_bottle_container {
    margin-top:-3rem
}
.maridajes__interior_content {
    --ancho-col1: 20rem;
    --ancho-gap: 7.5rem;
    display:grid;
    grid-template-columns:minmax(auto, var(--ancho-col1)) 1fr;
    justify-items:center;
    padding:2rem var(--space-xl);
    column-gap:var(--ancho-gap);
    width:100%;
    max-width:var(--width-primary);
    margin:0 auto
}
.maridajes__interior_content .header_fijo {
    color:var(--ocre);
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:1.5rem;
    max-width:var(--ancho-col1);
    position:sticky;
    top:10rem
}
.maridajes__interior_content .header_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:3rem;
    line-height:1;
    line-height:0.8;
    text-transform:uppercase;
    text-align:center
}
.maridajes__interior_content .header_title span {
    display:block
}
.maridajes__interior_content .header_title .brand {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    margin-bottom:.1875rem
}
.newfonts .maridajes__interior_content .header_title .brand {
    font-weight:600
}
.maridajes__interior_content .header_bottle {
    display:flex;
    justify-content:center;
    width:var(--ancho-col1);
    height:22.5rem;
    aspect-ratio:240/544
}
.maridajes__interior_content .header_info {
    text-align:center;
    display:flex;
    justify-content:space-between
}
.maridajes__interior_content .header_info .name {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5
}
.maridajes__interior_content .header_info .value {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12
}
.maridajes__interior_content .header_info .perc {
    font-size:1.5rem
}
.maridajes__interior_content .swiper-wrapper {
    max-width:calc(var(--width-primary) - var(--ancho-col1) - var(--ancho-gap) - var(--space-xl)*2);
    margin:0
}
.maridajes__interior_content .swiper-slide {
    width:auto
}
.maridajes_item {
    padding-block:2.5rem
}
.maridajes_item:nth-child(2),.maridajes_item:nth-child(3) {
    border-top:1px solid var(--color-lines)
}
.maridajes_item:last-child {
    padding-bottom:0rem
}
.maridajes_subtitle {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-transform:uppercase;
    color:var(--ocre);
    margin-bottom:1rem
}
.newfonts .maridajes_subtitle {
    font-weight:600
}
.maridajes_title {
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:center
}
.maridajes_title.btn {
    cursor:pointer
}
.maridajes_title .text {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04
}
.maridajes_title .content_toggle {
    display:grid;
    align-items:center;
    justify-content:end
}
.maridajes_title .content_toggle .icons {
    position:relative;
    width:1.5rem;
    height:1.5rem
}
.maridajes_title .content_toggle .plus,.maridajes_title .content_toggle .minus {
    position:absolute;
    width:1.5rem;
    height:1.5rem;
    transition:all 0.3s ease
}
.maridajes_title .content_toggle .plus {
    opacity:1
}
.maridajes_title .content_toggle .minus {
    opacity:0
}
.maridajes_title .content_toggle .open .plus,.maridajes_title .content_toggle .open .minus {
    transform:rotate(-180deg)
}
.maridajes_title .content_toggle .open .plus {
    opacity:0
}
.maridajes_title .content_toggle .open .minus {
    opacity:1
}
.btn+.maridajes_content {
    max-height:0;
    opacity:0;
    overflow:hidden;
    transition:max-height 0.6s ease-in-out, padding 0.6s ease-in-out, opacity 0.6s ease-in-out
}
.btn+.maridajes_content.open {
    max-height:5000px;
    opacity:1;
    padding-top:2.25rem;
    padding-bottom:1.5rem
}
.maridajes_content .text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5
}
.materias_list .materia_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    color:var(--ocre);
    margin-block:1rem;
    display:grid;
    grid-template-columns:2.75rem 1fr;
    align-items:center
}
.materias_list .materia_title::before {
    content:'';
    display:inline-block;
    width:2.75rem;
    height:2.75rem
}
.materias_list .materia_title.agua_icon::before {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' fill='none'%3E%3Cpath stroke='%239B9178' stroke-miterlimit='10' stroke-width='1.671' d='M22.017 33.819a8.91 8.91 0 0 1-8.912-8.912c0-4.595 7.336-14.013 8.171-15.071a.94.94 0 0 1 1.487-.006c.836 1.059 8.17 10.477 8.17 15.072a8.912 8.912 0 0 1-8.91 8.911l-.006.006Z'/%3E%3Cpath stroke='%239B9178' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.671' d='M27.694 25.988a5.753 5.753 0 0 1-3.186 4.032'/%3E%3C/svg%3E")
}
.materias_list .materia_title.malta_icon::before {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' fill='none'%3E%3Cpath fill='%239B9178' d='M27.848 24.807v2.144a2.393 2.393 0 0 1-.858 1.766c-.366.271-.809.42-1.264.423a2.367 2.367 0 0 1-2.228-2.228c.022-.451.18-.886.451-1.247a2.429 2.429 0 0 1 1.754-.858h2.145Zm.785-1.67h-2.952a4.116 4.116 0 0 0-3.052 1.508 3.898 3.898 0 0 0-.785 2.295v.061a4.099 4.099 0 0 0 1.03 2.479 4.16 4.16 0 0 0 2.785 1.331c.839.017 1.66-.241 2.34-.735a4.083 4.083 0 0 0 1.52-3.102v-2.952a.885.885 0 0 0-.886-.886Z'/%3E%3Cpath fill='%239B9178' d='M27.848 18.514v2.15a2.405 2.405 0 0 1-.858 1.765c-.367.268-.81.414-1.264.418a2.356 2.356 0 0 1-2.228-2.228c.021-.45.178-.883.451-1.242a2.466 2.466 0 0 1 1.754-.863h2.145Zm.785-1.671h-2.952a4.132 4.132 0 0 0-3.052 1.537 3.898 3.898 0 0 0-.785 2.294v.062a4.026 4.026 0 0 0 3.837 3.77 3.865 3.865 0 0 0 2.312-.757 4.09 4.09 0 0 0 1.526-3.069v-2.946a.891.891 0 0 0-.886-.891Z'/%3E%3Cpath fill='%239B9178' d='M27.848 11.958v2.144a2.393 2.393 0 0 1-.858 1.766c-.368.267-.81.414-1.264.423a2.367 2.367 0 0 1-2.228-2.228c.02-.454.178-.89.451-1.253a2.428 2.428 0 0 1 1.754-.858h2.145m.785-1.67h-2.952a4.098 4.098 0 0 0-3.052 1.509 3.898 3.898 0 0 0-.785 2.294v.062a4.099 4.099 0 0 0 1.03 2.478 4.16 4.16 0 0 0 2.785 1.331 3.843 3.843 0 0 0 2.311-.763 4.082 4.082 0 0 0 1.549-3.069v-2.952a.885.885 0 0 0-.886-.885v-.006Z'/%3E%3Cpath stroke='%239B9178' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.671' d='M22 9.19v25.62'/%3E%3Cpath fill='%239B9178' d='M18.413 24.807a2.422 2.422 0 0 1 1.754.858c.273.37.427.815.44 1.275a2.356 2.356 0 0 1-2.228 2.228 2.178 2.178 0 0 1-1.264-.423 2.42 2.42 0 0 1-.858-1.766v-2.172h2.14m0-1.671h-2.953a.885.885 0 0 0-.885.886v2.952a4.082 4.082 0 0 0 1.592 3.102 3.85 3.85 0 0 0 2.317.763 4.177 4.177 0 0 0 2.785-1.331A4.122 4.122 0 0 0 22.278 27v-.06a3.9 3.9 0 0 0-.785-2.296 4.112 4.112 0 0 0-3.052-1.509h-.045Z'/%3E%3Cpath fill='%239B9178' d='M18.413 18.514a2.456 2.456 0 0 1 1.754.863c.274.368.428.811.44 1.27a2.345 2.345 0 0 1-2.228 2.228 2.228 2.228 0 0 1-1.264-.418 2.429 2.429 0 0 1-.858-1.766v-2.177h2.14m0-1.671h-2.953a.891.891 0 0 0-.885.89v2.947a4.09 4.09 0 0 0 1.592 3.08 3.899 3.899 0 0 0 2.29.746 4.016 4.016 0 0 0 3.837-3.793v-.06a3.9 3.9 0 0 0-.785-2.273 4.127 4.127 0 0 0-3.052-1.515l-.045-.022Z'/%3E%3Cpath fill='%239B9178' d='M18.413 11.958a2.422 2.422 0 0 1 1.754.852c.274.372.428.82.44 1.281a2.356 2.356 0 0 1-2.228 2.2 2.178 2.178 0 0 1-1.264-.423 2.419 2.419 0 0 1-.858-1.766v-2.144h2.14m0-1.67h-2.953a.885.885 0 0 0-.885.885v2.952a4.082 4.082 0 0 0 1.592 3.074c.67.499 1.483.767 2.317.763a4.177 4.177 0 0 0 2.785-1.331 4.122 4.122 0 0 0 1.025-2.479v-.06a3.9 3.9 0 0 0-.785-2.296 4.09 4.09 0 0 0-3.052-1.509h-.045Z'/%3E%3C/svg%3E")
}
.materias_list .materia_title.lupulo_icon::before {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' fill='none'%3E%3Cpath fill='%239B9178' d='M31.747 20.563a.852.852 0 0 0-.74-.234l-.897.178c.473-1.71.768-3.314.785-3.397a.836.836 0 0 0-.947-.958c-.05 0-.518.095-1.192.245.334-1.275.557-2.4.557-2.462a.84.84 0 0 0-.975-.975c-.367.067-1.42.268-2.567.557a53.537 53.537 0 0 0-3.108-4.606.83.83 0 0 0-1.035-.24.852.852 0 0 0-.296.24 53.55 53.55 0 0 0-3.108 4.623c-1.114-.312-2.194-.512-2.562-.557a.84.84 0 0 0-.975.947c0 .056.223 1.186.557 2.462-.674-.15-1.142-.234-1.192-.245a.834.834 0 0 0-.969.975c0 .083.312 1.67.786 3.397l-.897-.178a.852.852 0 0 0-.74.234.829.829 0 0 0-.23.74c0 .067.307 1.671.786 3.476.68 2.562 1.359 4.16 2.083 4.879.813.813 2.345 1.214 4.673 1.214.624 0 1.192-.033 1.62-.067v1.91a.835.835 0 0 0 1.672 0v-1.915c.429.033.997.06 1.62.06 2.329 0 3.86-.395 4.673-1.208.724-.696 1.404-2.317 2.061-4.879.48-1.81.774-3.408.785-3.475a.83.83 0 0 0-.228-.74Zm-3.503.373-.713.184-.674.184a26.476 26.476 0 0 0-1.13-2.367 33.63 33.63 0 0 1 3.296-.88c-.178.802-.44 1.888-.757 2.902l-.022-.023ZM22 24.222a3.34 3.34 0 0 0-.674-1.019 7.24 7.24 0 0 0-2.579-1.381 41.81 41.81 0 0 1 3.27-5.848 42.811 42.811 0 0 1 3.264 5.837 7.24 7.24 0 0 0-2.607 1.392c-.285.296-.514.641-.674 1.02Zm4.89-7.396a29.62 29.62 0 0 0-2 .607c-.322-.557-.64-1.058-.924-1.52a18.292 18.292 0 0 1 3.448-1.07 27.325 27.325 0 0 1-.524 1.983ZM22 10.822c.557.785 1.393 1.983 2.133 3.22-.368.132-.728.29-1.075.473-.2-.301-.328-.49-.356-.524a.835.835 0 0 0-1.376 0l-.362.557a9.343 9.343 0 0 0-1.114-.485A52.036 52.036 0 0 1 22 10.822Zm-5.413 4.021c1.192.254 2.357.627 3.475 1.114-.29.457-.607.97-.925 1.515a27.522 27.522 0 0 0-2.027-.618c-.212-.68-.39-1.398-.523-1.983v-.028Zm-1.61 3.192c1.129.238 2.244.535 3.342.89a24.416 24.416 0 0 0-1.153 2.39 15.556 15.556 0 0 0-.702-.195l-.713-.184c-.317-1.013-.557-2.1-.757-2.901h-.017Zm6.087 11.105c-.395 0-.935.056-1.52.056-2.5 0-3.275-.501-3.492-.719-.785-.785-1.671-3.898-2.167-6.26 2.39.518 5.475 1.382 6.26 2.167.786.785.953 3.074.92 4.756Zm6.885-.663c-.218.218-.992.719-3.493.719-.557 0-1.113-.028-1.52-.056-.04-1.749.2-4.038.919-4.756.718-.719 3.899-1.671 6.26-2.167-.518 2.384-1.381 5.475-2.166 6.26Z'/%3E%3C/svg%3E")
}
.materias_list .materia_title.levadura_icon::before {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' fill='none'%3E%3Cpath fill='%239B9178' d='M22.993 9.87c.514.01 1.022.121 1.492.328.237.08.464.189.675.323a3.437 3.437 0 0 1 1.353 1.732c.262.73.481 1.473.657 2.228.095.407.14.702.178.936.006.283.095.558.257.79l.128.162c.133.167.34.412.607.785.145.201.217.301.295.418.268.423.456.891.557 1.381v.045a2.879 2.879 0 0 0 1.114 1.96c1.336.858 1.51 2.395 1.543 3.537a.345.345 0 0 0 .345.329h.768c1.114 0-2.673 6.026-4.589 6.07l-12.554.296h-.033c-2.45 0-5.514-5.843-5.09-5.848l1.33-.034a.351.351 0 0 0 .335-.35c0-2.869 1.013-4.206 2.01-5.163.315-.253.582-.558.791-.903a4.188 4.188 0 0 1 3.342-2.612.807.807 0 0 0 .557-.35c.215-.281.363-.607.434-.953.116-1.068.38-2.114.785-3.108a3.058 3.058 0 0 1 1.989-1.9c.243-.066.494-.1.746-.1m0-1.67a4.517 4.517 0 0 0-4.272 3.007 13.032 13.032 0 0 0-.919 3.487 5.777 5.777 0 0 0-4.166 3.447c-.1.112-.3.301-.44.43a7.68 7.68 0 0 0-2.467 5.079h-.095a1.705 1.705 0 0 0-1.67 1.76c0 1.33 1.949 3.993 2.027 4.104 1.615 2.228 3.219 3.342 4.773 3.342h.072l12.549-.306c1.308 0 2.784-1.114 4.327-3.17.49-.662 2.105-2.918 2.089-4.35a1.861 1.861 0 0 0-1.404-1.843 5.044 5.044 0 0 0-2.228-3.631 1.672 1.672 0 0 1-.395-.908v-.039a5.759 5.759 0 0 0-.758-1.933c-.1-.155-.195-.29-.35-.5-.301-.413-.557-.691-.663-.859v-.133a14.473 14.473 0 0 0-.2-1.07 22.86 22.86 0 0 0-.714-2.433 5.136 5.136 0 0 0-2.027-2.551 4.648 4.648 0 0 0-1.02-.496 5.509 5.509 0 0 0-2.088-.434h.04Z'/%3E%3Cpath stroke='%239B9178' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.671' d='m12.063 24.456 20.601-.479M18.54 15.389a5.809 5.809 0 0 1 2.784-.061c.81.187 1.57.548 2.228 1.058'/%3E%3C/svg%3E")
}
.materias_list .materia_title.otros_icon::before {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' fill='none'%3E%3Ccircle cx='15.875' cy='21.5' r='.875' fill='%239B9178' stroke='%239B9178' stroke-width='1.67'/%3E%3Ccircle cx='22' cy='22' r='12' stroke='%239B9178' stroke-width='1.67'/%3E%3Ccircle cx='28.125' cy='21.5' r='.875' fill='%239B9178' stroke='%239B9178' stroke-width='1.67'/%3E%3Ccircle cx='22.293' cy='21.5' r='.875' fill='%239B9178' stroke='%239B9178' stroke-width='1.67'/%3E%3C/svg%3E")
}
.materias_list>li:not(:last-child) .materia_text {
    border-bottom:1px solid var(--color-lines)
}
.materias_list .materia_text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    margin-left:2.75rem;
    padding-bottom:2rem
}
.maridajes_videolist {
    margin-block:2.5rem
}
.maridajes_videolist .video_module {
    display:grid;
    width:20rem;
    aspect-ratio:16/9;
    border-radius:.5rem;
    overflow:hidden
}
.maridajes_videolist .video_module .video_module_bg {
    aspect-ratio:16/9;
    grid-column:1;
    grid-row:1
}
.maridajes_videolist .video_module .video_module_bg img {
    width:100%;
    height:100%;
    object-fit:contain
}
.maridajes_videolist .video_module .player_control {
    grid-column:1;
    grid-row:1;
    display:grid;
    place-items:center
}
.maridajes_videolist .video_module .player_control .play_button {
    color:var(--blanco);
    background-color:var(--transparency-t30);
    height:4rem;
    width:4rem;
    border-radius:6.25rem;
    display:grid;
    place-items:center;
    transition:background-color 0.3s ease
}
.maridajes_videolist .video_module .player_control .play_button i {
    font-size:2.625rem;
    line-height:1
}
.maridajes_videolist .video_module .player_control:hover .play_button {
    background-color:var(--rojo)
}
.maridajes_info {
    grid-column:1;
    grid-row:1;
    display:grid;
    grid-template-columns:4.375rem 1fr 2.5rem;
    margin-top:4rem;
    --width-col1: 3.875rem
}
.maridajes_info .info_text {
    grid-column:1/-1;
    grid-row:1;
    background-color:var(--blanco);
    border-radius:.5rem;
    display:grid;
    grid-template-rows:1fr auto
}
.maridajes_info .info_header {
    border-bottom:1px solid var(--color-lines);
    padding:0 1.5rem 1.5rem 0;
    display:grid;
    grid-template-columns:auto 1fr;
    grid-template-rows:1fr 1fr;
    gap:.5rem 1rem
}
.maridajes_info .info_header .info_bottle {
    grid-column:1;
    grid-row:1/-1;
    aspect-ratio:240/544;
    height:14.0625rem;
    margin-top:-1.5rem
}
.maridajes_info .info_header .info_bottle img {
    width:100%;
    height:100%;
    object-fit:contain
}
.maridajes_info .info_header .info_name {
    align-self:self-end;
    font-family:var(--font-primary);
    font-weight:500;
    font-size:.6875rem;
    line-height:1.5;
    color:var(--ocre);
    text-transform:uppercase
}
.maridajes_info .info_header .info_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04
}
.maridajes_info .info_data {
    padding:1.5rem;
    display:flex;
    flex-direction:column;
    gap:1.5rem
}
.maridajes_info .info_data .data_name {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    color:var(--ocre)
}
.maridajes_info .info_data .data_text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5
}
.maridajes_info .info_data .data_row {
    border-bottom:1px solid var(--color-lines);
    display:grid;
    grid-template-columns:var(--width-col1) 2fr;
    gap:1rem;
    padding-bottom:1rem
}
.maridajes_info .info_data .data_row:last-child {
    border-bottom:none
}
.maridajes_platos {
    margin-top:2.5rem;
    color:var(--blanco)
}
.maridajes_platos .maridajes_plato {
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr auto;
    width:19.875rem;
    height:31.875rem;
    border-radius:.5rem;
    overflow:hidden
}
.maridajes_platos .maridajes_plato .bg_image {
    grid-column:1;
    grid-row:1/-1
}
.maridajes_platos .maridajes_plato .bg_image img {
    width:100%;
    height:100%;
    object-fit:contain
}
.maridajes_platos .maridajes_plato .plato_title {
    grid-row:1;
    grid-column:1;
    align-self:self-end;
    padding:1.5rem 1.5rem .5rem 1.5rem;
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04
}
.maridajes_platos .maridajes_plato .plato_text {
    grid-row:2;
    grid-column:1;
    padding:0 1.5rem 1.5rem 1.5rem;
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5
}
@media only screen and (max-width: 1360px) {
    .maridajes__interior_content .swiper-wrapper {
        max-width:calc(100vw - var(--ancho-col1) - var(--ancho-gap) - var(--space-xl))
    }
}
@media only screen and (max-width: 860px) {
    .maridajes__interior_content {
        grid-template-columns:1fr
    }
}
@media only screen and (max-width: 570px) {
    .maridajes__interior_content .header_bottle {
        width:calc(100vw - var(--space-xl)*2)
    }
    .maridajes__menu {
        margin:1.5rem auto;
        grid-template-columns:repeat(2, 1fr)
    }
    .maridajes__menu .maridajes__menu_btn {
        width:100%
    }
    .maridajes_videolist {
        margin-block:1.5rem
    }
    .maridajes_videolist .video_module {
        width:17.5rem
    }
    .maridajes_platos .maridajes_plato {
        width:17.5rem;
        height:28.125rem
    }
}
@media only screen and (max-width: 320px) {
    .maridajes__interior_content .header_info .name {
        font-size:.625rem
    }
    .maridajes_videolist .video_module {
        width:15.625rem
    }
    .maridajes_platos .maridajes_plato {
        width:15.625rem;
        height:25rem
    }
}
.promociones_header {
    margin-top:-2.75rem
}
.promociones_header .header__section_content {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
}
.promociones_header .header__section_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12
}
.promociones_header .header__section_description {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5
}
.promociones_squares_box {
    padding:2.5rem var(--space-xl);
    display:flex;
    justify-content:center;
    gap:.75rem
}
.promociones_squares_content {
    width:100%;
    background-color:var(--rojo);
    border-radius:.5rem;
    padding:1.5rem 1rem;
    display:grid;
    grid-template-columns:1fr 10.75rem auto 1fr;
    align-items:center
}
.promociones_squares_img {
    max-width:7.625rem;
    justify-self:center;
    grid-column:2
}
.promociones_squares_img img {
    width:100%;
    height:100%;
    object-fit:contain
}
.promociones_squares_text {
    grid-column:3;
    display:flex;
    flex-direction:column;
    text-align:center;
    align-items:center
}
.promociones_squares_text h2 {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    padding-bottom:1.5rem
}
@media only screen and (max-width: 860px) {
    .promociones_squares_box {
        flex-direction:column
    }
    .promociones_squares_content {
        grid-template-columns:1fr 7.625rem auto 1fr
    }
}
@media only screen and (max-width: 570px) {
    .promociones_squares_content {
        padding:1rem .75rem;
        grid-template-columns:1fr 6.25rem auto 1fr
    }
    .promociones_squares_img {
        max-width:5.625rem
    }
    .promociones_squares_text {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:1.5rem;
        line-height:1.04
    }
    .promociones_squares_btn a {
        font-size:.75rem
    }
}
.subhome__hero .header__section_content {
    justify-content:center;
    min-height:33.75rem;
    max-width:50rem
}
.subhome__hero .header__section_content .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:3rem;
    line-height:1;
    text-align:center
}
.subhome__hero .header__section_content .title_big {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:7.5rem;
    line-height:1
}
.subhome__hero .header__section_content .evento_fecha {
    background-color:var(--transparency-t30);
    color:var(--blanco);
    backdrop-filter:blur(20px);
    margin-left:0.75rem;
    z-index:1
}
.marker-label {
    padding-left:2rem;
    padding-top:2rem
}
.header_intro .intro_text,.intro_gaming_box .intro_text {
    max-width:42.5rem
}
.header_intro .intro_buttons,.intro_gaming_box .intro_buttons {
    display:flex;
    gap:.5rem
}
.header__section_info {
    display:flex;
    align-items:center;
    gap:.5rem
}
.header__section_info .info_tipo {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    background-color:var(--rojo);
    color:var(--blanco);
    padding:.25rem .375rem;
    border-radius:.5rem
}
.header__section_info .info_fecha {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:1.25rem;
    line-height:1.6
}
.sabor__bares {
    padding-block:5rem;
    margin-block:5rem;
    border-top:1px solid var(--color-lines)
}
.sabor__bares .bares_intro {
    padding:0 var(--space-xl);
    text-align:center
}
.sabor__bares .bares_intro .name {
    font-family:var(--font-primary);
    font-weight:500;
    font-size:.6875rem;
    line-height:1.5;
    text-transform:uppercase;
    color:var(--color-accent)
}
.sabor__bares .bares_intro .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12
}
.sabor__bares .bares_numeros {
    padding-block:2.25rem
}
.sabor__bares .bares_numeros .swiper-slide {
    width:3rem
}
.sabor__bares .bares_numeros .swiper-slide:first-child {
    margin-left:var(--space-xl)
}
.sabor__bares .bares_numeros .swiper-slide:last-child {
    margin-right:var(--space-xl)
}
.sabor__bares .bares_numeros .numero {
    font-family:var(--arial);
    font-size:1.25rem;
    background-color:var(--transparency-t20);
    color:var(--transparency-t30);
    border-radius:.5rem;
    width:3rem;
    height:3rem;
    display:grid;
    place-items:center;
    cursor:pointer
}
.sabor__bares .bares_numeros .active .numero {
    background-color:var(--rojo);
    color:var(--blanco)
}
.sabor__bares .bares_lista .swiper-slide:first-child {
    margin-left:var(--space-xl)
}
.sabor__bares .bares_lista .swiper-slide:last-child {
    margin-right:var(--space-xl)
}
.sabor__bares .bar {
    background-color:var(--neutral-n90);
    width:20.5rem;
    border-radius:.5rem
}
.sabor__bares .bar .bar_image {
    border-radius:.5rem .5rem 0 0;
    overflow:hidden
}
.sabor__bares .bar .bar_image img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover
}
.sabor__bares .bar .bar_content {
    padding:.75rem
}
.sabor__bares .bar .bar_precio {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1rem;
    line-height:1.04;
    color:var(--ocre-claro);
    margin-top:.75rem
}
.sabor__bares .bar .bar_precio span {
    font-size:1.5rem
}
.sabor__bares .bar .bar_telefono {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1rem;
    line-height:1.04;
    margin-top:1.5rem
}
.sabor__bares .bar .bar_botones {
    display:flex;
    gap:.5rem;
    margin-top:1.5rem;
    justify-content:center
}
.sabor__bares .bar .bar_botones [class^="button"] {
    padding:.5rem 1rem
}
.sabor__bares .bar .bar_menu {
    padding-bottom:1rem;
    margin-top:1.5rem;
    border-bottom:1px solid var(--color-lines)
}
.sabor__bares .bar .bar_menu>*+* {
    margin-top:.5rem
}
.sabor__bares .bar .bar_menu::before {
    content:attr(aria-label);
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    color:var(--ocre-claro);
    width:100%;
    display:inline-block;
    border-bottom:1px solid var(--color-lines);
    padding-bottom:.75rem;
    margin-bottom:1rem
}
.sabor__bares .bar .bar_menu li {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1rem;
    line-height:1.04;
    line-height:1.3;
    display:grid;
    grid-template-columns:auto 1fr
}
.sabor__bares .bar .bar_menu li::before {
    content:"•";
    display:inline-block;
    margin-inline-end:.5rem
}
.sabor__bares .bar .bar_menu li.cervezas {
    color:var(--ocre-claro)
}
.sabor__bares .bar .numero {
    font-family:var(--arial);
    font-size:.9375rem;
    background-color:var(--transparency-t20);
    color:var(--transparency-t30);
    border-radius:.25rem;
    width:1.75rem;
    height:1.5rem;
    display:grid;
    place-items:center
}
.sabor__bares .bar.active .numero {
    background-color:var(--rojo);
    color:var(--blanco)
}
.sabor__bares .bar .nombre {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:1.25rem;
    line-height:1.6;
    margin-top:.25rem
}
.sabor__bares .bar .direccion {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    color:var(--ocre-claro)
}
.promo_premios {
    padding-block:5rem;
    padding-inline:var(--space-xl);
    border-top:1px solid var(--color-lines);
    display:flex;
    flex-direction:column;
    align-items:center
}
.promo_premios>*:nth-child(n+2) {
    margin-top:5rem
}
[class^="promo_premios"] .name {
    font-family:var(--font-primary);
    font-weight:500;
    font-size:.875rem;
    text-transform:uppercase;
    color:var(--color-accent);
    text-align:center
}
[class^="promo_premios"] .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    padding-bottom:2.5rem;
    text-align:center
}
.promo_premios_intro {
    max-width:45rem;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1.5rem;
    text-align:center
}
.promo_premios_intro .intro_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:3rem;
    line-height:1
}
.promo_premios_intro .intro_text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5
}
.promo_premios_participar {
    width:100%;
    max-width:82.5rem
}
.participar_pasos {
    --min-col-size: 18.75rem;
    display:grid;
    gap:.75rem;
    grid-template-columns:repeat(auto-fit, minmax(var(--min-col-size), 1fr))
}
.participar_pasos .paso {
    padding:2.5rem 1rem;
    background-color:var(--neutral-n90);
    border-radius:.5rem;
    text-align:center;
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04
}
.participar_pasos .paso .numero {
    font-size:.6875rem;
    color:var(--ocre);
    margin-bottom:.5rem
}
.promo_premios_canjear {
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center
}
.canjear_lista {
    max-width:54.375rem;
    width:100%;
    display:grid;
    gap:.75rem;
    grid-template-columns:1fr 1fr
}
.canjear_lista .local_info {
    padding:.75rem;
    background-color:var(--neutral-n90);
    border-radius:.5rem
}
.canjear_lista .local_info .local_nombre {
    display:flex;
    align-items:center;
    gap:.5rem;
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:1rem;
    line-height:1.6
}
.canjear_lista .local_info .local_nombre .numero {
    font-family:var(--arial);
    font-size:.9375rem;
    background-color:var(--ocre-claro);
    color:var(--ocre);
    border-radius:.25rem;
    width:1.75rem;
    height:1.5rem;
    display:grid;
    place-items:center
}
.canjear_lista .local_info .local_direccion {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    padding-top:.75rem;
    display:flex;
    align-items:center;
    gap:.25rem
}
.canjear_lista .local_info .local_direccion::before {
    content:'';
    width:.5rem;
    aspect-ratio:14/18;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 18'%3E%3Cpath fill='white' stroke-width='0' d='M7 8.47c.39 0 .72-.14.99-.41.27-.27.41-.61.41-1s-.14-.73-.41-1c-.27-.27-.6-.41-.99-.41s-.72.14-.99.41c-.27.27-.41.61-.41 1s.14.73.41 1c.27.27.6.41.99.41Zm0 8.24c1.94-1.71 3.44-3.42 4.49-5.13 1.05-1.71 1.58-3.15 1.58-4.33 0-1.85-.59-3.36-1.76-4.54C10.14 1.53 8.7.95 7 .95s-3.13.59-4.3 1.76C1.53 3.89.94 5.4.94 7.25c0 1.18.53 2.62 1.58 4.33S5.07 15 7.01 16.71ZM7 18c-2.36-2.12-4.12-4.08-5.27-5.88C.58 10.32 0 8.69 0 7.25c0-2.21.7-3.98 2.11-5.28C3.52.66 5.15 0 7 0s3.48.66 4.89 1.97C13.3 3.28 14 5.04 14 7.25c0 1.44-.58 3.07-1.73 4.87C11.12 13.92 9.36 15.88 7 18Z'/%3E%3C/svg%3E");
    background-size:contain;
    background-repeat:no-repeat
}
.canjear_lista .local_info .local_telefono {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    padding-top:.25rem
}
.promo_premios_mapa {
    padding-block:5rem;
    padding-inline:var(--space-xl);
    border-top:1px solid var(--color-lines);
    display:flex;
    flex-direction:column;
    align-items:center
}
.promo_premios_mapa .gmap {
    width:100%;
    max-width:82.5rem;
    height:37.5rem;
    border-radius:.5rem;
    background-color:var(--neutral-n90)
}
.promo_premios_legal {
    padding-block:5rem;
    padding-inline:var(--space-xl);
    border-top:1px solid var(--color-lines);
    display:flex;
    flex-direction:column
}
.promo_premios_legal p {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    color:var(--neutral-n70)
}
@media only screen and (max-width: 860px) {
    .canjear_lista {
        grid-template-columns:1fr
    }
    .intro_evento {
        grid-template-columns:repeat(3, auto);
        align-items:center
    }
    .intro_evento .evento_lugar {
        grid-column:3;
        grid-row:1;
        display:grid
    }
    .intro_evento .evento_lugar .lugar {
        font-family:var(--font-primary);
        font-weight:normal;
        letter-spacing:-0.01em;
        font-size:.75rem;
        line-height:1.5
    }
    .intro_evento .evento_lugar .ciudad::before {
        display:none
    }
    .evento_mapa .mapa_content {
        flex-direction:column;
        align-items:center
    }
    .evento_mapa .gmap {
        width:90%
    }
}
@media only screen and (max-width: 420px) {
    .subhome__hero .header__section_content .title_big {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:5rem
    }
    .header__section_info {
        flex-direction:column
    }
    .mapa_info {
        width:90%
    }
}
@media only screen and (max-width: 320px) {
    .header_intro .intro_buttons,.intro_gaming_box .intro_buttons {
        flex-direction:column;
        align-items:center
    }
}
.vibra__subhome_header {
    margin-top:-2.75rem
}
.vibra__subhome_header .header__section_content {
    color:var(--blanco);
    text-align:center;
    justify-content:center
}
.vibra__subhome_header .header__section .header__section_bg {
    min-height:33.125rem;
    background-color:var(--rojo)
}
@media screen and (min-width: 3400px) {
    .vibra__subhome_header .header__section .header__section_bg {
        max-height:66.25rem
    }
}
.vibra__subhome_header .header__section .header__section_bg .bg_video {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:50% 50%
}
.vibra__subhome_header .contain_image {
    object-fit:contain;
    object-position:50% 50%;
    width:100%;
    height:100%
}
.vibra__subhome_header .header__section_logo {
    width:21.875rem;
    height:auto
}
.vibra__subhome_header .header__section_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    font-style:normal;
    padding-top:5rem
}
.vibra__subhome_header .header__section_description {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    width:80%
}
.vibra__subhome_header .header__vibra_gira {
    grid-column:1;
    grid-row:1;
    position:relative;
    padding-top:3.5rem;
    padding-inline:1.5rem;
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto 1fr
}
.vibra__subhome_header .header__vibra_gira .logo_left {
    grid-column:1;
    grid-row:1;
    justify-self:self-start;
    align-self:self-start;
    width:90%;
    max-width:18.75rem
}
.vibra__subhome_header .header__vibra_gira .logo_left img {
    width:100%;
    height:100%;
    object-fit:contain
}
.vibra__subhome_header .header__vibra_gira .logo_right {
    grid-column:2;
    grid-row:1;
    justify-self:self-end;
    align-self:self-start;
    width:26.25rem
}
.vibra__subhome_header .header__vibra_gira .logo_right img {
    width:100%;
    height:100%;
    object-fit:contain
}
.vibra__subhome_header .header__vibra_gira .artist_name {
    grid-column:1/-1;
    grid-row:2;
    justify-self:center;
    align-self:center;
    text-align:center
}
.vibra__subhome_header .header__vibra_gira .artist_name .name {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:clamp(2rem, 14vw, 6.25rem);
    line-height:1;
    color:var(--blanco)
}
.vibra__intro {
    display:grid;
    justify-items:center;
    margin-bottom:2.5rem;
    text-align:center
}
.vibra__intro .intro_name {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-transform:uppercase;
    color:var(--color-accent)
}
.newfonts .vibra__intro .intro_name {
    font-weight:600
}
.vibra__intro .header_intro,.vibra__intro .intro_gaming_box {
    margin-top:-5rem;
    background-color:var(--color-bg-input)
}
.vibra__intro .header_intro .intro_text,.vibra__intro .intro_gaming_box .intro_text {
    max-width:none
}
.vibra__intro .evento_info {
    display:flex;
    gap:.75rem;
    text-align:left;
    background-color:var(--neutral-n5);
    padding:.75rem;
    border-radius:.5rem;
    max-width:17.5rem;
    width:100%
}
.vibra__intro .evento_info .evento_fecha {
    background-color:var(--rojo)
}
.vibra__subhome_banners {
    border-top:1px solid var(--color-lines);
    display:flex;
    justify-content:center
}
.vibra__subhome_banners .content {
    padding:2.5rem 0 5rem 0;
    width:100%
}
.vibra__subhome_banners .intro {
    padding:0 var(--space-xl);
    text-align:center
}
.vibra__subhome_banners .intro .name {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-transform:uppercase;
    color:var(--rojo)
}
.newfonts .vibra__subhome_banners .intro .name {
    font-weight:600
}
.vibra__subhome_banners .intro .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    padding-top:.5rem
}
.vibra_banners {
    margin-top:1.5rem
}
.vibra_banners .swiper-wrapper {
    justify-content:center
}
.vibra_banner {
    color:var(--blanco);
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:auto 1fr auto;
    justify-items:center;
    width:20rem;
    height:32.5rem;
    border-radius:.5rem;
    overflow:hidden
}
.vibra_banner:has(.inactive) {
    pointer-events:none
}
.vibra_banner:hover,.vibra_banner:active {
    color:var(--blanco)
}
.vibra_banner .banner_bg {
    grid-column:1;
    grid-row:1/-1;
    transition:transform 0.5s ease-in-out;
    transform-origin:bottom center;
    width:100%;
    height:100%;
    overflow:hidden
}
.vibra_banner .banner_bg img {
    width:100%;
    height:100%;
    object-fit:cover
}
.vibra_banner .banner_bg img.from-left {
    object-position:0 50%
}
.vibra_banner .banner_bg img.from-right {
    object-position:100% 50%
}
.vibra_banner .vibra_banner_title {
    grid-column:1;
    grid-row:1/-1;
    align-self:center;
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:3rem;
    line-height:1;
    position:relative;
    width:90%;
    text-align:center;
    top:-10%
}
.vibra_banner .vibra_banner_title.small {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    white-space:nowrap
}
.vibra_banner .banner_text_content {
    width:90%;
    grid-column:1;
    grid-row:3/-1;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr;
    justify-items:center;
    text-align:center;
    padding-top:1.5rem
}
.vibra_banner .banner_text_content .button {
    font-size:.875rem;
    padding:.5rem 2rem;
    margin:1.5rem 0
}
.vibra_banner .banner_image {
    grid-column:1;
    grid-row:2;
    width:90%
}
.vibra_banner .banner_image img {
    width:100%;
    height:100%;
    object-fit:contain
}
.vibra_banner .banner_logo {
    margin-top:1.5rem;
    grid-column:1;
    grid-row:1;
    width:7.125rem;
    height:auto
}
.vibra_banner .banner_logo img {
    width:100%;
    height:100%;
    object-fit:contain
}
.vibra_banner .banner_logo.large {
    width:6.875rem
}
.vibra_banner .banner_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2rem;
    line-height:1.12
}
.vibra_banner .banner_subtitle {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    padding-top:.5rem
}
.vibra__subhome_eventos {
    border-top:1px solid var(--color-lines);
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1.5rem;
    padding-bottom:2.5rem
}
.vibra__subhome_eventos .agenda_lista {
    margin-top:1.5rem
}
.vibra__subhome_eventos .swiper-wrapper {
    justify-content:center
}
.vibra__subhome_eventos .eventos_content>div:last-child {
    margin-bottom:0
}
.vibra__subhome_eventos .eventos_content .swiper-slide:first-child {
    margin-left:var(--space-xl)
}
.vibra__subhome_eventos .eventos_content .swiper-slide:last-child {
    margin-right:var(--space-xl)
}
.vibra__subhome_eventos .small_group {
    display:flex;
    flex-direction:column;
    gap:.75rem;
    width:20rem;
    height:20rem
}
.vibra__subhome_eventos .evento.small {
    width:20rem;
    height:100%
}
.vibra__subhome_eventos .evento.small .evento_image {
    height:100%;
    max-height:fit-content
}
.vibra__gira_eventos {
    border-top:1px solid var(--color-lines);
    padding:5rem var(--space-xl);
    display:flex;
    flex-direction:column;
    align-items:center
}
.vibra__gira_eventos .content {
    display:flex;
    flex-direction:column;
    max-width:var(--width-primary)
}
.vibra__gira_eventos .intro {
    text-align:center
}
.vibra__gira_eventos .intro .name {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    color:var(--rojo);
    text-transform:uppercase
}
.newfonts .vibra__gira_eventos .intro .name {
    font-weight:600
}
.vibra__gira_eventos .intro .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    margin-bottom:2rem
}
.vibra__gira_eventos .gira_eventos {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:.75rem
}
.vibra__gira_info {
    border-top:1px solid var(--color-lines);
    padding:5rem var(--space-xl);
    display:flex;
    flex-direction:column;
    align-items:center
}
.vibra__gira_info:nth-child(even) .content_image {
    order:1
}
.vibra__gira_info:nth-child(even) .content_text {
    order:2
}
.vibra__gira_info .content {
    display:grid;
    grid-template-columns:auto auto;
    width:90%;
    max-width:54.5rem
}
.vibra__gira_info .content_image {
    width:26.875rem;
    height:31.875rem;
    border-radius:.5rem;
    overflow:hidden
}
.vibra__gira_info .content_image img {
    width:100%;
    height:100%;
    object-fit:cover
}
.vibra__gira_info .content_image img.from-left {
    object-position:0 50%
}
.vibra__gira_info .content_image img.from-right {
    object-position:100% 50%
}
.vibra__gira_info .content_text {
    padding:1.5rem;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    gap:1.5rem
}
.vibra__gira_info .content_text .title_group {
    color:var(--rojo);
    display:flex;
    flex-direction:column;
    gap:.5rem
}
.vibra__gira_info .content_text .artist_name {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12
}
.vibra__gira_info .content_text .event_name {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04
}
.vibra__gira_info .content_text .text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5
}
.vibra__escenarios {
    border-top:1px solid var(--color-lines);
    padding:5rem var(--space-xl)
}
.vibra__escenarios .content {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:2rem
}
.vibra__escenarios .intro {
    text-align:center
}
.vibra__escenarios .intro .name {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    color:var(--rojo);
    text-transform:uppercase
}
.newfonts .vibra__escenarios .intro .name {
    font-weight:600
}
.vibra__escenarios .intro .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    margin-bottom:2rem
}
.vibra__escenarios .bloque_texto {
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:1.5rem;
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    width:100%;
    max-width:40.625rem
}
.modulo_fest {
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    padding:5rem 1.5rem;
    border-top:1px solid var(--color-lines)
}
.modulo_fest:nth-child(odd) .container>*:first-child {
    grid-column:2;
    grid-row:1
}
.modulo_fest:nth-child(odd) .container>*:last-child {
    grid-column:1;
    grid-row:1
}
.modulo_fest .container {
    max-width:54.5rem;
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:1.5rem;
    width:100%
}
.modulo_fest .container:has(>:only-child) {
    max-width:26.875rem;
    grid-template-columns:1fr
}
.modulo_fest .name {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    color:var(--rojo);
    text-transform:uppercase
}
.newfonts .modulo_fest .name {
    font-weight:600
}
.modulo_fest .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:3rem;
    line-height:1;
    color:var(--rojo);
    padding-bottom:.5rem
}
.modulo_fest .subtitle {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    color:var(--rojo)
}
.modulo_fest .evento_info {
    display:flex;
    gap:.75rem
}
.modulo_fest .modulo_image {
    width:100%;
    border-radius:.5rem;
    overflow:hidden;
    position:relative
}
.modulo_fest .modulo_image img {
    width:100%;
    height:100%;
    object-fit:cover
}
.modulo_fest .modulo_image img.from-left {
    object-position:0 50%
}
.modulo_fest .modulo_image img.from-right {
    object-position:100% 50%
}
.modulo_fest .modulo_image img {
    display:block
}
.modulo_fest .modulo_text {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:1.5rem;
    padding-inline:1.5rem
}
.modulo_fest .text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5
}
.modulo_fest .text_subtitle {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    color:var(--neutral-n70)
}
.modulo_fest .botones {
    display:flex;
    gap:1rem
}
.modulo_fest .text_group:has(.botones) {
    display:flex;
    flex-direction:column;
    gap:.75rem
}
.modulo_lista_slider {
    padding:5rem var(--space-xl);
    border-top:1px solid var(--color-lines)
}
.modulo_lista_slider .intro {
    padding-bottom:2.5rem;
    text-align:center
}
.modulo_lista_slider .intro .name {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-transform:uppercase;
    color:var(--rojo)
}
.newfonts .modulo_lista_slider .intro .name {
    font-weight:600
}
.modulo_lista_slider .intro .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    padding-top:.5rem
}
.modulo_lista_slider .container {
    width:55rem
}
.modulo_lista_slider .swiper-slide {
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    width:100%;
    height:100%;
    gap:1.5rem
}
.modulo_lista_slider .swiper-slide:nth-child(odd) .modulo_image {
    grid-column:2;
    grid-row:1
}
.modulo_lista_slider .swiper-slide:nth-child(odd) .modulo_text {
    grid-column:1;
    grid-row:1
}
.modulo_lista_slider .modulo_image {
    width:100%;
    max-width:26.875rem;
    border-radius:.5rem;
    overflow:hidden;
    position:relative
}
.modulo_lista_slider .modulo_image img {
    width:100%;
    height:100%;
    object-fit:cover
}
.modulo_lista_slider .modulo_image img.from-left {
    object-position:0 50%
}
.modulo_lista_slider .modulo_image img.from-right {
    object-position:100% 50%
}
.modulo_lista_slider .modulo_image img {
    display:block
}
.modulo_lista_slider .modulo_text {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:1.5rem;
    padding-inline:1.5rem
}
.modulo_lista_slider .modulo_text .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    color:var(--rojo);
    padding-bottom:.5rem
}
.modulo_lista_slider .modulo_text .text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5
}
.modulo_lista_slider .modulo_text .hora {
    font-family:var(--font-numbers);
    font-size:1rem;
    display:flex;
    align-items:center;
    gap:.5rem;
    background-color:var(--rojo);
    color:var(--blanco);
    padding:.25rem .5rem;
    border-radius:.5rem
}
.modulo_lista_slider .modulo_text .hora .iconlib {
    width:1rem
}
.modulo_lista_slider .navigation {
    position:relative;
    max-width:calc(100% - var(--space-xl));
    height:2.5rem;
    margin-top:1rem;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:1rem;
    --swiper-pagination-color: var(--rojo);
    --swiper-pagination-bullet-inactive-color: var(--neutral-n50)
}
.modulo_lista_slider .navigation>* {
    position:relative
}
.modulo_lista_slider .navigation .swiper-pagination {
    width:auto;
    top:auto;
    left:auto;
    right:auto;
    bottom:auto
}
.modulo_faqs {
    padding:5rem var(--space-xl);
    border-top:1px solid var(--color-lines)
}
.modulo_faqs .intro {
    padding-bottom:2.5rem;
    text-align:center
}
.modulo_faqs .intro .name {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-transform:uppercase;
    color:var(--rojo)
}
.newfonts .modulo_faqs .intro .name {
    font-weight:600
}
.modulo_faqs .intro .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    padding-top:.5rem
}
.modulo_faqs .accordion_box {
    width:90%;
    max-width:55rem;
    margin:0 auto
}
.modulo_faqs .accordion_box .accordion_content {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:.5rem
}
.modulo_faqs .accordion_box .accordion_text ul {
    padding-block:1.5rem
}
.modulo_faqs .accordion_box .accordion_text ul li {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    list-style:disc;
    margin-left:1rem
}
@media only screen and (max-width: 1360px) {
    .vibra__subhome_eventos .swiper-wrapper {
        justify-content:flex-start
    }
    .modulo_lista_slider .container {
        width:90vw
    }
    .modulo_lista_slider .swiper-slide {
        display:grid;
        grid-template-columns:1fr;
        align-items:center;
        width:100%;
        height:100%;
        gap:1.5rem
    }
    .modulo_lista_slider .swiper-slide:nth-child(odd) .modulo_image {
        grid-column:1;
        grid-row:1
    }
    .modulo_lista_slider .swiper-slide:nth-child(odd) .modulo_text {
        grid-column:1;
        grid-row:2
    }
    .modulo_lista_slider .modulo_image {
        max-width:none
    }
}
@media only screen and (max-width: 1200px) {
    .vibra_banners .swiper-wrapper {
        justify-content:flex-start
    }
    .vibra_banner:first-child {
        margin-left:var(--space-xl)
    }
    .vibra_banner:last-child {
        margin-right:var(--space-xl)
    }
    .modulo_fest .container {
        grid-template-columns:1fr;
        grid-template-rows:1fr;
        align-items:center
    }
    .modulo_fest:nth-child(odd) .container>*:first-child {
        grid-column:1;
        grid-row:1
    }
    .modulo_fest:nth-child(odd) .container>*:last-child {
        grid-column:1;
        grid-row:2
    }
}
@media only screen and (max-width: 860px) {
    .vibra__subhome_header .header__section_content {
        justify-content:start
    }
    .vibra__subhome_header .header__vibra_gira .logo_left {
        grid-column:1/-1;
        justify-self:center
    }
    .vibra__subhome_header .header__vibra_gira .logo_right {
        display:none
    }
    .evento.big {
        width:20rem
    }
    .vibra__gira_info .content {
        grid-template-columns:1fr
    }
    .vibra__gira_info .content_image {
        order:1
    }
    .vibra__gira_info .content_text {
        order:2;
        padding:1.5rem 0
    }
}
@media only screen and (max-width: 570px) {
    .vibra__subhome_banners .intro,.vibra__gira_eventos .intro,.vibra__escenarios .intro,.modulo_lista_slider .intro {
        text-align:left
    }
    .vibra__escenarios .bloque_texto {
        text-align:left
    }
    .vibra__gira_info .content_image {
        width:100%;
        max-width:20.4375rem;
        height:13.75rem
    }
    .modulo_fest .botones {
        flex-direction:column;
        width:100%
    }
}
/*! name: @uvarov.frontend/vanilla-calendar | url: https://github.com/uvarov-frontend/vanilla-calendar */.vanilla-calendar {
    position:relative;
    display:flex;
    height:-webkit-max-content;
    height:max-content;
    width:-webkit-max-content;
    width:max-content;
    min-width:275px;
    flex-direction:column;
    border-radius:.75rem;
    padding:1rem
}
.vanilla-calendar button:focus-visible {
    border-radius:.5rem;
    outline-style:solid;
    outline-width:1px
}
.vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-month,.vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-year {
    cursor:default
}
.vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-month.vanilla-calendar-month_disabled,.vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-year.vanilla-calendar-year_disabled {
    pointer-events:auto
}
.vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-days {
    flex-grow:0
}
.vanilla-calendar_hidden {
    pointer-events:none;
    visibility:hidden;
    opacity:0;
    transition-property:all;
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration:.15s
}
.vanilla-calendar_to-input {
    position:absolute;
    left:0;
    top:100%;
    margin-top:.25rem
}
.vanilla-calendar-input-wrapper {
    position:relative
}
.vanilla-calendar-controls {
    pointer-events:none;
    position:absolute;
    left:0;
    right:0;
    top:0;
    z-index:20;
    box-sizing:content-box;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-left:1rem;
    padding-right:1rem;
    padding-top:1.25rem
}
.vanilla-calendar-arrow {
    pointer-events:auto;
    position:relative;
    display:block;
    height:1.5rem;
    width:1.5rem;
    cursor:pointer;
    border-width:0px;
    background-color:transparent
}
.vanilla-calendar-arrow:before {
    position:absolute;
    inset:0;
    content:var(--tw-content);
    content:"";
    -webkit-mask-image:url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M12 16c-.3 0-.5-.1-.7-.3l-6-6c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l5.3 5.3 5.3-5.3c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-6 6c-.2.2-.4.3-.7.3z"/%3E%3C/svg%3E');
    mask-image:url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M12 16c-.3 0-.5-.1-.7-.3l-6-6c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l5.3 5.3 5.3-5.3c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-6 6c-.2.2-.4.3-.7.3z"/%3E%3C/svg%3E');
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-position:50% 50%;
    mask-position:50% 50%
}
.vanilla-calendar-arrow.vanilla-calendar-arrow_prev:before {
    -webkit-transform:rotateZ(90deg);
    transform:rotate(90deg)
}
.vanilla-calendar-arrow.vanilla-calendar-arrow_next:before {
    -webkit-transform:rotateZ(-90deg);
    transform:rotate(-90deg)
}
.vanilla-calendar-grid {
    display:grid;
    flex-grow:1;
    grid-auto-flow:column;
    gap:1.75rem
}
.vanilla-calendar-column {
    display:flex;
    min-width:-webkit-min-content;
    min-width:min-content;
    flex-direction:column
}
.vanilla-calendar-header {
    position:relative;
    margin-bottom:.75rem;
    display:flex;
    align-items:center;
    padding-left:.25rem;
    padding-right:.25rem
}
.vanilla-calendar-header__content {
    display:grid;
    flex-grow:1;
    grid-auto-columns:-webkit-max-content;
    grid-auto-columns:max-content;
    grid-auto-flow:column;
    align-items:center;
    justify-content:center;
    white-space:pre-wrap;
    padding-left:1rem;
    padding-right:1rem
}
.vanilla-calendar-month,.vanilla-calendar-year {
    cursor:pointer;
    border-radius:.25rem;
    border-width:0px;
    background-color:transparent;
    padding:.25rem;
    font-size:1rem;
    line-height:1.5rem;
    font-weight:700
}
.vanilla-calendar-month.vanilla-calendar-month_disabled,.vanilla-calendar-year.vanilla-calendar-year_disabled {
    pointer-events:none
}
.vanilla-calendar-months {
    display:grid;
    flex-grow:1;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    align-items:center;
    row-gap:1rem;
    -webkit-column-gap:.5rem;
    column-gap:.5rem
}
.vanilla-calendar-years {
    display:grid;
    flex-grow:1;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    align-items:center;
    row-gap:1rem;
    -webkit-column-gap:.5rem;
    column-gap:.5rem
}
.vanilla-calendar-months_selecting .vanilla-calendar-months__month,.vanilla-calendar-years_selecting .vanilla-calendar-years__year {
    cursor:pointer
}
.vanilla-calendar-months_selecting .vanilla-calendar-months__month .vanilla-calendar-months__month_disabled,.vanilla-calendar-years_selecting .vanilla-calendar-years__year .vanilla-calendar-years__year_disabled {
    cursor:default
}
.vanilla-calendar-months__month,.vanilla-calendar-years__year {
    display:flex;
    height:2.5rem;
    align-items:center;
    justify-content:center;
    word-break:break-all;
    border-radius:.5rem;
    border-width:0px;
    padding:.25rem;
    text-align:center;
    font-size:.75rem;
    line-height:1rem;
    font-weight:600
}
.vanilla-calendar-months__month.vanilla-calendar-months__month_disabled,.vanilla-calendar-years__year.vanilla-calendar-years__year_disabled {
    pointer-events:none
}
.vanilla-calendar-week-numbers {
    display:flex;
    flex-grow:1;
    flex-direction:column
}
.vanilla-calendar-week-numbers__title {
    margin-bottom:.5rem;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:.75rem;
    line-height:1rem;
    font-weight:700
}
.vanilla-calendar-week-numbers__content {
    display:grid;
    grid-auto-flow:row;
    align-items:center;
    justify-items:center;
    row-gap:.25rem
}
.vanilla-calendar-week-number {
    display:flex;
    height:100%;
    min-height:1.875rem;
    width:100%;
    min-width:1.875rem;
    cursor:pointer;
    align-items:center;
    justify-content:center;
    font-size:.75rem;
    line-height:1rem;
    font-weight:600
}
.vanilla-calendar-wrapper {
    display:flex;
    flex-grow:1
}
.vanilla-calendar-content {
    display:flex;
    flex-grow:1;
    flex-direction:column
}
.vanilla-calendar-week {
    margin-bottom:.5rem;
    display:grid;
    grid-template-columns:repeat(7, 1fr);
    justify-items:center
}
.vanilla-calendar-week__day {
    display:flex;
    height:100%;
    width:100%;
    min-width:1.875rem;
    align-items:center;
    justify-content:center;
    font-size:.75rem;
    line-height:1rem;
    font-weight:700
}
.vanilla-calendar-days {
    display:grid;
    flex-grow:1;
    grid-template-columns:repeat(7, 1fr);
    align-items:center;
    justify-items:center;
    row-gap:.25rem
}
.vanilla-calendar-days_selecting .vanilla-calendar-day__btn {
    cursor:pointer
}
.vanilla-calendar-days_selecting .vanilla-calendar-day__btn_disabled {
    cursor:default
}
.vanilla-calendar-day {
    position:relative;
    display:flex;
    height:100%;
    width:100%;
    align-items:center;
    justify-content:center
}
.vanilla-calendar-day:focus-visible .vanilla-calendar-day__popup,.vanilla-calendar-day:hover .vanilla-calendar-day__popup {
    pointer-events:auto;
    opacity:1
}
.vanilla-calendar-day_selected-first .vanilla-calendar-day__btn_selected {
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-top-left-radius:.5rem;
    border-bottom-left-radius:.5rem
}
.vanilla-calendar-day_selected-last .vanilla-calendar-day__btn_selected {
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:.5rem;
    border-bottom-right-radius:.5rem
}
.vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_intermediate {
    border-radius:0
}
.vanilla-calendar-day__btn {
    display:flex;
    height:100%;
    min-height:1.875rem;
    width:100%;
    min-width:1.875rem;
    cursor:default;
    align-items:center;
    justify-content:center;
    border-radius:.5rem;
    border-width:0px;
    font-size:.75rem;
    line-height:1rem;
    font-weight:400
}
.vanilla-calendar-day__btn_today {
    font-weight:700
}
.vanilla-calendar-day__btn_disabled {
    pointer-events:none
}
.vanilla-calendar-day__popup {
    -webkit-transform:translateX(-50%);
    transform:translate(-50%);
    pointer-events:none;
    position:absolute;
    left:50%;
    top:100%;
    z-index:20;
    width:8rem;
    padding:1rem .75rem .5rem;
    font-size:.75rem;
    line-height:1rem;
    font-weight:400;
    opacity:0
}
.vanilla-calendar-day__popup:before {
    content:var(--tw-content);
    position:absolute
}
.vanilla-calendar-day__popup:after {
    content:var(--tw-content);
    position:absolute
}
.vanilla-calendar-day__popup:hover {
    pointer-events:auto;
    opacity:1
}
.vanilla-calendar-day__popup:before {
    content:"";
    left:0;
    bottom:0;
    z-index:-10;
    display:block;
    height:calc(100% - 8px);
    width:100%;
    border-radius:.5rem
}
.vanilla-calendar-day__popup:after {
    content:"";
    -webkit-transform:translateX(-50%);
    transform:translate(-50%);
    left:50%;
    top:1px;
    z-index:-10;
    display:block;
    height:0px;
    width:0px;
    border-left-width:8px;
    border-right-width:8px;
    border-top-width:0px;
    border-bottom-width:8px;
    border-style:solid;
    border-left-color:transparent;
    border-right-color:transparent;
    border-top-color:transparent
}
.vanilla-calendar-time {
    margin-top:.75rem;
    display:grid;
    grid-template-columns:auto 1fr;
    gap:.75rem;
    border-top-width:1px;
    border-bottom-width:0px;
    border-left-width:0px;
    border-right-width:0px;
    border-style:solid;
    padding-top:.75rem
}
.vanilla-calendar-time__content {
    display:grid;
    grid-auto-flow:column;
    align-items:center
}
.vanilla-calendar-time__hours {
    position:relative;
    margin-right:.35rem;
    width:1.75rem
}
.vanilla-calendar-time__hours:after {
    position:absolute;
    right:-5px;
    top:50%;
    margin-top:calc(-50% + 1px);
    display:block;
    --tw-content: ":";
    content:var(--tw-content)
}
.vanilla-calendar-time__minutes {
    width:1.75rem
}
.vanilla-calendar-time__hours input,.vanilla-calendar-time__minutes input {
    position:relative;
    margin:0;
    box-sizing:border-box;
    display:block;
    width:100%;
    border-radius:.25rem;
    border-width:0px;
    padding:.125rem;
    text-align:center;
    font-size:1.125rem;
    font-weight:600;
    line-height:1.125rem
}
.vanilla-calendar-time__hours input:focus-visible,.vanilla-calendar-time__minutes input:focus-visible {
    outline-style:solid;
    outline-width:1px
}
.vanilla-calendar-time__hours input:disabled,.vanilla-calendar-time__minutes input:disabled {
    cursor:default
}
.vanilla-calendar-time__hours input:hover:disabled,.vanilla-calendar-time__minutes input:hover:disabled {
    background-color:transparent
}
.vanilla-calendar-time__keeping {
    margin-left:1px;
    margin-top:.25rem;
    width:22px;
    cursor:pointer;
    border-radius:.25rem;
    border-width:0px;
    background-color:transparent;
    padding:0;
    font-size:11px
}
.vanilla-calendar-time__keeping:focus-visible {
    outline-style:solid;
    outline-width:1px
}
.vanilla-calendar-time__keeping:disabled {
    cursor:default
}
.vanilla-calendar-time__keeping:hover:disabled {
    background-color:transparent
}
.vanilla-calendar-time__ranges {
    display:grid;
    grid-auto-flow:row
}
.vanilla-calendar-time__range {
    position:relative;
    z-index:10;
    font-size:0
}
.vanilla-calendar-time__range:before {
    content:var(--tw-content);
    left:0
}
.vanilla-calendar-time__range:after {
    content:var(--tw-content);
    right:0
}
.vanilla-calendar-time__range:before,.vanilla-calendar-time__range:after {
    content:"";
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    pointer-events:none;
    position:absolute;
    top:50%;
    z-index:10;
    height:.5rem;
    width:1px
}
.vanilla-calendar-time__range input {
    position:relative;
    margin:0;
    height:1.25rem;
    width:100%;
    cursor:pointer;
    -webkit-appearance:none;
    appearance:none;
    outline-width:0px
}
.vanilla-calendar-time__range input::-webkit-slider-thumb {
    position:relative;
    z-index:20;
    margin-top:-.5rem;
    box-sizing:border-box;
    height:1rem;
    width:.75rem;
    cursor:pointer;
    -webkit-appearance:none;
    appearance:none;
    border-radius:.25rem;
    border-width:1px;
    border-style:solid;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)
}
.vanilla-calendar-time__range input::-moz-range-thumb {
    position:relative;
    z-index:20;
    box-sizing:border-box;
    height:1rem;
    width:.75rem;
    cursor:pointer;
    border-radius:.25rem;
    border-width:1px;
    border-style:solid;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)
}
.vanilla-calendar-time__range input::-webkit-slider-runnable-track {
    margin-top:1px;
    box-sizing:border-box;
    height:1px;
    width:100%;
    cursor:pointer;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)
}
.vanilla-calendar-time__range input::-moz-range-track {
    margin-top:1px;
    box-sizing:border-box;
    height:1px;
    width:100%;
    cursor:pointer;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)
}
.months_calendar .vanilla-calendar-month {
    pointer-events:none
}
.months_calendar .vanilla-calendar-month.vanilla-calendar-month_disabled,.months_calendar .vanilla-calendar-year.vanilla-calendar-year_disabled {
    color:var(--neutral-n30)
}
.months_calendar .vanilla-calendar-months {
    gap:.5rem
}
.months_calendar .vanilla-calendar-months .vanilla-calendar-months__month,.months_calendar .vanilla-calendar-months .vanilla-calendar-years__year {
    color:var(--topacio);
    background-color:var(--neutral-n30);
    border:1px solid var(--neutral-n30);
    border-radius:6.25rem
}
.months_calendar .vanilla-calendar-months .vanilla-calendar-months__month.vanilla-calendar-months__month_disabled,.months_calendar .vanilla-calendar-months .vanilla-calendar-years__year.vanilla-calendar-years__year_disabled {
    color:var(--transparency-t50)
}
.months_calendar .vanilla-calendar-months .vanilla-calendar-months__month.vanilla-calendar-months__month_selected,.months_calendar .vanilla-calendar-months .vanilla-calendar-years__year.vanilla-calendar-years__year_selected,.months_calendar .vanilla-calendar-months .vanilla-calendar-months__month.vanilla-calendar-months__month_selected:hover,.months_calendar .vanilla-calendar-months .vanilla-calendar-years__year.vanilla-calendar-years__year_selected:hover {
    border:1px solid var(--rojo);
    background-color:var(--neutral-n30);
    color:var(--rojo)
}
.vanilla-calendar-day {
    font-family:var(--font-numbers)
}
.vanilla-calendar {
    background-color:transparent;
    padding:.25rem
}
.vanilla-calendar button:focus-visible {
    outline-color:var(--rojo)
}
.vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-month,.vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-year,.vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-month:hover,.vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-year:hover,.vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-month.vanilla-calendar-month_disabled,.vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-year.vanilla-calendar-year_disabled {
    color:var(--rojo)
}
.vanilla-calendar-arrow:before {
    background-color:var(--neutral-n50)
}
.vanilla-calendar-arrow:hover:before {
    background-color:var(--rojo)
}
.vanilla-calendar-header__content,.vanilla-calendar-month,.vanilla-calendar-year {
    color:var(--topacio)
}
.vanilla-calendar-month:hover,.vanilla-calendar-year:hover,.vanilla-calendar-month.vanilla-calendar-month_not-active,.vanilla-calendar-year.vanilla-calendar-year_not-active {
    color:var(--neutral-n70)
}
.vanilla-calendar-month.vanilla-calendar-month_disabled,.vanilla-calendar-year.vanilla-calendar-year_disabled {
    color:var(--neutral-n30)
}
.vanilla-calendar-months__month,.vanilla-calendar-years__year {
    background-color:transparent;
    color:var(--topacio)
}
.vanilla-calendar-months__month:hover,.vanilla-calendar-years__year:hover {
    background-color:var(--neutral-n50);
    color:var(--blanco)
}
.vanilla-calendar-months__month.vanilla-calendar-months__month_selected,.vanilla-calendar-years__year.vanilla-calendar-years__year_selected,.vanilla-calendar-months__month.vanilla-calendar-months__month_selected:hover,.vanilla-calendar-years__year.vanilla-calendar-years__year_selected:hover {
    background-color:var(--rojo);
    color:var(--blanco)
}
.vanilla-calendar-months__month.vanilla-calendar-months__month_disabled,.vanilla-calendar-years__year.vanilla-calendar-years__year_disabled {
    color:var(--neutral-n30)
}
.vanilla-calendar-months__month.vanilla-calendar-months__month_disabled:hover,.vanilla-calendar-years__year.vanilla-calendar-years__year_disabled:hover {
    color:var(--neutral-n30)
}
.vanilla-calendar-week-numbers__title,.vanilla-calendar-week-number {
    color:var(--topacio)
}
.vanilla-calendar-week-number:hover {
    color:#cbd5e1
}
.vanilla-calendar-week__day {
    color:var(--topacio)
}
.vanilla-calendar-day__btn {
    color:var(--neutral-n70);
    width:auto;
    border-radius:50%;
    pointer-events:none
}
.vanilla-calendar-day__btn:hover {
    background-color:var(--transparency-t5)
}
.vanilla-calendar-day__btn.day_event,.vanilla-calendar-day__btn:hover.day_event {
    pointer-events:all;
    background-color:var(--neutral-n30);
    color:var(--topacio)
}
.vanilla-calendar-day__btn_today {
    color:var(--topacio);
    border:1px solid var(--topacio);
    font-weight:700
}
.vanilla-calendar-day__btn_today:hover {
    background-color:var(--transparency-t5)
}
.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_prev,.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_next,.vanilla-calendar-day__btn_prev,.vanilla-calendar-day__btn_next {
    color:var(--neutral-n90)
}
.vanilla-calendar-day__btn_disabled {
    color:var(--neutral-n90-t50)
}
.vanilla-calendar-day__btn_hover {
    background-color:var(--transparency-t5)
}
.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_disabled,.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_disabled {
    color:var(--neutral-n90-t50)
}
.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled,.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled {
    color:var(--neutral-n90-t50)
}
.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev,.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev,.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next,.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next {
    color:var(--neutral-n90)
}
.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_disabled,.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_disabled,.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_disabled,.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_disabled {
    color:var(--neutral-n90-t50)
}
.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected,.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected,.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected:hover,.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected:hover {
    background-color:var(--rojo);
    color:var(--blanco)
}
.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate,.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate,.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate:hover,.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate:hover {
    background-color:var(--rojo);
    color:var(--blanco)
}
.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover,.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover {
    background-color:var(--rojo);
    color:var(--blanco)
}
.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate,.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate,.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate,.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate,.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate:hover,.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate:hover,.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate:hover,.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate:hover {
    background-color:#1e293b;
    color:#cbd5e1
}
.vanilla-calendar-day__btn_selected,.vanilla-calendar-day__btn_selected:hover,.vanilla-calendar-day__btn_selected.day_event,.vanilla-calendar-day__btn_selected:hover.day_event {
    background-color:var(--rojo);
    color:var(--blanco)
}
.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate,.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate:hover {
    background-color:var(--rojo);
    color:var(--blanco)
}
.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev,.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next,.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover,.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover {
    background-color:var(--rojo);
    color:var(--blanco)
}
.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_intermediate,.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_intermediate,.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_intermediate:hover,.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_intermediate:hover {
    background-color:var(--rojo);
    color:var(--blanco)
}
.vanilla-calendar-day__popup {
    color:var(--blanco);
    width:auto;
    white-space:nowrap
}
.vanilla-calendar-day__popup:before {
    background-color:var(--neutral-n90)
}
.vanilla-calendar-day__popup:after {
    border-bottom-color:var(--neutral-n90)
}
.vanilla-calendar-time {
    border-color:#1e293b
}
.vanilla-calendar-time__hours:after {
    content:'';
    color:#fff
}
.vanilla-calendar-time__hours input,.vanilla-calendar-time__minutes input {
    background-color:#0f172a;
    color:#fff
}
.vanilla-calendar-time__hours input:hover,.vanilla-calendar-time__minutes input:hover {
    background-color:#334155
}
.vanilla-calendar-time__hours input:focus-visible,.vanilla-calendar-time__minutes input:focus-visible {
    outline-color:#fdba74
}
.vanilla-calendar-time__hours input.vanilla-calendar-is-focus,.vanilla-calendar-time__minutes input.vanilla-calendar-is-focus {
    background-color:#334155
}
.vanilla-calendar-time__keeping {
    color:#64748b
}
.vanilla-calendar-time__keeping:hover {
    background-color:#334155;
    color:#94a3b8
}
.vanilla-calendar-time__keeping:focus-visible {
    outline-color:#fdba74
}
.vanilla-calendar-time__range input {
    background-color:#0f172a
}
.vanilla-calendar-time__range:before,.vanilla-calendar-time__range:after {
    background-color:#475569
}
.vanilla-calendar-time__range:hover input::-webkit-slider-thumb {
    border-color:#94a3b8
}
.vanilla-calendar-time__range:hover input::-moz-range-thumb {
    border-color:#94a3b8
}
.vanilla-calendar-time__range input:focus-visible::-webkit-slider-thumb {
    border-color:#fdba74
}
.vanilla-calendar-time__range input:focus-visible::-moz-range-thumb {
    border-color:#fdba74
}
.vanilla-calendar-time__range input::-webkit-slider-thumb {
    border-color:#475569;
    background-color:#1e293b
}
.vanilla-calendar-time__range input::-moz-range-thumb {
    border-color:#475569;
    background-color:#1e293b
}
.vanilla-calendar-time__range input::-webkit-slider-runnable-track {
    background-color:#475569
}
.vanilla-calendar-time__range input::-moz-range-track {
    background-color:#475569
}
main.bg_rojo {
    margin-top:-2.75rem
}
.sobre_mahou__hero {
    margin:5rem 0;
    display:flex;
    flex-direction:column;
    align-items:center
}
.sobre_mahou__hero .header__section {
    width:90%;
    max-width:90rem;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr
}
.sobre_mahou__hero .header__section .header__section_bg {
    grid-column:1;
    grid-row:1;
    border-radius:.5rem;
    overflow:hidden
}
.sobre_mahou__hero .header__section .header__section_bg img {
    width:100%;
    height:100%;
    object-fit:cover
}
.sobre_mahou__hero .header__section .header__section_bg img.from-left {
    object-position:0 50%
}
.sobre_mahou__hero .header__section .header__section_bg img.from-right {
    object-position:100% 50%
}
.sobre_mahou__hero .header__section .header__section_content {
    grid-column:1;
    grid-row:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    max-width:100%;
    padding:2.5rem 0;
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    color:var(--blanco);
    text-align:center
}
.sobre_mahou__hero .header__section .header__section_content .titular {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:3rem;
    line-height:1;
    font-size:7.5rem;
    text-transform:uppercase
}
.sobre_mahou__hero .header__section .header__section_content .name {
    font-family:var(--font-primary);
    font-weight:500;
    font-size:.6875rem;
    line-height:1.5;
    text-transform:uppercase;
    font-size:.875rem;
    color:var(--transparency-t50)
}
.sobre_mahou__hero .header__section .header__section_content .text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:1rem;
    line-height:1.6;
    max-width:100ch
}
.sobre_mahou__intro {
    display:grid;
    justify-items:center;
    margin-bottom:5rem;
    position:relative;
    text-align:center;
    z-index:100
}
.sobre_mahou__banners {
    margin:0 auto 5rem auto;
    max-width:90rem;
    width:90%
}
.sobre_mahou__banners .wrapper {
    display:grid;
    gap:.75rem;
    grid-template-columns:1fr 1fr 2fr;
    justify-items:center
}
.sobre_mahou__banners .wrapper .horizontales {
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:repeat(3, auto)
}
.sobre_mahou__banners .wrapper .horizontales .horizontal:last-child {
    margin-bottom:0
}
.sobre_mahou__banners .wrapper .banner {
    background-color:var(--rojo-emphasis-hover);
    border:1px solid var(--transparency-t20);
    color:var(--blanco);
    border-radius:.5rem;
    display:block;
    padding:.5rem
}
.sobre_mahou__banners .wrapper .banner .foto {
    border-radius:.5rem;
    overflow:hidden;
    height:100%
}
.sobre_mahou__banners .wrapper .banner .foto img {
    width:100%;
    height:100%;
    object-fit:cover
}
.sobre_mahou__banners .wrapper .banner .foto img.from-left {
    object-position:0 50%
}
.sobre_mahou__banners .wrapper .banner .foto img.from-right {
    object-position:100% 50%
}
.sobre_mahou__banners .wrapper .banner.horizontal {
    margin-bottom:.75rem
}
.sobre_mahou__banners .wrapper .banner.horizontal .container {
    align-items:start;
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr;
    gap:2rem
}
.sobre_mahou__banners .wrapper .banner.horizontal .container .foto {
    grid-column:1;
    grid-row:1;
    align-self:center;
    text-align:center;
    background-color:var(--neutral-n5)
}
.sobre_mahou__banners .wrapper .banner.horizontal .container .foto:has(.ilustracion) {
    max-height:12.5rem
}
.sobre_mahou__banners .wrapper .banner .icono {
    margin-bottom:-.625rem;
    text-align:right
}
.sobre_mahou__banners .wrapper .banner .container {
    align-items:end;
    display:grid;
    grid-template-rows:1fr auto;
    height:97%;
    padding:0 1rem 1rem 1rem;
    row-gap:1rem
}
.sobre_mahou__banners .wrapper .banner .container .texto {
    align-self:start
}
.sobre_mahou__banners .wrapper .banner .container .pre-title {
    font-family:var(--font-primary);
    font-weight:500;
    font-size:.6875rem;
    line-height:1.5;
    margin-bottom:.5rem;
    text-transform:uppercase
}
.sobre_mahou__banners .wrapper .banner .container .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    margin-bottom:1rem
}
.sobre_mahou__banners .wrapper .banner .container .description {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5
}
.sobre_mahou__banners .wrapper .banner .container .imagen.ilustracion {
    object-fit:contain
}
@media only screen and (max-width: 1360px) {
    .sobre_mahou__banners {
        margin:0 auto 5rem auto;
        max-width:40.625rem;
        width:90%
    }
    .sobre_mahou__banners .wrapper {
        grid-template-columns:1fr 1fr
    }
    .sobre_mahou__banners .wrapper .horizontales {
        grid-column:1/-1
    }
    .sobre_mahou__banners .wrapper .horizontales .horizontal .container .description {
        margin-bottom:0
    }
    .sobre_mahou__banners .wrapper .banner .container .description {
        margin-bottom:2rem
    }
}
@media only screen and (max-width: 1024px) {
    .sobre_mahou__hero .header__section .header__section_content .titular {
        font-size:4rem
    }
}
@media only screen and (max-width: 860px) {
    .sobre_mahou__hero .header__section .header__section_content {
        grid-template-columns:1fr;
        grid-template-rows:auto 1fr auto
    }
    .sobre_mahou__hero .header__section .header__section_content .titular:nth-child(1) {
        grid-column:1;
        margin-top:4rem
    }
    .sobre_mahou__hero .header__section .header__section_content .titular:nth-child(2) {
        grid-column:1;
        margin-bottom:6.25rem
    }
    .sobre_mahou__intro {
        margin-bottom:1.5rem
    }
    .sobre_mahou__banners .wrapper .banner {
        margin-bottom:1.5rem
    }
    .sobre_mahou__banners .wrapper .banner.horizontal .container .foto {
        grid-row:1;
        grid-column:1
    }
    .sobre_mahou__banners .wrapper .banner.horizontal .container .description {
        margin-bottom:2rem
    }
}
@media only screen and (max-width: 570px) {
    .sobre_mahou__hero .header__section .header__section_bg {
        max-height:none
    }
    .sobre_mahou__hero .header__section .header__section_content {
        max-height:none;
        padding:1rem 0
    }
    .sobre_mahou__hero .header__section .header__section_content .titular:nth-child(1) {
        grid-column:1
    }
    .sobre_mahou__hero .header__section .header__section_content .titular:nth-child(2) {
        grid-column:1;
        margin-bottom:6.25rem
    }
    .sobre_mahou__banners .wrapper {
        display:block;
        width:100%;
        max-width:20rem;
        margin:0 auto
    }
    .sobre_mahou__banners .wrapper .banner.horizontal .container {
        grid-template-columns:1fr
    }
}
.campanas__header {
    margin-top:-2.75rem
}
.campanas__header .header__section_content {
    display:grid;
    grid-template-rows:1fr auto auto;
    align-items:center;
    justify-items:center
}
.campanas__header .header__section_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    color:var(--blanco);
    text-align:center;
    font-style:normal
}
.campanas__header .header__section_logo {
    width:9.5rem
}
.campanas__header .header__section_bg::after {
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    height:50%;
    width:100%;
    background:linear-gradient(180deg, rgba(41,36,30,0) 10%, #29241E 100%);
    z-index:10
}
@media screen and (min-width: 1920px) {
    .campanas__header .header__section .header__section_bg {
        max-height:40rem
    }
}
.campanas__intro {
    display:grid;
    justify-items:center;
    margin-bottom:2.5rem;
    text-align:center
}
.campanas__intro .intro_name {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-transform:uppercase;
    color:var(--color-accent)
}
.newfonts .campanas__intro .intro_name {
    font-weight:600
}
.campanas__intro .header_intro,.campanas__intro .intro_gaming_box {
    margin-top:-1.25rem;
    padding-inline:5rem;
    background-color:var(--color-bg-input)
}
.campanas__subhome_header {
    margin-top:-2.75rem
}
.campanas__subhome_header .header__section_content {
    color:var(--blanco);
    text-align:center;
    justify-content:center
}
.campanas__subhome_header .header__section .header__section_bg {
    min-height:33.125rem
}
.campanas__subhome_header .header__section .header__section_bg::after {
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    height:50%;
    width:100%;
    background:var(--gradient-fadeout);
    z-index:10
}
.campanas__subhome_header .header__section .header__section_bg .bg_video {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:50% 50%
}
@media screen and (min-width: 1920px) {
    .campanas__subhome_header .header__section .header__section_bg {
        max-height:40rem
    }
}
.campanas__subhome_header .header__section .header__section_bg .bg_image {
    object-position:50% 50%
}
.campanas__subhome_header .header__section_logo {
    width:13rem;
    height:auto
}
.campanas__subhome_header .header__section_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    font-style:normal;
    padding-top:5rem
}
.campanas__subhome_header .header__section_description {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    width:80%
}
.campanas__home_banners {
    padding:5rem 0
}
.campanas__home_banners .campanas_intro {
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:1rem;
    text-align:center
}
.campanas__home_banners .campanas_intro .intro_name {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    color:var(--rojo);
    text-transform:uppercase
}
.newfonts .campanas__home_banners .campanas_intro .intro_name {
    font-weight:600
}
.campanas__home_banners .campanas_intro .intro_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12
}
.campanas__home_banners .container {
    margin:0 auto;
    width:90%
}
.campanas__home_banners .swiper-wrapper:not(:has(:nth-child(5))) {
    justify-content:center
}
.campanas__home_banners .banner_text_content {
    color:var(--blanco)
}
.campanas__home_banners .banner_text_content .banner_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2rem;
    line-height:1.12
}
.campanas__home_banners .banner_text_content .banner_subtitle {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04
}
.campanas__home_banners .planes_banner {
    max-width:20rem;
    width:100%;
    height:auto
}
.campanas__home_banners .planes_banner:first-child {
    margin-left:0
}
.pildoras__section {
    border-bottom:1px solid var(--color-lines);
    display:flex;
    justify-content:center
}
.pildoras__section:last-child {
    border-bottom:0
}
.pildoras__section .pildoras__container {
    padding:5rem 0;
    max-width:90%;
    overflow:hidden;
    display:flex;
    color:var(--topacio)
}
.pildoras__section .pildoras_text {
    padding:5rem 1.5rem;
    max-width:26.875rem
}
.pildoras__section .pildoras_text .pildora_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    color:var(--color-accent)
}
.pildoras__section .pildoras_text .pildora_subtitle {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    padding:1.5rem 0;
    color:var(--color-primary)
}
.pildoras__section .pildoras_text .pildora_text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    color:var(--color-primary)
}
.pildoras__section .pildoras_text [class^="button"] {
    margin-top:1.5rem
}
.pildoras__section .pildoras_swiper {
    padding:2.5rem 0;
    max-width:100%
}
.pildoras__section .pildoras_swiper .swiper-slide {
    width:auto
}
.pildoras__section .pildoras_swiper .swiper-slide img {
    border-radius:.5rem
}
.collage_container {
    padding:6.25rem 0;
    width:90%;
    margin:0 auto
}
.collage_container .collage_box {
    max-width:54.375rem;
    margin:0 auto
}
.collage_container .collage_box .collage_row {
    display:flex;
    gap:.625rem;
    padding-bottom:.25rem
}
.collage_container .collage_box .collage_row .collage-radius {
    width:100%;
    border-radius:.5rem
}
.collage_container .collage_box .collage_row .collage_three_column {
    display:flex;
    gap:.625rem
}
.collage_container .collage_box .collage_row .collage-img01,.collage_container .collage_box .collage_row .collage-img04,.collage_container .collage_box .collage_row .collage-img09 {
    width:20rem
}
.collage_container .collage_box .collage_row .collage-img02,.collage_container .collage_box .collage_row .collage-img03,.collage_container .collage_box .collage_row .collage-img08 {
    width:33.75rem
}
.collage_container .collage_box .collage_row .collage-img05 {
    width:26.875rem
}
.collage_container .collage_box .collage_row .collage-img06,.collage_container .collage_box .collage_row .collage-img07 {
    width:13.125rem
}
.campanas__banner_cierre {
    display:flex;
    justify-content:center;
    padding:5rem 1.5rem
}
.campanas__banner_cierre .banner_content {
    max-width:82rem;
    width:100%;
    height:26.875rem
}
.campanas__banner_cierre .banner_content .banner_bg {
    width:100%;
    border-radius:.5rem
}
.campanas__banner_cierre .banner_text {
    max-width:47.5rem
}
.campanas__banner_cierre .banner_text .banner_text_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12
}
.campanas__banner_cierre .banner_text .banner_text_subtitle {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04
}
.cancion_spotify {
    display:flex;
    justify-content:center;
    align-items:center;
    padding:5rem 1.5rem;
    gap:5rem;
    border-top:1px solid var(--color-lines)
}
.cancion_spotify .cancion_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    color:var(--rojo);
    max-width:21.25rem
}
.cancion_spotify .spotify_player {
    max-width:25rem;
    width:100%
}
@media only screen and (max-width: 860px) {
    .collage_container .collage_box .collage_row .collage-img06,.collage_container .collage_box .collage_row .collage-img07 {
        width:100%
    }
    .pildoras__section .pildoras__container {
        flex-direction:column
    }
    .pildoras__section .pildoras_text {
        padding:0rem 1.5rem;
        order:1
    }
    .pildoras__section .pildoras_swiper {
        order:2
    }
}
@media only screen and (max-width: 570px) {
    .campanas__subhome_header .header__section_content:has(:only-child) {
        align-self:end;
        padding-bottom:5rem
    }
    .campanas__home_banners .swiper-wrapper {
        justify-content:flex-start
    }
    .campanas__home_banners .swiper-wrapper:not(:has(:nth-child(5))) {
        justify-content:flex-start
    }
    .campanas__home_banners .campanas_intro {
        width:90%;
        text-align:left;
        gap:0
    }
    .campanas__intro .header_intro,.campanas__intro .intro_gaming_box {
        padding-inline:2.5rem
    }
    .pildoras__section .pildoras__container {
        padding:2.5rem 0
    }
    .campanas__banner_cierre .banner_text {
        justify-content:flex-end
    }
    .campanas__banner_cierre .banner_text .banner_text_title br {
        display:none
    }
    .cancion_spotify {
        flex-direction:column;
        gap:2.5rem
    }
}
@media only screen and (max-width: 420px) {
    .collage_container .collage_box .collage_row {
        flex-direction:column;
        gap:0rem;
        align-items:center;
        padding-bottom:0rem
    }
    .collage_container .collage_box .collage_row .collage_three_column {
        gap:.625rem
    }
    .collage_container .collage_box .collage_row [class^="collage-img"] {
        width:100%
    }
}
.curiosidades__header {
    width:90%;
    max-width:68.75rem;
    margin:2rem auto;
    display:flex;
    flex-direction:column;
    align-items:center
}
.curiosidades__header .header_intro,.curiosidades__header .intro_gaming_box {
    text-align:center
}
.curiosidades__header .header_intro .intro_title,.curiosidades__header .intro_gaming_box .intro_title {
    max-width:35.625rem
}
.curiosidades__header .header_intro .intro_name,.curiosidades__header .intro_gaming_box .intro_name {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-transform:uppercase;
    color:var(--ocre)
}
.newfonts .curiosidades__header .header_intro .intro_name,.newfonts .curiosidades__header .intro_gaming_box .intro_name {
    font-weight:600
}
.curiosidades__header .header_intro .intro_text,.curiosidades__header .intro_gaming_box .intro_text {
    color:var(--neutral-n70)
}
.header_main {
    text-align:center;
    display:grid;
    grid-template-columns:1fr auto 1fr;
    width:100%
}
.header_main .main_text {
    grid-column:2
}
.header_main .main_name {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-transform:uppercase;
    color:var(--rojo)
}
.newfonts .header_main .main_name {
    font-weight:600
}
.header_main .main_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:4rem;
    line-height:1
}
.header_main .main_img {
    grid-column:3;
    justify-self:end;
    max-width:20.25rem
}
.header_main .main_img img {
    width:100%;
    height:100%;
    object-fit:contain
}
.curiosidades__cards {
    overflow:hidden
}
.curiosidades__cards .cards_main {
    width:20.4375rem;
    margin-block:4rem
}
.curiosidades__cards .cards_main .card {
    background-color:var(--blanco);
    border-radius:.5rem;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    align-items:center
}
.curiosidades__cards .cards_main .card_header {
    text-align:center;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:auto auto;
    align-items:center
}
.curiosidades__cards .cards_main .card_header .card_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.04em;
    font-size:2.625rem;
    line-height:0.95;
    text-transform:uppercase;
    color:var(--rojo);
    grid-row:1;
    grid-column:1;
    padding:1.125rem 1.125rem 0 1.125rem
}
.curiosidades__cards .cards_main .card_header .card_name {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    font-weight:500;
    text-transform:uppercase;
    grid-row:2;
    grid-column:1;
    align-self:self-start
}
.curiosidades__cards .cards_main .card_header .card_img {
    width:100%;
    height:auto;
    grid-row:1/-1;
    grid-column:1
}
.curiosidades__cards .cards_main .card_header .card_img img {
    width:100%;
    height:100%;
    object-fit:contain
}
.curiosidades__cards .cards_main .card_table {
    padding:0 1.5rem 1.5rem 1.5rem;
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    display:flex;
    flex-direction:column
}
.curiosidades__cards .cards_main .card_table .card_row {
    display:grid;
    grid-template-columns:6rem 1fr;
    row-gap:1rem;
    padding-block:1rem;
    border-top:1px solid var(--ocre-claro)
}
.curiosidades__cards .cards_main .card_table .row_text {
    color:var(--neutral-n70)
}
.curiosidades__cards .cards_main .card_table .final_row {
    display:flex;
    justify-content:space-between;
    gap:.5rem;
    padding-top:1rem;
    border-top:1px solid var(--ocre-claro)
}
.curiosidades__cards .cards_main .card_table .final_row .row_title br {
    display:none
}
.curiosidades__cards .cards_icons {
    --card-number: 6;
    --card-width: 8rem;
    --card-gap: .75rem;
    width:calc(var(--card-width) * var(--card-number) + var(--card-gap) * (var(--card-number) - 1));
    margin-block:2rem;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:var(--card-gap)
}
.curiosidades__cards .cards_icons .card_icon {
    width:var(--card-width) !important;
    height:var(--card-width);
    background-color:var(--blanco);
    border-radius:.5rem;
    overflow:hidden
}
.curiosidades__cards .cards_icons .card_icon .card_content {
    text-align:center;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr;
    place-items:center
}
.curiosidades__cards .cards_icons .card_icon .card_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.04em;
    font-size:1rem;
    line-height:0.95;
    text-transform:uppercase;
    color:var(--neutral-n70);
    grid-row:1;
    grid-column:1;
    padding:1.5rem .75rem;
    user-select:none
}
.curiosidades__cards .cards_icons .card_icon.active .card_title {
    color:var(--rojo)
}
.curiosidades__cards .cards_icons .card_icon .card_img {
    width:100%;
    height:auto;
    grid-row:1;
    grid-column:1
}
.curiosidades__cards .cards_icons .card_icon .card_img img {
    width:100%;
    height:100%;
    object-fit:contain
}
.curiosidades__cards .cards_icons .current-number {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5
}
.curiosidades__cards .nav_buttons .swiper-button-next {
    margin-right:-50%
}
.curiosidades__cards .nav_buttons .swiper-button-next::after {
    content:"\e90e";
    font-family:'Icon' !important;
    font-size:1.5rem;
    color:var(--rojo);
    border:1px solid var(--rojo);
    border-radius:50%;
    padding:.5rem
}
.curiosidades__cards .nav_buttons .swiper-button-prev {
    margin-left:-50%
}
.curiosidades__cards .nav_buttons .swiper-button-prev::after {
    content:"\e90c";
    font-family:'Icon' !important;
    font-size:1.5rem;
    color:var(--rojo);
    border:1px solid var(--rojo);
    border-radius:50%;
    padding:.5rem
}
@media only screen and (max-width: 860px) {
    .header_main {
        grid-template-columns:1fr
    }
    .header_main .main_text {
        grid-column:1
    }
    .header_main .main_img {
        grid-column:1
    }
    .curiosidades__cards .cards_icons {
        width:90%
    }
    .curiosidades__cards .nav_buttons {
        display:none
    }
    .curiosidades__cards .nav_buttons .swiper-button-next {
        margin-right:0
    }
    .curiosidades__cards .nav_buttons .swiper-button-prev {
        margin-left:0
    }
}
@media only screen and (max-width: 570px) {
    .curiosidades__header .header_intro,.curiosidades__header .intro_gaming_box {
        margin-top:-3rem;
        text-align:left
    }
    .header_main .main_title {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:3rem;
        line-height:1
    }
    .header_main .main_img {
        max-width:15rem
    }
    .curiosidades__cards .cards_main {
        width:80%;
        margin-block:2rem
    }
    .curiosidades__cards .cards_main .card_header .card_title {
        font-size:2.5rem
    }
    .curiosidades__cards .cards_main .card_table {
        padding:0 1rem 1rem 1rem
    }
    .curiosidades__cards .cards_main .card_table .card_row {
        column-gap:.5rem;
        padding-block:.5rem
    }
}
@media only screen and (max-width: 320px) {
    .curiosidades__cards .cards_main .card_header .card_title {
        font-size:2.5rem
    }
}
main {
    --nav-height: 7.625rem
}
.cta_icon {
    border-radius:50%;
    width:1.5rem;
    height:1.5rem;
    display:flex;
    flex-direction:column;
    align-items:center
}
.cta_icon i {
    display:block
}
.inner_content {
    max-width:40.625rem;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-around;
    text-align:center;
    padding-top:2rem;
    padding-bottom:1rem
}
.historia__intro {
    width:90%;
    margin:0 auto;
    min-height:calc(100vh - var(--nav-height));
    margin-top:var(--nav-height);
    display:grid;
    place-items:center
}
.historia__intro .intro_name {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-transform:uppercase;
    color:var(--rojo)
}
.newfonts .historia__intro .intro_name {
    font-weight:600
}
.historia__intro .intro_main {
    display:flex;
    flex-direction:column;
    align-items:center;
    max-width:23.75rem;
    margin:1.5rem 0
}
.historia__intro .intro_main img {
    width:100%;
    height:100%;
    object-fit:contain
}
.historia__intro .intro_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:5rem;
    line-height:1;
    color:var(--rojo)
}
.historia__intro .intro_cta {
    display:grid;
    place-items:center;
    row-gap:.5rem
}
.historia__intro .intro_cta .cta_icon {
    color:var(--ocre);
    background-color:var(--blanco)
}
.historia__nav {
    width:100%;
    padding:1.25rem .625rem;
    top:7.625rem;
    z-index:1;
    position:fixed;
    opacity:0
}
.historia__nav .nav_year {
    font-family:var(--font-secondary);
    font-size:1.5rem;
    color:var(--neutral-n50)
}
.historia__nav .nav_year.active {
    color:var(--color-text)
}
.historia__nav .year_btn {
    text-align:center;
    cursor:pointer;
    user-select:none
}
.historia_text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    color:var(--neutral-n70)
}
.historia_text strong {
    color:var(--color-text);
    font-weight:normal
}
.historia__years {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    min-height:calc(95vh - var(--nav-height));
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    pointer-events:none
}
.historia__years .inner_content {
    width:90%;
    justify-content:center;
    gap:1.5rem;
    padding-top:11.875rem;
    pointer-events:none
}
.historia__years .cta_icon {
    color:var(--ocre-claro);
    border:1px solid var(--ocre-claro);
    justify-self:start
}
.year_texts {
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:auto
}
.year_texts .year_text {
    grid-column:1;
    grid-row:1;
    opacity:0;
    transition:opacity 0.3s ease-in-out
}
.year_texts .year_text.active .historia_text {
    background-color:rgba(243,243,241,0.7)
}
.year_texts .year_text .historia_text {
    padding:.5rem;
    border-radius:.5rem
}
.year_texts .year_text.active {
    opacity:1
}
.year_evento {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    color:var(--rojo);
    text-align:center
}
.year_numero {
    height:16.5625rem;
    display:grid;
    grid-template-columns:repeat(4, 8.75rem);
    align-content:center;
    overflow:hidden;
    color:var(--rojo);
    pointer-events:none
}
.digit {
    position:relative;
    text-align:center;
    margin-left:.625rem;
    height:16.5625rem;
    font-family:var(--font-secondary);
    font-size:16.5625rem;
    display:grid;
    place-items:center;
    --space:-1.25rem
}
.digit span {
    display:block;
    text-align:center;
    line-height:16.5625rem
}
.digit.cen span {
    margin-left:calc(var(--space) * 1)
}
.digit.dec span {
    margin-left:calc(var(--space) * 2)
}
.digit.uni span {
    margin-left:calc(var(--space) * 3)
}
.year_eventos {
    display:grid;
    grid-template-columns:1fr
}
.year_eventos .year_evento {
    grid-column:1;
    grid-row:1;
    opacity:0;
    transition:opacity 0.3s ease-in-out
}
.year_eventos .year_evento.active {
    opacity:1
}
.historia__photos {
    margin-top:50vh;
    overflow:hidden;
    pointer-events:none
}
.historia__photos img {
    width:100%;
    height:100%;
    object-fit:contain
}
.historia__photos img {
    max-height:80vh
}
.historia__photos [class^="year_"] {
    display:grid;
    grid-template-columns:33% 1fr 33%;
    min-height:calc(100vh - var(--nav-height))
}
.historia__photos [class^="year_"] .left-interior-5 {
    margin-left:5%
}
.historia__photos [class^="year_"] .left-interior-10 {
    margin-left:10%
}
.historia__photos [class^="year_"] .left-interior-15 {
    margin-left:15%
}
.historia__photos [class^="year_"] .left-interior-20 {
    margin-left:20%
}
.historia__photos [class^="year_"] .left-exterior-5 {
    margin-left:-5%
}
.historia__photos [class^="year_"] .left-exterior-10 {
    margin-left:-10%
}
.historia__photos [class^="year_"] .left-exterior-15 {
    margin-left:-15%
}
.historia__photos [class^="year_"] .left-exterior-20 {
    margin-left:-20%
}
.historia__photos [class^="year_"] .right-interior-5 {
    margin-right:5%
}
.historia__photos [class^="year_"] .right-interior-10 {
    margin-right:10%
}
.historia__photos [class^="year_"] .right-interior-15 {
    margin-right:15%
}
.historia__photos [class^="year_"] .right-interior-20 {
    margin-right:20%
}
.historia__photos [class^="year_"] .right-exterior-5 {
    margin-right:-5%
}
.historia__photos [class^="year_"] .right-exterior-10 {
    margin-right:-10%
}
.historia__photos [class^="year_"] .right-exterior-15 {
    margin-right:-15%
}
.historia__photos [class^="year_"] .right-exterior-20 {
    margin-right:-20%
}
.historia__photos .col1 {
    grid-column:1 / 2;
    grid-row:1
}
.historia__photos .col2 {
    grid-column:3 / 4;
    grid-row:2
}
.historia__photos .inverse .col1 {
    grid-row:2
}
.historia__photos .inverse .col2 {
    grid-row:1
}
.historia__photos #end {
    grid-template-columns:1fr;
    grid-template-rows:1fr auto auto;
    justify-items:center;
    margin-bottom:10vh
}
.historia__photos #end .end_text {
    grid-column:1;
    grid-row:2;
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    color:var(--color-text);
    text-align:center
}
.historia__photos #end .volver_btn {
    grid-column:1;
    grid-row:3;
    margin-bottom:3rem;
    cursor:pointer;
    width:2rem;
    height:2rem;
    border:1px solid var(--color-text);
    border-radius:50%;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 23.2c-.9 0-1.74-.17-2.53-.51a6.51 6.51 0 0 1-3.45-3.45 6.32 6.32 0 0 1-.51-2.53h.81c0 1.58.55 2.92 1.65 4.03 1.1 1.1 2.44 1.65 4.03 1.65s2.92-.55 4.02-1.65c1.1-1.1 1.65-2.44 1.65-4.03s-.55-2.92-1.65-4.03c-1.1-1.1-2.44-1.65-4.02-1.65h-.31l1.32 1.32-.57.58-2.31-2.32 2.34-2.32.57.58-1.35 1.35H16c.9 0 1.74.17 2.53.51a6.51 6.51 0 0 1 3.45 3.45c.34.79.51 1.63.51 2.53s-.17 1.74-.51 2.53a6.51 6.51 0 0 1-3.45 3.45c-.79.34-1.63.51-2.53.51Z' style='stroke-width:0;
    fill:%2329241e'/%3E%3C/svg%3E");
    transform:rotate(0);
    transition:transform 0.4s ease-in-out;
    pointer-events:all
}
.historia__photos #end .volver_btn:hover {
    transform:rotate(-360deg)
}
@media only screen and (max-height: 800px) {
    .historia__years .inner_content {
        gap:1.25rem
    }
    .year_numero {
        height:11.25rem;
        grid-template-columns:repeat(4, 6.875rem)
    }
    .digit {
        height:11.25rem;
        font-size:12.5rem
    }
    .digit span {
        line-height:11.25rem
    }
}
@media only screen and (max-width: 860px) {
    .historia__years .inner_content {
        gap:1.25rem
    }
    .year_numero {
        height:11.25rem;
        grid-template-columns:repeat(4, 6.875rem)
    }
    .digit {
        height:11.25rem;
        font-size:12.5rem
    }
    .digit span {
        line-height:11.25rem
    }
}
@media only screen and (max-width: 570px) {
    .inner_content {
        padding-top:1rem;
        gap:.75rem;
        height:95%
    }
    .historia__intro {
        min-height:calc(95vh - var(--nav-height))
    }
    .historia__intro .intro_main {
        max-width:14.375rem;
        margin:.5rem 0
    }
    .historia__intro .intro_title {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:3rem;
        line-height:1
    }
    .historia__intro .intro_img {
        margin-top:-.75rem
    }
    .historia_text {
        font-family:var(--font-primary);
        font-weight:normal;
        letter-spacing:-0.01em;
        font-size:.75rem;
        line-height:1.5
    }
    .historia__years .inner_content {
        padding-top:10.625rem
    }
    .year_numero {
        height:8.75rem;
        grid-template-columns:repeat(4, 5rem)
    }
    .digit {
        height:8.75rem;
        font-size:9rem
    }
    .digit span {
        line-height:8.75rem
    }
    .year_eventos {
        align-items:center;
        width:80%;
        max-width:15rem
    }
    .historia__photos [class^="year_"] {
        grid-template-columns:40% 1fr 40%
    }
}
@media only screen and (max-width: 320px) {
    .historia__nav {
        padding:.625rem .3125rem
    }
    .historia__nav .nav_year {
        font-size:1.125rem
    }
    .year_evento {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:1rem;
        line-height:1.04
    }
    .year_numero {
        height:7.5rem;
        grid-template-columns:repeat(4, 3.75rem)
    }
    .digit {
        height:7.5rem;
        font-size:6.25rem
    }
    .digit span {
        line-height:7.5rem
    }
}
.nuestras__section {
    height:calc(100dvh - var(--nav-height));
    width:100%;
    display:flex;
    align-items:center;
    position:relative
}
.nuestras__section .swiper-slide {
    max-width:100vw;
    height:100%
}
.nuestras__section .swiper-wrapper {
    max-height:calc(100vh - var(--nav-height))
}
.slide_intro .intro_name {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-transform:uppercase;
    color:var(--rojo);
    grid-column:1/-1;
    grid-row:1;
    align-self:self-end;
    padding-bottom:1.5rem
}
.newfonts .slide_intro .intro_name {
    font-weight:600
}
.slide_intro .intro_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:5rem;
    line-height:1;
    grid-column:1/-1;
    grid-row:2/4;
    color:var(--rojo)
}
.slide_intro .intro_subtitle {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    color:var(--ocre);
    grid-column:1/-1;
    grid-row:5;
    align-self:self-start
}
.slide_intro>.historia_text {
    max-width:40.625rem;
    grid-column:1/-1;
    grid-row:6;
    padding-bottom:1rem
}
.slide_intro .intro_cta {
    grid-column:1/-1;
    grid-row:7;
    align-self:self-start;
    display:flex;
    align-items:center;
    gap:1rem;
    row-gap:.5rem
}
.slide_intro .intro_cta .cta_icon {
    color:var(--ocre);
    background-color:var(--blanco)
}
.slide_content {
    padding-top:2rem;
    display:grid;
    grid-template-columns:1fr auto 1fr;
    grid-template-rows:3.75rem 10rem auto auto 3rem 1fr 1fr;
    align-items:center;
    justify-items:center;
    max-width:100vw;
    text-align:center;
    max-height:calc(100vh - var(--nav-height))
}
.slide_content .nuestras_year {
    grid-column:2;
    grid-row:4;
    font-family:var(--font-secondary);
    font-size:8.75rem;
    display:grid;
    place-items:center;
    margin-left:1.5rem;
    height:17.5rem;
    color:var(--rojo)
}
.slide_content .nuestras_year::after {
    grid-column:2;
    content:'';
    width:3rem;
    height:3rem;
    margin-left:1.5rem;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M24 48C10.77 48 0 37.23 0 24S10.77 0 24 0s24 10.77 24 24-10.77 24-24 24Zm0-47C11.32 1 1 11.32 1 24s10.32 23 23 23 23-10.32 23-23S36.68 1 24 1Z' fill='%23d1ccbd' stroke-width='0'/%3E%3Ccircle cx='24' cy='24' r='3.43' fill='%23d1ccbd' stroke-width='0'/%3E%3C/svg%3E")
}
.slide_content .line_pre {
    grid-column:1;
    grid-row:4;
    width:100%;
    height:1px;
    background-color:var(--ocre-claro);
    position:relative
}
.slide_content .slide_title+.line_pre::after {
    content:'';
    display:block;
    position:absolute;
    right:0rem;
    top:-.375rem;
    width:.75rem;
    height:.75rem;
    background-color:var(--color-bg);
    border:1px solid var(--ocre-claro);
    border-radius:50%
}
.slide_content .line_post {
    grid-column:3;
    grid-row:4;
    width:100%;
    height:1px;
    background-color:var(--ocre-claro)
}
.slide_content .slide_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    color:var(--rojo);
    grid-column:1/-1;
    grid-row:2/3
}
.slide_content .slide_image {
    height:17.5rem;
    grid-column:2;
    grid-row:4
}
.slide_content .slide_image img {
    height:100%;
    object-fit:contain
}
.slide_content .slide_text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    color:var(--neutral-n70);
    max-width:40.625rem;
    grid-column:1/-1;
    grid-row:6/7
}
.slide_content .slide_text strong {
    color:var(--color-text);
    font-weight:normal
}
.nuestras__nav {
    width:100%;
    padding:1.25rem .625rem;
    top:0;
    z-index:100;
    position:absolute;
    opacity:0;
    transition:opacity .3s ease-in-out
}
.nuestras__nav.active {
    opacity:1
}
.nuestras__nav .nav_year {
    font-family:var(--font-secondary);
    font-size:1.5rem;
    color:var(--neutral-n50)
}
.nuestras__nav .nav_year.active {
    color:var(--color-text)
}
.nuestras__nav .year_btn {
    text-align:center;
    cursor:pointer;
    user-select:none
}
#cta_more {
    color:var(--ocre-claro);
    border:1px solid var(--ocre-claro);
    position:absolute;
    bottom:1.5rem;
    left:50%;
    transform:translateX(-50%);
    opacity:0;
    transition:opacity .3s ease-in-out
}
#cta_more.active {
    opacity:1
}
@media only screen and (max-width: 1366px) {
    .slide_intro .intro_title {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:2rem;
        line-height:1.12;
        width:90%
    }
    .slide_intro .intro_subtitle {
        width:80%;
        padding-bottom:1rem
    }
    .slide_intro>.historia_text {
        width:80%;
        padding-bottom:.5rem
    }
    .slide_intro .intro_cta {
        margin-bottom:1rem
    }
    .slide_content {
        padding-top:2rem;
        grid-template-rows:2.5rem 5rem auto auto auto 1fr auto
    }
    .slide_content .slide_title {
        align-self:start;
        width:80%
    }
    .slide_content .nuestras_year {
        font-size:5rem;
        height:12.5rem;
        margin-left:1.125rem
    }
    .slide_content .nuestras_year::after {
        width:1.75rem;
        height:1.75rem;
        margin-left:1.125rem
    }
    .slide_content .slide_image {
        height:12.5rem
    }
    .slide_content .slide_text {
        width:90%;
        padding-top:1rem
    }
    .nuestras__nav {
        padding:.75rem .5rem
    }
    #cta_more {
        bottom:2vh
    }
}
@media only screen and (max-width: 320px),(max-width: 375px) and (max-height: 700px) {
    .slide_intro .intro_name {
        font-size:.6875rem;
        padding-bottom:.5rem
    }
    .slide_intro .intro_subtitle {
        font-size:1.125rem
    }
    .slide_intro>.historia_text {
        font-size:.6875rem;
        line-height:1.4
    }
    .slide_content {
        padding-top:1rem;
        grid-template-rows:1.25rem 5rem auto auto auto 1fr auto
    }
    .slide_content .nuestras_year {
        height:8.75rem
    }
    .slide_content .slide_title {
        font-size:1.125rem
    }
    .slide_content .slide_image {
        height:8.75rem
    }
    .slide_content .slide_text {
        font-size:.6875rem;
        line-height:1.4
    }
    .nuestras__nav {
        padding:.5rem .5rem
    }
    .nuestras__nav .nav_year {
        font-size:1.125rem
    }
}
.premios__hero {
    max-width:75rem;
    margin:0 auto
}
.premios__hero .header__section {
    overflow:hidden
}
.premios__hero .header__section .header__section_content {
    text-align:center
}
.premios__hero .header__section .header__section_content .caption {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    color:var(--rojo);
    text-transform:uppercase
}
.newfonts .premios__hero .header__section .header__section_content .caption {
    font-weight:600
}
.premios__hero .header__section .header__section_content .titular {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:4rem;
    line-height:1
}
.premios__hero .header__section .header__section_img {
    grid-column:1;
    grid-row:1;
    margin-top:5rem;
    text-align:right
}
.premios__intro {
    display:grid;
    justify-items:center;
    margin-bottom:2.5rem;
    text-align:center
}
.premios__intro .header_intro,.premios__intro .intro_gaming_box {
    margin-top:3.125rem
}
.premios_bloque {
    border-top:1px solid var(--neutral-n30)
}
.premios_bloque .wrapper {
    display:grid;
    grid-template-columns:1fr 2fr;
    margin:0 auto 5rem auto;
    max-width:90rem
}
.premios_bloque .wrapper .distributiva_content {
    display:block;
    z-index:1
}
.premios_bloque .wrapper .distributiva_content .sin_gluten .menu_logo {
    border-radius:0.25rem
}
.premios_bloque .wrapper .distributiva_content .group_logo {
    padding:0;
    height:6rem;
    width:6rem
}
.premios_bloque .wrapper .distributiva_content .group_logo img {
    width:100%
}
.premios_bloque .botones {
    display:grid;
    grid-template-columns:1fr 1fr;
    column-gap:.75rem
}
.premios_bloque .sobre__interior_premios {
    margin-top:2.5rem;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:auto 1fr
}
.premios_bloque .sobre__interior_premios .premios_years {
    margin-bottom:1.5rem;
    width:calc(14.5rem * 4 + .75rem)
}
.premios_bloque .sobre__interior_premios .premios_years .swiper-slide {
    width:auto
}
.premios_bloque .sobre__interior_premios .premios_years .button_primary,.premios_bloque .sobre__interior_premios .premios_years .button_secondary,.premios_bloque .sobre__interior_premios .premios_years .button_icon_dark,.premios_bloque .sobre__interior_premios .premios_years .button_icon_light,.premios_bloque .sobre__interior_premios .premios_years .button_news {
    min-width:0
}
.premios_bloque .sobre__interior_premios .premios_years .button-mb {
    padding:.25rem 1rem
}
.premios_bloque .sobre__interior_premios .premios_years .active {
    border:1px solid var(--neutral-n90)
}
.premios_bloque .sobre__interior_premios .year-tab {
    grid-column:1;
    grid-row:2;
    opacity:0;
    transition:opacity 0.3s ease-out
}
.premios_bloque .sobre__interior_premios .year-tab.active {
    opacity:1
}
.premios_bloque .sobre__interior_premios .sobre_premios_iconos {
    margin-left:0;
    margin-bottom:1.5rem;
    width:calc(14.5rem * 4 + .75rem);
    grid-column:1;
    grid-row:1
}
.premios_bloque .sobre__interior_premios .sobre_premios_iconos .medal {
    width:auto;
    cursor:pointer
}
.premios_bloque .sobre__interior_premios .sobre_premios_iconos .award_icon {
    width:4rem;
    height:4rem
}
.premios_bloque .sobre__interior_premios .sobre_premios_iconos .award_icon img {
    width:100%;
    height:100%;
    object-fit:contain
}
.premios_bloque .sobre__interior_premios .sobre_premios_lista {
    width:calc(14.5rem * 4 + .75rem);
    margin-left:0
}
.premios__menu {
    background-color:var(--neutral-n5-t90);
    margin-bottom:2.5rem;
    padding:1.5rem 0;
    position:sticky;
    top:5rem;
    z-index:100
}
.premios__menu .menu_premios_swiper .cervezas__menu_logos.subhome .menu_button {
    cursor:pointer
}
.sobre__premios_listado {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:var(--bg-modal);
    backdrop-filter:blur(5px);
    z-index:0;
    opacity:0;
    pointer-events:none
}
.sobre__premios_listado.active {
    transition:opacity 0.5s ease-in-out;
    opacity:1;
    z-index:100;
    pointer-events:all
}
.sobre__premios_listado .modal_content {
    width:90vw;
    max-width:38.125rem;
    max-height:75vh;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    display:grid;
    grid-template-columns:4.375rem 1fr 2.5rem
}
.sobre__premios_listado .modal_text {
    grid-column:2/-1;
    padding:2rem 0;
    background-color:var(--blanco);
    border-radius:.5rem;
    box-shadow:0 4px 8px rgba(0,0,0,0.2)
}
.sobre__premios_listado .modal_header {
    border-bottom:1px solid var(--color-lines);
    padding:1.5rem 0
}
.sobre__premios_listado .modal_header>* {
    padding:0 2rem 0 5rem
}
.sobre__premios_listado .modal_header .header_name {
    font-family:var(--font-primary);
    font-weight:500;
    font-size:.6875rem;
    line-height:1.5;
    color:var(--ocre);
    text-transform:uppercase
}
.sobre__premios_listado .modal_header .header_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12
}
.sobre__premios_listado .modal_data {
    padding:1.5rem 2rem 1.5rem 5rem;
    display:flex;
    flex-direction:column;
    gap:.5rem;
    max-height:calc(65vh - 5rem);
    overflow:auto
}
.sobre__premios_listado .modal_data .data_name,.sobre__premios_listado .modal_data .data_text,.sobre__premios_listado .modal_data .col_name,.sobre__premios_listado .modal_data .col_text,.sobre__premios_listado .modal_data .col {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    color:var(--neutral-n70)
}
.sobre__premios_listado .modal_data .data_name {
    color:var(--ocre-claro)
}
.sobre__premios_listado .modal_data .category {
    font-family:var(--font-secondary);
    font-weight:normal;
    font-size:1.5625rem;
    line-height:0.5
}
.sobre__premios_listado .modal_data .category.estrella {
    font-size:.8125rem;
    line-height:1.2
}
.sobre__premios_listado .modal_data .category.oro {
    color:var(--tostado)
}
.sobre__premios_listado .modal_data .category.bronce {
    color:var(--cobre-metalizado)
}
.sobre__premios_listado .modal_data .category.plata {
    color:var(--neutral-n50)
}
.sobre__premios_listado .modal_data .data_row {
    display:grid;
    grid-template-columns:4.375rem .875rem 2fr;
    gap:.75rem
}
.sobre__premios_listado .modal_data .data_row.border {
    border-bottom:1px solid var(--color-lines);
    padding-bottom:1rem;
    margin-bottom:1rem
}
.sobre__premios_listado .modal_close {
    grid-column:3;
    position:absolute;
    right:.25rem;
    top:.25rem;
    width:2rem;
    height:2rem;
    color:var(--topacio);
    border:1px solid transparent;
    font-size:1.5rem;
    z-index:999;
    border-radius:6.25rem;
    text-align:center;
    cursor:pointer;
    transition:border-color 0.3s ease-out;
    pointer-events:all
}
.sobre__premios_listado .modal_close:hover {
    border-color:var(--neutral-n15)
}
.sobre__premios_listado .modal_bottle {
    grid-column:1/2;
    grid-row:1;
    width:13.75rem;
    height:26.25rem;
    margin-left:-70%
}
.sobre__premios_listado .modal_bottle img {
    width:100%;
    height:100%;
    object-fit:contain
}
@media only screen and (max-width: 1360px) {
    .premios_bloque .wrapper {
        grid-template-columns:1fr
    }
    .premios_bloque .wrapper .distributiva_content {
        padding-bottom:4rem;
        width:90%
    }
    .premios_bloque .wrapper .distributiva_content .cervezas__group_info {
        padding:0
    }
    .premios_bloque .wrapper .sobre__interior_premios {
        margin-top:0
    }
    .premios_bloque .wrapper .sobre__interior_premios .premios_years,.premios_bloque .wrapper .sobre__interior_premios .sobre_premios_iconos,.premios_bloque .wrapper .sobre__interior_premios .sobre_premios_lista {
        width:100vw
    }
    .premios_bloque .wrapper .sobre__interior_premios .premios_years .swiper-slide:first-child,.premios_bloque .wrapper .sobre__interior_premios .sobre_premios_iconos .swiper-slide:first-child,.premios_bloque .wrapper .sobre__interior_premios .sobre_premios_lista .swiper-slide:first-child {
        margin-left:var(--space-xl) !important
    }
    .premios_bloque .wrapper .sobre__interior_premios .premios_years .swiper-slide:last-child,.premios_bloque .wrapper .sobre__interior_premios .sobre_premios_iconos .swiper-slide:last-child,.premios_bloque .wrapper .sobre__interior_premios .sobre_premios_lista .swiper-slide:last-child {
        margin-right:4rem !important
    }
    .premios_bloque .cervezas__group_info .group_logo {
        display:block
    }
}
@media only screen and (max-width: 860px) {
    .premios__hero .header__section .header__section_content .titular {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:3.5rem;
        line-height:1
    }
    .premios__hero .header__section .header__section_img {
        margin-top:7.5rem
    }
}
@media only screen and (max-width: 570px) {
    .premios__hero .header__section .header__section_img {
        margin-top:11.25rem;
        margin-right:-5.625rem
    }
    .sobre__premios_listado .modal_content {
        max-height:100vh
    }
    .sobre__premios_listado .modal_text {
        grid-column:1/-1;
        grid-row:1;
        padding-bottom:.25rem
    }
    .sobre__premios_listado .modal_header>* {
        padding-left:6.25rem
    }
    .sobre__premios_listado .modal_header .header_title {
        min-height:6.25rem
    }
    .sobre__premios_listado .modal_data {
        padding-left:1.5rem;
        padding-right:1.5rem;
        height:55vh
    }
    .sobre__premios_listado .modal_bottle {
        width:7rem;
        height:12.5rem;
        margin-left:-1rem;
        margin-top:-1rem
    }
}
.sostenibilidad__hero {
    min-height:33.75rem;
    margin-top:-2.75rem
}
.sostenibilidad__hero .header__section_bg {
    min-height:33.75rem
}
.sostenibilidad__hero .header__section_bg::after {
    background:linear-gradient(180deg, rgba(243,243,241,0) 51.41%, #f3f3f1 100%)
}
.sostenibilidad__hero .header__section_content {
    gap:1.5rem;
    max-width:32.1875rem;
    padding-top:8.75rem
}
.sostenibilidad__hero .header__section_content .caption {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    color:var(--blanco)
}
.newfonts .sostenibilidad__hero .header__section_content .caption {
    font-weight:600
}
.sostenibilidad__hero .header__section_content .header__title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:4rem;
    line-height:1;
    color:var(--blanco);
    text-align:center;
    text-shadow:0px 4px 34px #000
}
.sostenibilidad__intro {
    display:grid;
    justify-items:center;
    margin-bottom:5rem;
    text-align:center
}
.sostenibilidad__intro .header_intro .intro_variedad,.sostenibilidad__intro .intro_gaming_box .intro_variedad {
    color:var(--ocre)
}
.sostenibilidad__cards {
    margin:0 auto 5rem auto;
    max-width:90rem;
    width:90%
}
.sostenibilidad__cards .wrapper {
    display:grid;
    gap:.75rem;
    grid-template-columns:repeat(auto-fit, minmax(13.75rem, 1fr));
    justify-items:center
}
.sostenibilidad__cards .wrapper .sostenibilidad_card {
    background-color:var(--blanco);
    border-radius:.5rem;
    cursor:pointer;
    display:block;
    padding:.5rem;
    width:100%
}
.sostenibilidad__cards .wrapper .sostenibilidad_card .icono {
    color:var(--ocre);
    margin-bottom:-.625rem;
    text-align:right
}
.sostenibilidad__cards .wrapper .sostenibilidad_card .container {
    align-items:end;
    display:grid;
    grid-template-rows:auto 1fr;
    height:97%;
    padding:0 1rem 1rem 1rem
}
.sostenibilidad__cards .wrapper .sostenibilidad_card .container .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04
}
.sostenibilidad__memoria {
    border-top:1px solid var(--neutral-n30);
    padding:5rem 0;
    text-align:center;
    width:100%
}
.sostenibilidad__memoria .wrapper {
    margin:0 auto;
    max-width:90rem;
    width:90%
}
.sostenibilidad__memoria .wrapper .titular {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    margin-bottom:1.5rem
}
.sostenibilidad__slider {
    background-color:var(--bg-modal);
    backdrop-filter:blur(5px);
    height:100%;
    left:0;
    opacity:0;
    position:fixed;
    top:0;
    width:100%;
    z-index:-1
}
.sostenibilidad__slider.active {
    opacity:1;
    transition:opacity 0.5s ease;
    z-index:9998
}
.sostenibilidad__slider .modal_content {
    left:50%;
    max-height:90vh;
    position:absolute;
    top:50%;
    transform:translate(-50%, -50%);
    width:90vw
}
.sostenibilidad__slider .sostenibilidad_swiper {
    max-width:31.25rem
}
.sostenibilidad__slider .sostenibilidad_swiper .swiper-wrapper {
    align-items:center
}
.sostenibilidad__slider .modal_text {
    background-color:var(--blanco);
    border-radius:.5rem;
    box-shadow:0 4px 8px rgba(0,0,0,0.2)
}
.sostenibilidad__slider .modal_header {
    background-color:var(--ocre-claro);
    border-radius:.5rem .5rem 0 0;
    padding:1.5rem
}
.sostenibilidad__slider .modal_header .header_name {
    font-family:var(--font-primary);
    font-weight:500;
    font-size:.6875rem;
    line-height:1.5;
    color:var(--ocre);
    margin-bottom:.5rem;
    text-transform:uppercase
}
.sostenibilidad__slider .modal_header .header_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2rem;
    line-height:1.12;
    color:var(--blanco)
}
.sostenibilidad__slider .modal_data {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    color:var(--neutral-n90);
    display:flex;
    flex-direction:column;
    gap:.5rem;
    overflow-y:auto;
    overflow-x:hidden;
    padding:1.5rem
}
.sostenibilidad__slider .modal_data .intro {
    border-bottom:1px solid var(--color-lines);
    margin-bottom:.5rem;
    padding-bottom:1.5rem
}
.sostenibilidad__slider .modal_data .data_row {
    align-items:center;
    display:grid;
    grid-template-columns:2rem 1fr;
    gap:1rem;
    border-bottom:1px solid var(--color-lines);
    margin-bottom:1rem;
    padding-bottom:1rem
}
.sostenibilidad__slider .modal_data .data_row.inner {
    border-bottom:none;
    margin-bottom:0;
    margin-top:1rem;
    padding-bottom:0
}
.sostenibilidad__slider .modal_data .data_row.inner .icono_container {
    margin:0
}
.sostenibilidad__slider .modal_data .data_row.top {
    align-items:start
}
.sostenibilidad__slider .modal_data .data_row.strech {
    grid-template-columns:.9375rem 1fr
}
.sostenibilidad__slider .modal_data .data_row .inner_row {
    display:grid;
    grid-template-columns:1fr 1fr
}
.sostenibilidad__slider .modal_data .data_row .icono_container {
    height:2rem;
    margin:0 auto;
    width:2rem
}
.sostenibilidad__slider .modal_data .data_row .icono_container.taller {
    height:2.5rem;
    width:.6875rem
}
.sostenibilidad__slider .modal_data .data_row .icono_container.marginb8 {
    margin-bottom:.5rem
}
.sostenibilidad__slider .modal_data .data_row .icono_container .icono {
    object-fit:contain;
    height:100%;
    width:100%
}
.sostenibilidad__slider .modal_close {
    border:1px solid transparent;
    border-radius:6.25rem;
    color:var(--blanco);
    cursor:pointer;
    font-size:1.5rem;
    grid-column:3;
    height:2rem;
    position:absolute;
    right:.25rem;
    text-align:center;
    top:.25rem;
    transition:border-color 0.3s ease-out;
    width:2rem;
    z-index:999
}
.sostenibilidad__slider .modal_close:hover {
    border-color:var(--neutral-n15)
}
.sostenibilidad__slider .modal_footer .texto {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    color:var(--neutral-n70)
}
.sostenibilidad__slider .swiper-button-next,.sostenibilidad__slider .swiper-button-prev {
    background-color:var(--ocre);
    border-radius:100%;
    color:var(--blanco);
    height:1.5rem;
    width:1.5rem
}
.sostenibilidad__slider .swiper-button-next::after,.sostenibilidad__slider .swiper-button-prev::after {
    font-size:.75rem
}
.sostenibilidad__slider .swiper-button-prev {
    left:var(--swiper-navigation-sides-offset, 15%)
}
.sostenibilidad__slider .swiper-button-next {
    right:var(--swiper-navigation-sides-offset, 15%)
}
.sostenibilidad__slider .swiper-horizontal>.swiper-pagination-bullets,.sostenibilidad__slider .swiper-pagination-bullets.swiper-pagination-horizontal,.sostenibilidad__slider .swiper-pagination-custom,.sostenibilidad__slider .swiper-pagination-fraction {
    bottom:var(--swiper-pagination-bottom, 10%)
}
@media only screen and (max-height: 900px) {
    .sostenibilidad__slider .swiper-horizontal>.swiper-pagination-bullets,.sostenibilidad__slider .swiper-pagination-bullets.swiper-pagination-horizontal,.sostenibilidad__slider .swiper-pagination-custom,.sostenibilidad__slider .swiper-pagination-fraction {
        bottom:var(--swiper-pagination-bottom, 8px)
    }
    .sostenibilidad__slider .modal_content {
        max-height:90vh
    }
    .sostenibilidad__slider .modal_data {
        padding-left:1.5rem;
        padding-right:1.5rem;
        max-height:60vh
    }
}
@media only screen and (max-width: 1370px) {
    .sostenibilidad__slider .swiper-horizontal>.swiper-pagination-bullets,.sostenibilidad__slider .swiper-pagination-bullets.swiper-pagination-horizontal,.sostenibilidad__slider .swiper-pagination-custom,.sostenibilidad__slider .swiper-pagination-fraction {
        bottom:var(--swiper-pagination-bottom, 8px)
    }
}
@media only screen and (max-width: 860px) {
    .sostenibilidad__slider .swiper-button-prev,.sostenibilidad__slider .swiper-button-next {
        display:none
    }
}
@media only screen and (max-width: 570px) {
    .sostenibilidad__hero {
        min-height:30rem
    }
    .sostenibilidad__hero .header__section_bg {
        min-height:30rem
    }
    .sostenibilidad__hero .header__section_content {
        max-width:25rem;
        padding-top:5rem
    }
    .sostenibilidad__hero .header__section_content .header__title {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:3.5rem;
        line-height:1
    }
    .sostenibilidad__intro .header_intro .intro_title,.sostenibilidad__intro .intro_gaming_box .intro_title {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:2rem;
        line-height:1.12
    }
    .sostenibilidad__memoria .wrapper {
        display:grid;
        justify-items:left
    }
    .sostenibilidad__memoria .wrapper .titular {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:2rem;
        line-height:1.12
    }
    .sostenibilidad__slider .modal_content {
        max-height:100vh
    }
    .sostenibilidad__slider .modal_data {
        padding-left:1.5rem;
        padding-right:1.5rem;
        max-height:65vh
    }
    .sostenibilidad__slider .modal_data .data_row .inner_row {
        grid-template-columns:1fr
    }
    .sostenibilidad__slider .modal_data .data_row.strech {
        grid-template-columns:2rem 1fr
    }
    .sostenibilidad__slider .modal_data .data_row .icono_container.taller {
        width:2rem
    }
}
@media only screen and (max-width: 360px) {
    .sostenibilidad__hero .header__section_content .header__title {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:3rem;
        line-height:1
    }
    .sostenibilidad__memoria {
        text-align:left
    }
    .sostenibilidad__memoria .wrapper {
        display:grid;
        justify-items:left
    }
    .sostenibilidad__memoria .wrapper .titular {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:2rem;
        line-height:1.12;
        width:100%
    }
    .sostenibilidad__slider .modal_data {
        max-height:55vh
    }
}
@media only screen and (max-width: 860px) and (orientation: landscape) {
    .sostenibilidad__slider .modal_data {
        max-height:40vh
    }
}
.plaza__subhome_header {
    margin-top:-2.75rem
}
.plaza__subhome_header .header__section_content {
    color:var(--blanco);
    text-align:center;
    justify-content:center;
    max-width:33.75rem
}
.plaza__subhome_header .header__section .header__section_bg {
    min-height:33.125rem
}
.plaza__subhome_header .header__section .header__section_bg .bg_video {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:50% 50%
}
.plaza__subhome_header .header__section .header__section_bg .bg_image {
    object-position:50% 0%
}
.plaza__subhome_header .header__section .header__section_bg .contain_image {
    object-fit:contain;
    object-position:50% 50%;
    width:100%;
    height:100%
}
.plaza__subhome_header .header__section .header__section_bg .header__section_logo {
    width:21.875rem;
    height:auto
}
.plaza__subhome_header .header__section_title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    font-style:normal;
    padding-top:5rem
}
.plaza__subhome_header .header__section_subtitle {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    text-wrap:balance
}
.plaza__subhome_header .header__section_description {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    width:80%
}
.plaza__intro {
    display:grid;
    justify-items:center;
    margin-bottom:2.5rem;
    text-align:center
}
.plaza__intro .intro_name {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-transform:uppercase;
    color:var(--color-accent)
}
.newfonts .plaza__intro .intro_name {
    font-weight:600
}
.plaza__grid_videos,.plaza__banners {
    padding:5rem 0;
    border-top:1px solid var(--color-lines);
    position:relative
}
.plaza__grid_videos .container,.plaza__banners .container {
    width:90%;
    margin:0 auto;
    max-width:var(--width-primary);
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1.5rem
}
.plaza__grid_videos .name,.plaza__banners .name {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-transform:uppercase;
    color:var(--rojo);
    text-align:center
}
.newfonts .plaza__grid_videos .name,.newfonts .plaza__banners .name {
    font-weight:600
}
.plaza__grid_videos .title,.plaza__banners .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12;
    text-align:center
}
.plaza__grid_videos .swiper-wrapper,.plaza__banners .swiper-wrapper {
    justify-content:flex-start
}
.plaza__grid_videos .swiper-slide:first-child,.plaza__banners .swiper-slide:first-child {
    margin-left:0
}
.plaza__grid_videos .swiper-slide:last-child,.plaza__banners .swiper-slide:last-child {
    margin-right:0
}
.plaza__grid_videos .nav_buttons,.plaza__banners .nav_buttons {
    max-width:min(var(--width-primary), 98vw);
    position:relative;
    margin:0 auto
}
.plaza__grid_videos .nav_buttons .swiper-button-next,.plaza__banners .nav_buttons .swiper-button-next {
    margin-top:-20%
}
.plaza__grid_videos .nav_buttons .swiper-button-next::after,.plaza__banners .nav_buttons .swiper-button-next::after {
    content:"\e90e";
    font-family:'Icon' !important;
    font-size:1.75rem;
    color:var(--rojo);
    border:1px solid var(--rojo);
    border-radius:50%;
    padding:.625rem
}
.plaza__grid_videos .nav_buttons .swiper-button-prev,.plaza__banners .nav_buttons .swiper-button-prev {
    margin-top:-20%
}
.plaza__grid_videos .nav_buttons .swiper-button-prev::after,.plaza__banners .nav_buttons .swiper-button-prev::after {
    content:"\e90c";
    font-family:'Icon' !important;
    font-size:1.75rem;
    color:var(--rojo);
    border:1px solid var(--rojo);
    border-radius:50%;
    padding:.625rem
}
.plaza__grid_videos .video_module {
    display:grid;
    width:100%;
    height:100%;
    border-radius:.5rem;
    overflow:hidden;
    position:relative
}
.plaza__grid_videos .video_module:hover .description {
    transform:translateY(0);
    opacity:1
}
.plaza__grid_videos .video_module .description {
    position:absolute;
    bottom:0;
    left:0;
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5;
    background-color:rgba(0,0,0,0.5);
    color:var(--blanco);
    padding:.5rem;
    transform:translateY(20%);
    opacity:0;
    transition:transform 0.3s ease, opacity 0.3s ease;
    pointer-events:none
}
.plaza__grid_videos .video_module .video_module_bg {
    grid-column:1;
    grid-row:1;
    position:relative
}
.plaza__grid_videos .video_module .video_module_bg img {
    width:100%;
    height:100%;
    object-fit:cover
}
.plaza__grid_videos .video_module .video_module_bg img.from-left {
    object-position:0 50%
}
.plaza__grid_videos .video_module .video_module_bg img.from-right {
    object-position:100% 50%
}
.plaza__grid_videos .video_module .bg_video {
    object-fit:contain;
    background-color:black
}
.plaza__grid_videos .video_module .player_control {
    grid-column:1;
    grid-row:1;
    display:grid;
    place-items:center;
    position:relative
}
.plaza__grid_videos .video_module .player_control .play_button {
    color:var(--blanco);
    background-color:var(--transparency-t30);
    height:4rem;
    width:4rem;
    border-radius:6.25rem;
    display:grid;
    place-items:center;
    transition:background-color 0.3s ease;
    position:relative
}
.plaza__grid_videos .video_module .player_control .play_button i {
    font-size:2.625rem;
    line-height:1
}
.plaza__grid_videos .video_module .player_control:hover .play_button {
    background-color:var(--rojo)
}
.plaza__grid_videos .grid_videos {
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    grid-template-rows:1fr 1fr;
    gap:.75rem;
    justify-content:center;
    width:100%;
    max-width:60rem
}
.plaza__grid_videos .grid_videos .image_module {
    grid-column:2;
    grid-row:1/3;
    border-radius:.5rem;
    overflow:hidden
}
.plaza__grid_videos .grid_videos .image_module img {
    width:100%;
    height:100%;
    object-fit:cover
}
.plaza__grid_videos .grid_videos .image_module img.from-left {
    object-position:0 50%
}
.plaza__grid_videos .grid_videos .image_module img.from-right {
    object-position:100% 50%
}
.plaza__banners .intro {
    padding:0 var(--space-xl);
    text-align:center
}
.plaza__banners .intro .title {
    margin-bottom:1.5rem
}
.plaza__banners .planes_banners {
    overflow:hidden;
    --items-number: 4;
    --items-width: 20rem;
    --items-gap: .75rem;
    width:calc(var(--items-width) * var(--items-number) + var(--items-gap) * (var(--items-number) - 1));
    max-width:90vw
}
.info_boxes {
    padding:5rem var(--space-xl);
    border-top:1px solid var(--color-lines);
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1rem
}
.info_boxes .info_box {
    background-color:var(--blanco);
    border-radius:.5rem;
    display:block;
    padding:1rem;
    max-width:40.625rem
}
.info_boxes .info_box .container {
    display:grid;
    align-items:center;
    justify-items:center;
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr;
    gap:1rem
}
.info_boxes .info_box .foto {
    border-radius:.5rem;
    overflow:hidden;
    height:100%;
    grid-column:1;
    grid-row:1;
    align-self:center;
    text-align:center;
    background-color:var(--neutral-n5)
}
.info_boxes .info_box .foto img {
    width:100%;
    height:100%;
    object-fit:cover
}
.info_boxes .info_box .foto img.from-left {
    object-position:0 50%
}
.info_boxes .info_box .foto img.from-right {
    object-position:100% 50%
}
.info_boxes .info_box .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:1.5rem;
    line-height:1.04;
    margin-bottom:1rem
}
.info_boxes .info_box .description {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.75rem;
    line-height:1.5
}
.info_boxes .info_box:nth-child(even) .foto {
    grid-column:2
}
.plaza__cierre {
    padding:5rem var(--space-xl);
    border-top:1px solid var(--color-lines);
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1rem
}
.plaza__cierre .banner_cierre {
    border-radius:.5rem;
    overflow:hidden;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr;
    color:var(--blanco);
    align-items:center;
    justify-items:center;
    width:100%;
    max-width:70rem
}
.plaza__cierre .banner_cierre .bg_image {
    height:100%;
    grid-column:1/-1;
    grid-row:1/-1
}
.plaza__cierre .banner_cierre .bg_image img {
    width:100%;
    height:100%;
    object-fit:cover
}
.plaza__cierre .banner_cierre .content {
    grid-column:1/-1;
    grid-row:1/-1;
    padding:2.25rem 1.5rem;
    height:100%;
    display:grid;
    place-items:center;
    grid-template-columns:1fr;
    grid-template-rows:auto;
    height:max-content;
    gap:1.5rem
}
.plaza__cierre .banner_cierre .logo {
    width:70%;
    max-width:17.5rem
}
.plaza__cierre .banner_cierre .logo img {
    width:100%;
    height:100%;
    object-fit:contain
}
.plaza__cierre .banner_cierre .slogan {
    width:90%;
    max-width:36.25rem
}
.plaza__cierre .banner_cierre .slogan img {
    width:100%;
    height:100%;
    object-fit:contain
}
.plaza__calendario {
    padding:5rem var(--space-xl);
    border-top:1px solid var(--color-lines);
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1rem
}
.plaza__calendario .content {
    display:flex;
    flex-direction:column;
    gap:1.5rem
}
.plaza__calendario .title {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-align:center;
    color:var(--rojo);
    text-transform:uppercase
}
.newfonts .plaza__calendario .title {
    font-weight:600
}
@media only screen and (max-width: 1200px) {
    .plaza__grid_videos .grid_videos {
        grid-template-columns:1fr 1fr;
        grid-template-rows:repeat(3, 1fr)
    }
    .plaza__grid_videos .grid_videos .image_module {
        grid-column:1
    }
    .plaza__banners .nav_buttons {
        display:none
    }
}
@media only screen and (max-width: 570px) {
    .plaza__grid_videos,.plaza__banners {
        align-items:flex-start
    }
    .plaza__grid_videos .name,.plaza__banners .name {
        text-align:left
    }
    .plaza__grid_videos .intro,.plaza__banners .intro {
        text-align:left;
        align-items:flex-start
    }
    .plaza__grid_videos .title,.plaza__banners .title {
        font-family:var(--font-secondary);
        font-weight:normal;
        letter-spacing:-0.02em;
        font-size:2rem;
        line-height:1.12;
        text-align:left
    }
    .plaza__grid_videos .grid_videos {
        grid-template-columns:1fr;
        grid-template-rows:1fr
    }
    .info_boxes .info_box .container {
        grid-template-columns:1fr;
        grid-template-rows:1fr auto
    }
    .info_boxes .info_box .foto {
        grid-column:1
    }
    .info_boxes .info_box:nth-child(even) .foto {
        grid-column:1
    }
}
.newfonts main {
    --font-primary: var(--saans);
    --font-secondary: var(--seasonmix);
    font-family:var(--font-primary)
}
.newfonts-full {
    --font-primary: var(--saans);
    --font-secondary: var(--seasonmix);
    font-family:var(--font-primary)
}
html {
    --new-mahou-gradient-vertical: linear-gradient(180deg, #000 50%, #DB001E 100%), #000
}
.gradient-vertical {
    background:var(--new-mahou-gradient-vertical);
    color:var(--blanco)
}
.gradient-vertical .video_destacado {
    background-color:var(--topacio)
}
.plain_intro {
    display:flex;
    flex-direction:column;
    align-items:center
}
.plain_intro .content {
    width:90%;
    max-width:70rem;
    padding:2.5rem 1.5rem;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1rem;
    text-align:center
}
.plain_intro .name {
    font-family:var(--font-primary);
    font-weight:500;
    letter-spacing:0em;
    font-size:.875rem;
    line-height:1.57;
    text-transform:uppercase;
    color:var(--color-accent)
}
.newfonts .plain_intro .name {
    font-weight:600
}
.plain_intro .title {
    font-family:var(--font-secondary);
    font-weight:normal;
    letter-spacing:-0.02em;
    font-size:2.25rem;
    line-height:1.12
}
.plain_intro .text {
    font-family:var(--font-primary);
    font-weight:normal;
    letter-spacing:-0.01em;
    font-size:.875rem;
    line-height:1.5;
    max-width:70ch
}
.videolist_vertical .video_vertical {
    position:relative
}
.videolist_vertical .video_vertical .play_button {
    position:absolute;
    left:.5rem;
    top:.5rem;
    color:var(--blanco);
    background-color:var(--transparency-t30);
    height:3.25rem;
    width:3.25rem;
    border-radius:6.25rem;
    transition:background-color 0.3s ease;
    display:grid;
    place-items:center
}
.videolist_vertical .video_vertical .play_button i {
    font-size:2.25rem;
    line-height:1
}
.videolist_vertical .video_vertical:hover .play_button {
    background-color:var(--rojo)
}
.vertical-notext .destacados_container {
    height:32.5rem
}
.vertical-notext .destacados_container .destacado_item {
    width:20rem;
    height:30.75rem
}
.vertical-notext .destacados_container .destacado_item:last-child {
    width:13rem;
    height:20.25rem
}
section.boton {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:5rem var(--space-xl)
}
.button_icon_anim {
    font-family:var(--font-primary);
    font-weight:normal;
    font-size:1rem;
    line-height:1.5;
    border-radius:3.125rem;
    text-align:center;
    cursor:pointer;
    align-items:center;
    background-color:var(--rojo);
    border-color:var(--rojo);
    color:var(--blanco);
    padding:.5rem;
    width:2.625rem;
    min-width:2.625rem;
    display:flex;
    overflow:hidden;
    transition:all 0.5s ease-out;
    white-space:nowrap;
    gap:.5rem
}
.button_icon_anim .iconlib {
    min-width:1.5rem;
    min-height:1.5rem;
    color:var(--blanco);
    margin-left:1px
}
.button_icon_anim .text {
    width:0;
    opacity:0;
    transition:all 0.2s ease;
    padding:0;
    color:var(--blanco);
    text-decoration:none;
    display:block
}
@media (hover: hover) {
    .button_icon_anim:hover {
        width:100%;
        max-width:fit-content;
        padding:.5rem 2rem;
        background-color:var(--rojo-emphasis-hover);
        border-color:var(--rojo-emphasis-hover)
    }
    .button_icon_anim:hover .text {
        opacity:1;
        width:auto
    }
    .button_icon_anim:active {
        background-color:var(--rojo-emphasis-active);
        border-color:var(--rojo-emphasis-hover);
        color:var(--blanco)
    }
}
.cta_fixed {
    position:sticky;
    top:90%;
    left:calc(90% - var(--space-xl));
    z-index:900;
    width:fit-content;
    margin-bottom:30px
}
@media only screen and (max-width: 1200px) {
    .cta_fixed {
        position:fixed;
        bottom:0;
        left:0;
        top:auto;
        z-index:1001;
        margin-bottom:0
    }
    .button_icon_anim {
        width:100vw;
        padding:1rem 2rem;
        border-radius:0;
        justify-content:center;
        align-items:center
    }
    .button_icon_anim .text {
        opacity:1;
        width:auto
    }
}