@media screen and (min-width: 1px)and (max-width: 767.98px) {
  .refrescos__inner {
    display: block;
    padding: 36px 20px 52px;
  }

  .refrescos__texto {
    width: auto;
    max-width: 560px;
    margin: 0 auto;
    padding-top: 0;
    text-align: center;
  }

  .refrescos__kicker {
    justify-content: center;
    margin-left: 0;
    font-size: 13px;
    line-height: 1.4;
  }

  .refrescos__kicker::after {
    width: 56px;
    height: 2px;
    margin-left: 10px;
  }

  .refrescos__titulo {
    margin: .08em 0 0;
    font-size: clamp(32px,9vw,52px);
    line-height: 1.04;
  }

  .refrescos__parrafo {
    margin: .42em 0 0;
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0;
  }

  .cta-banda {
    --diana-alto: 42px;
    width: 196px;
    padding: 0 16px calc(2*var(--diana-ring)) 22px;
    border-radius: 999px;
    font-size: 15px;
  }

  .cta-banda__icono {
    width: 28px;
    height: auto;
    margin-right: 8px;
  }

  .refrescos__cta {
    margin: 22px auto calc(-2*var(--diana-ring));
  }

  .refrescos__productos {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 8px;
    margin-top: 28px;
    padding-left: 0;
  }

  .refrescos__producto {
    width: auto;
  }

  .refrescos__producto--latas,
  .refrescos__producto--agua {
    margin-left: 0;
  }

  .refrescos__producto img {
    width: auto;
    height: clamp(72px,21vw,120px);
    margin-bottom: 10px;
  }

  .refrescos__precio {
    width: auto;
    min-width: 74px;
    height: 32px;
    padding: 0 9px;
    border-radius: 999px;
    font-size: 14px;
    line-height: 32px;
  }

  .refrescos__cifra {
    font-size: 19px;
  }

  .refrescos {
    --radio-monte: 26px;
  }

  .refrescos::before {
    border-radius: 0 0 var(--radio-monte) var(--radio-monte);
  }

  .refrescos::after {
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--radio-monte), #000 calc(100% - var(--radio-monte)), transparent 100%);
    mask-image: linear-gradient(to right, transparent 0, #000 var(--radio-monte), #000 calc(100% - var(--radio-monte)), transparent 100%);
  }

  .origen__inner {
    display: block;
    padding: 36px 20px 52px;
  }

  .origen__texto {
    width: auto;
    max-width: 560px;
    margin: 0 auto;
    padding-top: 0;
    text-align: center;
  }

  .origen__titulo {
    margin: 0;
    font-size: clamp(34px,10vw,58px);
    line-height: 1.05;
  }

  .origen__relato {
    margin-top: .85em;
    font-size: 15px;
    line-height: 1.55;
    letter-spacing: 0;
    text-align: center;
  }

  .origen__relato p+p {
    margin-top: .62em;
  }

  .origen__cta {
    margin: 24px auto calc(-2*var(--diana-ring));
  }

  .origen__fotos {
    width: 100%;
    height: auto;
    max-width: 560px;
    margin: 34px auto 0;
    grid-template-columns: 100%;
    grid-template-rows: 100%;
    aspect-ratio: 747/646;
  }

  .origen__foto--grande {
    width: 79.79%;
    height: 91.49%;
    margin-left: 20.21%;
  }

  .origen__foto--grande img {
    border-radius: clamp(16px,4.6vw,34px);
  }

  .origen__foto--chica {
    width: 58.63%;
    height: 40.25%;
  }

  .origen__foto--chica img {
    border-radius: clamp(13px,3.8vw,28px);
  }

  .origen__foto--chica::before {
    top: -9.62%;
    left: 10.27%;
    width: 95.43%;
    height: 112.69%;
    border-radius: clamp(16px,4.6vw,34px);
  }

  .origen__foto--chica::after {
    box-shadow: 0 4px 14px rgba(0,0,0,.9);
  }

  .sabores__inner {
    display: block;
    padding: 36px 20px 48px;
  }

  .sabores__collage {
    width: 100%;
    max-width: 500px;
    height: auto;
    margin: 0 auto;
  }

  .sabores__collage img {
    width: 100%;
    height: auto;
  }

  .sabores__texto {
    width: auto;
    max-width: 500px;
    margin: 30px auto 0;
    text-align: center;
  }

  .sabores__titulo {
    margin: 0;
    font-size: clamp(22px,6.4vw,30px);
    line-height: 1.35;
  }

  .sabores__parrafo {
    max-width: none;
    margin: .2em 0 0;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 0;
  }

  .sabores__titulo--segundo {
    margin: 1.1em 0 0;
  }

  .sabores__parrafo--segundo {
    max-width: none;
    margin: .2em 0 0;
  }

  .sabores::after {
    bottom: -14px;
    height: 46px;
    border-radius: 0 0 22px 22px;
  }

  .sabores::before {
    bottom: -37px;
    height: 33px;
  }

  .antojo__fondo {
    height: clamp(200px,58vw,300px);
  }

  .antojo__foto {
    -o-object-fit: cover;
    object-fit: cover;
  }

  .antojo__inner {
    display: flex;
    flex-direction: column;
    padding: calc(clamp(200px,58vw,300px) + 32px) 20px 48px;
  }

  .antojo__texto {
    order: 1;
    text-align: center;
  }

  .antojo__titulo {
    position: static;
    top: auto;
    left: auto;
    width: auto;
    margin: .18em 0 0;
    font-size: clamp(32px,9.4vw,54px);
    line-height: 1.08;
  }

  .antojo__parrafo {
    margin: .5em 0 0;
    font-size: 15px;
    line-height: 1.45;
    letter-spacing: 0;
  }

  .antojo__kicker {
    justify-content: center;
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
  }

  .antojo__kicker::after {
    width: 60px;
    height: 2px;
    margin-left: 6px;
  }

  .antojo__etiquetas {
    position: static;
    order: 2;
    display: grid;
    grid-template-columns: repeat(2, max-content);
    justify-content: center;
    justify-items: center;
    gap: 12px 14px;
    margin-top: 28px;
  }

  .antojo__etiqueta {
    width: auto;
    margin: 0;
  }

  .antojo__etiqueta img {
    width: auto;
    height: clamp(40px,12vw,62px);
  }

  .antojo::after {
    height: 16px;
  }

  .refrescos__productos {
    justify-content: center;
    -moz-column-gap: clamp(12px,4.5vw,40px);
    column-gap: clamp(12px,4.5vw,40px);
  }

  .combos__circulos {
    --d: min(calc((100vw - 48px) / 2), 180px);
    grid-template-columns: repeat(2, var(--d));
    gap: calc(var(--d)*.126) 16px;
    margin-top: 26px;
  }

  .combos__combo {
    width: var(--d);
    height: var(--d);
    border-width: calc(var(--d)*.0191);
  }

  .combos__linea {
    font-size: calc(var(--d)*.2672);
    line-height: calc(var(--d)*.229);
  }

  .combos__palabra {
    margin-left: 0;
  }

  .combos__signo {
    margin-right: .005em;
  }

  .combos__centavos {
    margin-left: .012em;
  }

  .combos__cifra--precio {
    margin-left: .02em;
  }

  .combos__inner {
    padding: 36px 16px 48px;
  }

  .combos__horario {
    font-size: clamp(22px,6.6vw,30px);
    line-height: 1.1;
  }

  .combos__nota {
    margin-top: 4px;
    font-size: 15px;
    line-height: 1.3;
  }

  .combos__anticipo {
    margin-top: 26px;
    font-size: clamp(14px,3.9vw,18px);
    line-height: 1.4;
  }

  .combos__foto {
    top: 0;
    left: 50%;
    width: auto;
    height: 125.61%;
    transform: translate(-50%, -20.36%);
  }

  .combos::after {
    bottom: -9px;
    width: 96.98%;
    height: 30px;
    border-radius: 15px 15px 0 0;
    clip-path: inset(-30px -40px 9px -40px);
  }

  .galeria {
    --pico: 18px;
  }

  .galeria__inner {
    padding-top: 9px;
  }

  .galeria__rejilla {
    flex-wrap: wrap;
    gap: 10px;
    width: min(100% - 2*var(--pico) - 16px,700px);
    margin: 0 auto;
    padding: 0;
  }

  .galeria__celda {
    flex: 1 1 40%;
    width: auto;
    max-width: none;
  }

  .galeria__foto {
    height: auto;
    aspect-ratio: 420/622;
    border-radius: 10px;
  }

  .galeria__cinta {
    top: 50%;
    left: 50%;
    right: auto;
    width: min(100% - 16px,700px + 2*var(--pico));
    transform: translate(-50%, -50%);
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 12px;
    padding: 18px 14px;
    text-align: center;
  }

  .galeria__pico {
    top: auto;
    bottom: 100%;
    width: var(--pico);
    height: auto;
  }

  .galeria__pico--izq {
    left: 0;
  }

  .galeria__pico--der {
    right: 0;
  }

  .galeria__titulo {
    font-size: clamp(22px,1.75vw,24px);
    line-height: 1.18;
    white-space: normal;
  }

  .galeria__nota {
    margin-top: .4em;
    font-size: clamp(11px,3.1vw,14px);
    line-height: 1.3;
  }

  .galeria__tel {
    align-self: center;
    width: auto;
    height: 44px;
    padding: 0 14px;
    border-radius: 12px;
  }

  .galeria__tel-icono {
    width: auto;
    height: 26px;
    margin-right: 8px;
  }

  .galeria__tel-numero {
    font-size: 22px;
    line-height: 1;
  }
}

@media screen and (min-width: 1px)and (max-width: 400px) {
  .refrescos__precio {
    font-size: 13px;
  }

  .refrescos__cifra {
    font-size: 17px;
  }

  .hero {
    display: flex;
    flex-direction: column;
    height: auto;
    padding: 0 0 40px;
  }

  .hero__fondo {
    position: relative;
    inset: auto;
    height: clamp(200px,52vw,300px);
    overflow: hidden;
  }

  .hero__foto {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 62% 50%;
    object-position: 62% 50%;
    transform: none;
  }

  .hero__degradado {
    display: none;
  }

  .hero__aviso {
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
  }

  .hero__aviso-titulo {
    font-size: 11px;
    letter-spacing: .06em;
  }

  .hero__aviso-archivo {
    font-size: 11px;
  }

  .hero__inner {
    width: 100%;
    max-width: none;
    height: auto;
    padding: 32px 20px 0;
    align-items: center;
    text-align: center;
  }

  .hero__titulo {
    margin-left: 0;
    line-height: 1.1;
  }

  .hero__subtitulo {
    margin-top: 12px;
    line-height: 1.35;
  }

  .hero {
    --d: clamp(88px, 19vw, 124px);
  }

  .hero__eventos {
    display: grid;
    grid-template-columns: repeat(4, var(--d));
    gap: 22px 18px;
    margin: 28px auto 0;
    justify-content: center;
  }

  .hero__evento {
    width: var(--d);
  }

  .hero__circulo,
  .hero__icono {
    width: var(--d);
    height: var(--d);
  }

  .hero__leyenda {
    margin-top: calc(var(--d)*.1);
    font-size: calc(var(--d)*.153226);
    line-height: calc(var(--d)*.177419);
  }

  .hero__eventos {
    grid-template-columns: repeat(2, var(--d));
  }

  .hero__inner {
    padding: 26px 16px 0;
  }

  .hero__titulo {
    font-size: clamp(28px,7.2vw,34px);
  }

  .hero__subtitulo {
    font-size: 14px;
  }
}

@media screen and (min-width: 1px)and (max-width: 299.98px) {
  .footer__col--correo {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
  }

  .footer__col--correo .footer__dato {
    max-width: 100%;
  }

  .footer__col--correo .footer__dato a {
    gap: 7px;
  }

  .footer__col--correo .footer__dato span {
    font-size: 13px;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .refrescos__productos {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 18px;
  }

  .antojo__etiquetas {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .antojo__etiqueta {
    width: 100%;
  }

  .antojo__etiqueta img {
    width: 100%;
    height: auto;
  }
}

@media screen and (min-width: 1px)and (max-width: 531.98px) {
  .galeria__titulo br {
    display: none;
  }
}

@media screen and (min-width: 1px)and (max-width: 1399px) {
  .contacto__banda--titulo {
    height: auto;
    padding: clamp(40px,4.6vw,64px) 20px clamp(24px,3vw,42px);
  }

  .contacto__titulo {
    margin: 0;
    font-size: clamp(34px,4.64vw,64.9px);
    line-height: .95;
  }

  .contacto__horario {
    margin: clamp(14px,1.6vw,24px) 0 0;
    font-size: clamp(13.5px,1.25vw,17.5px);
    line-height: 1.25;
    letter-spacing: -0.02em;
    white-space: normal;
  }

  .contacto__banda--formulario {
    padding: 0 clamp(16px,2.6vw,40px) clamp(36px,4vw,64px);
  }

  .formulario {
    width: 100%;
    max-width: 1258px;
    margin: 0 auto;
  }

  .formulario__fila {
    gap: clamp(12px,1.4vw,24px);
  }

  .formulario__control {
    height: clamp(56px,6.2vw,72px);
    padding: clamp(0px,.42vw,6px) clamp(14px,1.5vw,21px) 0;
    font-size: 16px;
  }

  .formulario__control::-moz-placeholder {
    font-size: 14px;
  }

  .formulario__control::placeholder {
    font-size: 14px;
  }

  .formulario__control--area {
    height: clamp(80px,5.7vw,80px);
    padding-top: clamp(14px,2.25vw,31.5px);
  }

  .formulario__captcha {
    margin-top: clamp(24px,4.35vw,61px);
  }

  .formulario__acciones {
    justify-content: center;
    margin: clamp(28px,3.3vw,46px) 0 0;
  }

  .formulario__btn {
    width: 193px;
    height: clamp(52px,4.6vw,65px);
    border-radius: 999px;
    font-size: clamp(17px,1.43vw,20px);
  }
}

@media screen and (min-width: 1px)and (max-width: 767px) {
  .contacto__banda--titulo {
    padding: 40px 20px 26px;
  }

  .contacto__titulo {
    font-size: clamp(32px,7.2vw,46px);
    line-height: 1;
    white-space: normal;
  }

  .contacto__horario {
    margin-top: 14px;
    font-size: clamp(13px,2.6vw,15px);
    line-height: 1.4;
  }

  .contacto__banda--formulario {
    padding: 0 20px 44px;
  }

  .formulario__fila {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  .formulario__campo:nth-child(3) {
    grid-column: 1/-1;
  }

  .formulario__control {
    height: 56px;
    padding: 0 16px;
    font-size: 16px;
  }

  .formulario__control--area {
    height: 88px;
    padding-top: 14px;
    line-height: 20px;
  }

  .formulario__captcha {
    margin-top: 28px;
  }

  .formulario__acciones {
    flex-wrap: wrap;
    gap: 12px;
    margin: 28px 0 0;
  }

  .formulario__btn {
    height: 56px;
    font-size: 18px;
  }
}

@media screen and (min-width: 1px)and (max-width: 480px) {
  .contacto__banda--titulo {
    padding: 32px 16px 22px;
  }

  .contacto__titulo {
    font-size: clamp(28px,8.4vw,40px);
  }

  .contacto__horario {
    font-size: 13px;
  }

  .contacto__banda--formulario {
    padding: 0 16px 40px;
  }

  .formulario__campo--ancho {
    margin-top: 10px;
  }

  .formulario__control {
    padding: 0 16px;
  }

  .formulario__control--area {
    height: 96px;
    padding-top: 14px;
  }

  .nav {
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: none;
    height: 80px;
    margin: 0;
    padding: 0 15px;
    background: #f9f3eb;
  }

  .nav__inner,
  .nav__barra {
    display: contents;
  }

  .nav__dato--correo,
  .nav__social,
  .nav__menu {
    display: none;
  }

  .nav__toggle {
    order: 1;
    position: relative;
    display: block;
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    margin: 0;
  }

  .nav__toggle span {
    position: absolute;
    left: 12px;
    top: 14px;
    display: block;
    width: 24px;
    height: 4px;
    background: #232323;
    border-radius: 2px;
    transition: all .3s ease;
  }

  .nav__toggle span:nth-child(2) {
    top: 22px;
  }

  .nav__toggle span:nth-child(3) {
    top: 30px;
  }

  .nav__toggle[aria-expanded=true] span:nth-child(1) {
    top: 22px;
    transform: rotate(45deg);
  }

  .nav__toggle[aria-expanded=true] span:nth-child(2) {
    background: rgba(0,0,0,0);
  }

  .nav__toggle[aria-expanded=true] span:nth-child(3) {
    top: 22px;
    transform: rotate(-45deg);
  }

  .nav__logo {
    order: 2;
    display: flex;
    align-items: center;
    width: auto;
    height: 44px;
    margin: 0 auto 0 10px;
  }

  .nav__logo img {
    width: auto;
    height: 40px;
  }

  .nav__datos {
    order: 3;
    flex: 0 0 auto;
    height: auto;
    gap: 0;
  }

  .nav__dato {
    gap: 6px;
    font-size: 16px;
  }

  .nav__dato-icono {
    width: 22px;
    height: 24px;
  }

  .nav__cta {
    width: auto;
    height: 41px;
    margin: calc(-1*var(--diana-ring)) 1.5px calc(-1*var(--diana-ring)) 21px;
    padding: 0 16px;
    border-radius: 20.5px;
    font-size: 16px;
  }

  .nav__cta-icono {
    width: 26px;
    height: 20px;
    margin-right: 8px;
  }

  .nav__dato--tel {
    justify-content: center;
    gap: 0;
    width: 44px;
    height: 44px;
  }

  .nav__dato--tel span {
    display: none;
  }

  .nav__cta {
    width: 48px;
    height: 41px;
    margin: calc(-1*var(--diana-ring)) 1.5px calc(-1*var(--diana-ring)) 8px;
    padding: 0;
    border-radius: 20.5px;
    justify-content: center;
  }

  .nav__cta span {
    display: none;
  }

  .nav__cta-icono {
    width: 26px;
    height: 20px;
    margin: 0;
  }

  .nav {
    padding: 0 12px;
  }

  .nav__logo {
    height: 44px;
    margin-left: 8px;
  }

  .nav__logo img {
    height: 34px;
  }
}

@media screen and (min-width: 1px)and (max-width: 400.98px) {
  .formulario__fila {
    grid-template-columns: 1fr;
  }

  .formulario__acciones {
    flex-direction: column;
    gap: 12px;
  }

  .formulario__btn {
    flex: 0 0 auto;
    width: 100%;
  }

  .formulario__control {
    padding: 0 14px;
  }
}

@media screen and (min-width: 1px)and (max-width: 335.98px) {
  .formulario {
    container-type: inline-size;
  }

  .formulario__captcha>div {
    zoom: .9473684;
    zoom: min(1,tan(atan2(100cqw,304px)));
  }
}

@media screen and (min-width: 360px)and (max-width: 480px) {
  .nav__social {
    display: flex;
    margin: -1.5px 0 -1.5px 8px;
  }
}

@media screen and (min-width: 401px)and (max-width: 445.98px) {
  .hero {
    display: flex;
    flex-direction: column;
    height: auto;
    padding: 0 0 40px;
  }

  .hero__fondo {
    position: relative;
    inset: auto;
    height: clamp(200px,52vw,300px);
    overflow: hidden;
  }

  .hero__foto {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 62% 50%;
    object-position: 62% 50%;
    transform: none;
  }

  .hero__degradado {
    display: none;
  }

  .hero__aviso {
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
  }

  .hero__aviso-titulo {
    font-size: 11px;
    letter-spacing: .06em;
  }

  .hero__aviso-archivo {
    font-size: 11px;
  }

  .hero__inner {
    width: 100%;
    max-width: none;
    height: auto;
    padding: 32px 20px 0;
    align-items: center;
    text-align: center;
  }

  .hero__titulo {
    margin-left: 0;
    line-height: 1.1;
  }

  .hero__subtitulo {
    margin-top: 12px;
    line-height: 1.35;
  }

  .hero {
    --d: clamp(88px, 19vw, 124px);
  }

  .hero__eventos {
    display: grid;
    grid-template-columns: repeat(4, var(--d));
    gap: 22px 18px;
    margin: 28px auto 0;
    justify-content: center;
  }

  .hero__evento {
    width: var(--d);
  }

  .hero__circulo,
  .hero__icono {
    width: var(--d);
    height: var(--d);
  }

  .hero__leyenda {
    margin-top: calc(var(--d)*.1);
    font-size: calc(var(--d)*.153226);
    line-height: calc(var(--d)*.177419);
  }

  .hero__eventos {
    grid-template-columns: repeat(2, var(--d));
  }

  .hero__inner {
    padding: 28px 20px 0;
  }

  .hero__titulo {
    font-size: clamp(28px,7.2vw,34px);
  }

  .hero__subtitulo {
    font-size: 15px;
  }
}

@media screen and (min-width: 401px)and (max-width: 480px) {
  .formulario__btn {
    flex: 0 0 48%;
    width: 48%;
    min-width: 0;
    height: 56px;
    font-size: 16px;
  }
}

@media screen and (min-width: 446px)and (max-width: 480px) {
  .hero {
    display: flex;
    flex-direction: column;
    height: auto;
    padding: 0 0 40px;
  }

  .hero__fondo {
    position: relative;
    inset: auto;
    height: clamp(200px,52vw,300px);
    overflow: hidden;
  }

  .hero__foto {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 62% 50%;
    object-position: 62% 50%;
    transform: none;
  }

  .hero__degradado {
    display: none;
  }

  .hero__aviso {
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
  }

  .hero__aviso-titulo {
    font-size: 11px;
    letter-spacing: .06em;
  }

  .hero__aviso-archivo {
    font-size: 11px;
  }

  .hero__inner {
    width: 100%;
    max-width: none;
    height: auto;
    padding: 32px 20px 0;
    align-items: center;
    text-align: center;
  }

  .hero__titulo {
    margin-left: 0;
    line-height: 1.1;
  }

  .hero__subtitulo {
    margin-top: 12px;
    line-height: 1.35;
  }

  .hero {
    --d: clamp(88px, 19vw, 124px);
  }

  .hero__eventos {
    display: grid;
    grid-template-columns: repeat(4, var(--d));
    gap: 22px 18px;
    margin: 28px auto 0;
    justify-content: center;
  }

  .hero__evento {
    width: var(--d);
  }

  .hero__circulo,
  .hero__icono {
    width: var(--d);
    height: var(--d);
  }

  .hero__leyenda {
    margin-top: calc(var(--d)*.1);
    font-size: calc(var(--d)*.153226);
    line-height: calc(var(--d)*.177419);
  }

  .hero__inner {
    padding: 28px 20px 0;
  }

  .hero__titulo {
    font-size: clamp(28px,7.2vw,34px);
  }

  .hero__subtitulo {
    font-size: 15px;
  }
}

@media screen and (min-width: 481px)and (max-width: 767px) {
  .hero {
    display: flex;
    flex-direction: column;
    height: auto;
    padding: 0 0 40px;
  }

  .hero__fondo {
    position: relative;
    inset: auto;
    height: clamp(200px,52vw,300px);
    overflow: hidden;
  }

  .hero__foto {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 62% 50%;
    object-position: 62% 50%;
    transform: none;
  }

  .hero__degradado {
    display: none;
  }

  .hero__aviso {
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
  }

  .hero__aviso-titulo {
    font-size: 11px;
    letter-spacing: .06em;
  }

  .hero__aviso-archivo {
    font-size: 11px;
  }

  .hero__inner {
    width: 100%;
    max-width: none;
    height: auto;
    padding: 32px 20px 0;
    align-items: center;
    text-align: center;
  }

  .hero__titulo {
    margin-left: 0;
    line-height: 1.1;
  }

  .hero__subtitulo {
    margin-top: 12px;
    line-height: 1.35;
  }

  .hero {
    --d: clamp(88px, 19vw, 124px);
  }

  .hero__eventos {
    display: grid;
    grid-template-columns: repeat(4, var(--d));
    gap: 22px 18px;
    margin: 28px auto 0;
    justify-content: center;
  }

  .hero__evento {
    width: var(--d);
  }

  .hero__circulo,
  .hero__icono {
    width: var(--d);
    height: var(--d);
  }

  .hero__leyenda {
    margin-top: calc(var(--d)*.1);
    font-size: calc(var(--d)*.153226);
    line-height: calc(var(--d)*.177419);
  }

  .hero__titulo {
    font-size: clamp(29px,6.2vw,34px);
  }

  .hero__subtitulo {
    font-size: 15px;
  }
}

@media screen and (min-width: 481px)and (max-width: 535.98px) {
  .nav {
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: none;
    height: 80px;
    margin: 0;
    padding: 0 15px;
    background: #f9f3eb;
  }

  .nav__inner,
  .nav__barra {
    display: contents;
  }

  .nav__dato--correo,
  .nav__social,
  .nav__menu {
    display: none;
  }

  .nav__toggle {
    order: 1;
    position: relative;
    display: block;
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    margin: 0;
  }

  .nav__toggle span {
    position: absolute;
    left: 12px;
    top: 14px;
    display: block;
    width: 24px;
    height: 4px;
    background: #232323;
    border-radius: 2px;
    transition: all .3s ease;
  }

  .nav__toggle span:nth-child(2) {
    top: 22px;
  }

  .nav__toggle span:nth-child(3) {
    top: 30px;
  }

  .nav__toggle[aria-expanded=true] span:nth-child(1) {
    top: 22px;
    transform: rotate(45deg);
  }

  .nav__toggle[aria-expanded=true] span:nth-child(2) {
    background: rgba(0,0,0,0);
  }

  .nav__toggle[aria-expanded=true] span:nth-child(3) {
    top: 22px;
    transform: rotate(-45deg);
  }

  .nav__logo {
    order: 2;
    display: flex;
    align-items: center;
    width: auto;
    height: 44px;
    margin: 0 auto 0 10px;
  }

  .nav__logo img {
    width: auto;
    height: 40px;
  }

  .nav__datos {
    order: 3;
    flex: 0 0 auto;
    height: auto;
    gap: 0;
  }

  .nav__dato {
    gap: 6px;
    font-size: 16px;
  }

  .nav__dato-icono {
    width: 22px;
    height: 24px;
  }

  .nav__cta {
    width: auto;
    height: 41px;
    margin: calc(-1*var(--diana-ring)) 1.5px calc(-1*var(--diana-ring)) 21px;
    padding: 0 16px;
    border-radius: 20.5px;
    font-size: 16px;
  }

  .nav__cta-icono {
    width: 26px;
    height: 20px;
    margin-right: 8px;
  }

  .nav__dato--tel {
    justify-content: center;
    gap: 0;
    width: 44px;
    height: 44px;
  }

  .nav__dato--tel span {
    display: none;
  }

  .nav__cta {
    width: 48px;
    height: 41px;
    margin: calc(-1*var(--diana-ring)) 1.5px calc(-1*var(--diana-ring)) 8px;
    padding: 0;
    border-radius: 20.5px;
    justify-content: center;
  }

  .nav__cta span {
    display: none;
  }

  .nav__cta-icono {
    width: 26px;
    height: 20px;
    margin: 0;
  }

  .nav__social {
    display: flex;
    margin: -1.5px 0 -1.5px 8px;
  }
}

@media screen and (min-width: 536px)and (max-width: 573.98px) {
  .nav {
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: none;
    height: 80px;
    margin: 0;
    padding: 0 15px;
    background: #f9f3eb;
  }

  .nav__inner,
  .nav__barra {
    display: contents;
  }

  .nav__dato--correo,
  .nav__social,
  .nav__menu {
    display: none;
  }

  .nav__toggle {
    order: 1;
    position: relative;
    display: block;
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    margin: 0;
  }

  .nav__toggle span {
    position: absolute;
    left: 12px;
    top: 14px;
    display: block;
    width: 24px;
    height: 4px;
    background: #232323;
    border-radius: 2px;
    transition: all .3s ease;
  }

  .nav__toggle span:nth-child(2) {
    top: 22px;
  }

  .nav__toggle span:nth-child(3) {
    top: 30px;
  }

  .nav__toggle[aria-expanded=true] span:nth-child(1) {
    top: 22px;
    transform: rotate(45deg);
  }

  .nav__toggle[aria-expanded=true] span:nth-child(2) {
    background: rgba(0,0,0,0);
  }

  .nav__toggle[aria-expanded=true] span:nth-child(3) {
    top: 22px;
    transform: rotate(-45deg);
  }

  .nav__logo {
    order: 2;
    display: flex;
    align-items: center;
    width: auto;
    height: 44px;
    margin: 0 auto 0 10px;
  }

  .nav__logo img {
    width: auto;
    height: 40px;
  }

  .nav__datos {
    order: 3;
    flex: 0 0 auto;
    height: auto;
    gap: 0;
  }

  .nav__dato {
    gap: 6px;
    font-size: 16px;
  }

  .nav__dato-icono {
    width: 22px;
    height: 24px;
  }

  .nav__cta {
    width: auto;
    height: 41px;
    margin: calc(-1*var(--diana-ring)) 1.5px calc(-1*var(--diana-ring)) 21px;
    padding: 0 16px;
    border-radius: 20.5px;
    font-size: 16px;
  }

  .nav__cta-icono {
    width: 26px;
    height: 20px;
    margin-right: 8px;
  }

  .nav__dato--tel {
    justify-content: center;
    gap: 0;
    width: 44px;
    height: 44px;
  }

  .nav__dato--tel span {
    display: none;
  }

  .nav__social {
    display: flex;
    margin: -1.5px 0 -1.5px 8px;
  }
}

@media screen and (min-width: 574px)and (max-width: 767px) {
  .nav {
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: none;
    height: 80px;
    margin: 0;
    padding: 0 15px;
    background: #f9f3eb;
  }

  .nav__inner,
  .nav__barra {
    display: contents;
  }

  .nav__dato--correo,
  .nav__social,
  .nav__menu {
    display: none;
  }

  .nav__toggle {
    order: 1;
    position: relative;
    display: block;
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    margin: 0;
  }

  .nav__toggle span {
    position: absolute;
    left: 12px;
    top: 14px;
    display: block;
    width: 24px;
    height: 4px;
    background: #232323;
    border-radius: 2px;
    transition: all .3s ease;
  }

  .nav__toggle span:nth-child(2) {
    top: 22px;
  }

  .nav__toggle span:nth-child(3) {
    top: 30px;
  }

  .nav__toggle[aria-expanded=true] span:nth-child(1) {
    top: 22px;
    transform: rotate(45deg);
  }

  .nav__toggle[aria-expanded=true] span:nth-child(2) {
    background: rgba(0,0,0,0);
  }

  .nav__toggle[aria-expanded=true] span:nth-child(3) {
    top: 22px;
    transform: rotate(-45deg);
  }

  .nav__logo {
    order: 2;
    display: flex;
    align-items: center;
    width: auto;
    height: 44px;
    margin: 0 auto 0 10px;
  }

  .nav__logo img {
    width: auto;
    height: 40px;
  }

  .nav__datos {
    order: 3;
    flex: 0 0 auto;
    height: auto;
    gap: 0;
  }

  .nav__dato {
    gap: 6px;
    font-size: 16px;
  }

  .nav__dato-icono {
    width: 22px;
    height: 24px;
  }

  .nav__cta {
    width: auto;
    height: 41px;
    margin: calc(-1*var(--diana-ring)) 1.5px calc(-1*var(--diana-ring)) 21px;
    padding: 0 16px;
    border-radius: 20.5px;
    font-size: 16px;
  }

  .nav__cta-icono {
    width: 26px;
    height: 20px;
    margin-right: 8px;
  }
}

@media screen and (min-width: 627px)and (max-width: 767px) {
  .nav__social {
    display: flex;
    margin: -1.5px 0 -1.5px 8px;
  }
}

@media screen and (min-width: 768px)and (max-width: 1399.98px) {
  .refrescos__inner {
    align-items: center;
    -moz-column-gap: clamp(20px,3vw,44px);
    column-gap: clamp(20px,3vw,44px);
    padding: clamp(44px,4.4vw,62px) clamp(24px,3.2vw,44px) clamp(56px,5.2vw,76px);
  }

  .refrescos__texto {
    flex: 1 1 46%;
    width: auto;
    max-width: 520px;
    margin-left: 0;
    padding-top: 0;
  }

  .refrescos__productos {
    flex: 1 1 54%;
    justify-content: flex-start;
    padding-left: 0;
  }

  .refrescos__producto {
    width: auto;
  }

  .refrescos__producto--latas {
    margin-left: clamp(12px,2.6vw,40px);
  }

  .refrescos__producto--agua {
    margin-left: clamp(16px,3vw,46px);
  }

  .refrescos__producto img {
    width: auto;
    height: clamp(110px,15vw,210px);
    margin-bottom: clamp(8px,1.2vw,18px);
  }

  .refrescos__precio {
    width: auto;
    min-width: clamp(84px,10vw,150px);
    height: clamp(34px,3.6vw,50px);
    padding: 0 clamp(10px,1.4vw,18px);
    border-radius: 999px;
    font-size: clamp(15px,1.5vw,21px);
    line-height: clamp(34px,3.6vw,50px);
  }

  .refrescos__cifra {
    font-size: clamp(20px,2.2vw,32px);
  }

  .refrescos__kicker {
    margin-left: 0;
    font-size: clamp(13px,1.4vw,18px);
    line-height: 1.4;
  }

  .refrescos__kicker::after {
    width: clamp(50px,6vw,85px);
    height: 2px;
    margin-left: 10px;
  }

  .refrescos__titulo {
    margin: .06em 0 0;
    font-size: clamp(38px,6vw,76px);
    line-height: 1.02;
  }

  .refrescos__parrafo {
    margin: .42em 0 0;
    font-size: clamp(16px,1.9vw,25px);
    line-height: 1.24;
    letter-spacing: 0;
  }

  .cta-banda {
    --diana-alto: clamp(40px, 3.6vw, 49px);
    width: clamp(190px,20vw,245px);
    padding: 0 clamp(14px,1.6vw,20px) calc(2*var(--diana-ring)) clamp(22px,2.4vw,30px);
    border-radius: 999px;
    font-size: clamp(15px,1.5vw,19px);
  }

  .cta-banda__icono {
    width: clamp(28px,2.8vw,36px);
    height: auto;
    margin-right: clamp(8px,.9vw,10px);
  }

  .refrescos__cta {
    margin: clamp(20px,2.2vw,34px) 0 calc(-2*var(--diana-ring)) auto;
  }

  .refrescos {
    --radio-monte: 40px;
  }

  .refrescos::before {
    border-radius: 0 0 var(--radio-monte) var(--radio-monte);
  }

  .refrescos::after {
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--radio-monte), #000 calc(100% - var(--radio-monte)), transparent 100%);
    mask-image: linear-gradient(to right, transparent 0, #000 var(--radio-monte), #000 calc(100% - var(--radio-monte)), transparent 100%);
  }

  .origen__inner {
    -moz-column-gap: clamp(20px,3vw,44px);
    column-gap: clamp(20px,3vw,44px);
    padding: clamp(44px,4.4vw,62px) clamp(24px,3.2vw,44px) clamp(48px,5vw,72px);
  }

  .origen__texto {
    flex: 1 1 52%;
    width: auto;
    max-width: 560px;
    padding-top: 0;
  }

  .origen__titulo {
    margin: 0;
    font-size: clamp(38px,6vw,72px);
    line-height: 1.04;
  }

  .origen__relato {
    margin-top: .7em;
    font-size: clamp(14px,1.55vw,19px);
    line-height: 1.55;
    letter-spacing: 0;
  }

  .origen__relato p+p {
    margin-top: .6em;
  }

  .origen__cta {
    margin: clamp(22px,2.4vw,36px) 0 calc(-2*var(--diana-ring));
  }

  .origen__fotos {
    flex: 1 1 44%;
    width: auto;
    height: auto;
    max-width: 747px;
    margin: 0 0 -2% 0;
    grid-template-columns: 100%;
    grid-template-rows: 100%;
    aspect-ratio: 747/646;
  }

  .origen__foto--grande {
    width: 79.79%;
    height: 91.49%;
    margin-left: 20.21%;
  }

  .origen__foto--grande img {
    border-radius: clamp(20px,2.6vw,50px);
  }

  .origen__foto--chica {
    width: 58.63%;
    height: 40.25%;
  }

  .origen__foto--chica img {
    border-radius: clamp(17px,2.2vw,42px);
  }

  .origen__foto--chica::before {
    top: -9.62%;
    left: 10.27%;
    width: 95.43%;
    height: 112.69%;
    border-radius: clamp(20px,2.6vw,50px);
  }

  .origen__foto--chica::after {
    box-shadow: 0 clamp(3px,.35vw,6px) clamp(12px,1.6vw,22px) rgba(0,0,0,.9);
  }

  .sabores__inner {
    -moz-column-gap: clamp(28px,3.4vw,59px);
    column-gap: clamp(28px,3.4vw,59px);
    padding: clamp(48px,4.8vw,72px) clamp(24px,3.4vw,48px) clamp(52px,4.8vw,72px) clamp(24px,5.2vw,72px);
  }

  .sabores__collage {
    flex: 0 0 46%;
    width: 46%;
    height: auto;
  }

  .sabores__collage img {
    width: 100%;
    height: auto;
  }

  .sabores__texto {
    flex: 1 1 auto;
    width: auto;
    max-width: 620px;
    margin-left: 0;
    margin-bottom: 32px;
  }

  .sabores__titulo {
    margin: 0;
    font-size: clamp(24px,2.75vw,38px);
    line-height: 1.35;
  }

  .sabores__parrafo {
    max-width: none;
    margin: .18em 0 0;
    font-size: clamp(14px,1.24vw,17.5px);
    line-height: 1.56;
    letter-spacing: 0;
  }

  .sabores__titulo--segundo {
    margin: 1.05em 0 0;
  }

  .sabores__parrafo--segundo {
    max-width: none;
    margin: .18em 0 0;
  }

  .sabores::after {
    bottom: -28px;
    height: 96px;
    border-radius: 0 0 40px 40px;
  }

  .sabores::before {
    bottom: -51px;
    height: 33px;
  }

  .antojo__fondo {
    height: 100%;
  }

  .antojo__inner {
    display: flex;
    flex-direction: column;
    padding: clamp(48px,4.8vw,72px) clamp(24px,3.4vw,48px) clamp(52px,4.8vw,72px) clamp(24px,5.2vw,72px);
  }

  .antojo__texto {
    order: 1;
  }

  .antojo__etiquetas {
    position: static;
    order: 2;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: clamp(8px,1vw,14px) clamp(10px,1.4vw,20px);
    margin-top: clamp(24px,3vw,40px);
  }

  .antojo__etiqueta {
    width: auto;
    margin: 0;
  }

  .antojo__etiqueta img {
    width: auto;
    height: clamp(44px,5.6vw,78px);
  }

  .antojo__kicker {
    margin: 0;
    font-size: clamp(14px,1.5vw,20px);
    line-height: 1.4;
  }

  .antojo__kicker::after {
    width: clamp(56px,6.8vw,95px);
    height: 2px;
    margin-left: 6px;
  }

  .antojo__titulo {
    position: static;
    top: auto;
    left: auto;
    width: auto;
    margin: .16em 0 0;
    font-size: clamp(34px,6.1vw,86px);
    line-height: 1.06;
  }

  .antojo__parrafo {
    margin: .5em 0 0;
    font-size: clamp(15px,1.85vw,26px);
    line-height: 1.28;
    letter-spacing: 0;
  }

  .antojo::after {
    height: 23px;
  }

  .combos__circulos {
    --d: clamp(140px, 16vw, 190px);
    grid-template-columns: repeat(3, var(--d));
    gap: calc(var(--d)*.126) calc(var(--d)*.5076);
    margin-top: clamp(24px,3vw,40px);
  }

  .combos__combo {
    width: var(--d);
    height: var(--d);
    border-width: calc(var(--d)*.0191);
  }

  .combos__linea {
    font-size: calc(var(--d)*.2672);
    line-height: calc(var(--d)*.229);
  }

  .combos__palabra {
    margin-left: 0;
  }

  .combos__signo {
    margin-right: .005em;
  }

  .combos__centavos {
    margin-left: .012em;
  }

  .combos__cifra--precio {
    margin-left: .02em;
  }

  .combos__inner {
    padding: clamp(40px,4.7vw,66px) 24px clamp(56px,6.6vw,92px);
  }

  .combos__horario {
    font-size: clamp(26px,3.125vw,44px);
    line-height: 1.05;
  }

  .combos__nota {
    margin-top: clamp(6px,.6vw,10px);
    font-size: clamp(15px,1.46vw,21px);
    line-height: 1.25;
  }

  .combos__anticipo {
    margin-top: clamp(26px,3.2vw,42px);
    font-size: clamp(15px,1.56vw,22px);
    line-height: 1.35;
  }

  .combos__foto {
    top: 0;
    left: 50%;
    width: auto;
    height: 125.61%;
    transform: translate(-50%, -20.36%);
  }

  .combos::after {
    bottom: calc(-1*clamp(9px,1.15vw,22px));
    width: 96.98%;
    height: clamp(30px,2.92vw,56px);
    border-radius: clamp(15px,1.46vw,28px) clamp(15px,1.46vw,28px) 0 0;
    clip-path: inset(-30px -40px clamp(9px, 1.15vw, 22px) -40px);
  }

  .galeria {
    --pico: 20px;
  }

  .galeria__inner {
    padding-top: clamp(9px,1.15vw,22px);
  }

  .galeria__rejilla {
    flex-wrap: wrap;
    justify-content: center;
    gap: clamp(14px,2.4vw,42px);
    width: min(100% - 2*var(--pico) - 16px,700px);
    margin: 0 auto;
    padding: 0;
  }

  .galeria__celda {
    flex: 1 1 40%;
    width: auto;
    max-width: none;
  }

  .galeria__foto {
    height: auto;
    aspect-ratio: 420/622;
    border-radius: clamp(14px,1.7vw,24px);
  }

  .galeria__cinta {
    top: 50%;
    left: 50%;
    width: min(100% - 16px,700px + 2*var(--pico));
    transform: translate(-50%, -50%);
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    -moz-column-gap: clamp(16px,2vw,28px);
    column-gap: clamp(16px,2vw,28px);
    row-gap: clamp(8px,1vw,14px);
    padding: clamp(22px,3vw,40px) clamp(18px,2.4vw,28px);
  }

  .galeria__pico {
    top: auto;
    bottom: 100%;
    width: var(--pico);
    height: auto;
  }

  .galeria__pico--izq {
    left: 0;
  }

  .galeria__pico--der {
    right: 0;
  }

  .galeria__texto {
    display: contents;
  }

  .galeria__titulo {
    grid-column: 1/-1;
    grid-row: 1;
    font-size: clamp(22px,1.75vw,24px);
    line-height: 1.16;
    white-space: normal;
  }

  .galeria__nota {
    grid-column: 1;
    grid-row: 2;
    margin-top: 0;
    font-size: clamp(12px,1.35vw,17px);
    line-height: 1.3;
  }

  .galeria__tel {
    grid-column: 2;
    grid-row: 2;
    justify-self: end;
    width: auto;
    height: clamp(50px,5.6vw,76px);
    padding: 0 clamp(14px,1.6vw,24px);
    border-radius: clamp(10px,1.2vw,18px);
  }

  .galeria__tel-icono {
    width: auto;
    height: clamp(28px,3.4vw,46px);
    margin-right: clamp(8px,1vw,14px);
  }

  .galeria__tel-numero {
    font-size: clamp(22px,2.5vw,34px);
    line-height: 1;
  }
}

@media screen and (min-width: 768px)and (max-width: 1399px) {
  .hero {
    height: auto;
    padding: calc(72px + (100vw - 768px)*.15) 0 calc(56px + (100vw - 768px)*.07);
  }

  .hero__foto {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    transform: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 62% center;
    object-position: 62% center;
  }

  .hero__degradado {
    left: 0;
    width: 57.14%;
  }

  .hero__aviso {
    right: 24px;
  }

  .hero__aviso-titulo {
    font-size: 11px;
  }

  .hero__aviso-archivo {
    margin-top: 4px;
    font-size: 12px;
  }

  .hero__inner {
    height: auto;
    padding: 0 24px;
  }

  .hero__titulo {
    font-size: calc(40px + (100vw - 768px)*.0331);
    line-height: 1.066;
  }

  .hero__subtitulo {
    margin-top: calc(14px + (100vw - 768px)*.0142);
    font-size: calc(15px + (100vw - 768px)*.0111);
    line-height: 1.25;
  }

  .hero__eventos {
    margin-top: calc(40px + (100vw - 768px)*.0348);
  }

  .hero__leyenda {
    font-size: calc(15px + (100vw - 768px)*.00633);
  }
}

@media screen and (min-width: 768px)and (max-width: 991px) {
  .footer__contenido {
    justify-content: center;
    gap: 40px;
  }

  .footer__logo {
    flex: 0 0 100%;
    justify-content: center;
  }

  .contacto__banda--titulo {
    padding: 48px 20px 30px;
  }

  .contacto__titulo {
    font-size: clamp(35px,4.64vw,46px);
  }

  .contacto__horario {
    margin-top: 18px;
    font-size: 15px;
  }

  .contacto__banda--formulario {
    padding: 0 20px 48px;
  }

  .formulario__fila {
    gap: 12px;
  }

  .formulario__control {
    height: 60px;
    padding: 2px 14px 0;
    font-size: 16px;
  }

  .formulario__control--area {
    height: 76px;
    padding-top: 16px;
  }

  .formulario__captcha {
    margin-top: 32px;
  }

  .formulario__acciones {
    margin-top: 32px;
  }

  .nav__inner {
    padding: 0 20px;
  }

  .nav__dato--correo {
    display: none;
  }

  .nav__logo {
    width: 240px;
    height: 69px;
  }

  .nav__social {
    margin-left: 16px;
  }
}

@media screen and (min-width: 768px)and (max-width: 991.98px) {
  .sabores__collage {
    align-self: center;
  }
}

@media screen and (min-width: 992px)and (max-width: 1399px) {
  .footer__contenido {
    flex-wrap: nowrap;
    gap: 40px;
    padding: 32px 24px;
  }

  .contacto__banda--titulo {
    padding: clamp(56px,4.6vw,64px) 24px clamp(30px,3vw,42px);
  }

  .nav__inner {
    padding: 0 20px;
  }

  .nav__dato--correo {
    display: none;
  }
}

@media screen and (min-width: 992px)and (max-width: 1199.98px) {
  .galeria {
    --pico: 24px;
  }
}

@media screen and (min-width: 992px)and (max-width: 1399.98px) {
  .titulo-tamales {
    height: auto;
    padding: clamp(56px,7vw,98px) 16px clamp(26px,3.2vw,45px);
  }

  .titulo-tamales__texto {
    margin: 0;
    font-size: clamp(44px,4.48vw,62.7px);
    line-height: .93;
  }

  .pastilla {
    height: auto;
    padding: 0 16px;
  }

  .pastilla__texto {
    width: min(736px,90%);
    height: auto;
    min-height: 63px;
    padding: 16px 24px;
    border-radius: 999px;
    font-size: clamp(16px,1.25vw,17.5px);
    line-height: 1.25;
    white-space: normal;
  }

  .tarjetas {
    height: auto;
    padding: clamp(40px,5.9vw,82px) 16px clamp(32px,4vw,56px);
  }

  .tarjetas__grid {
    align-items: flex-start;
    gap: 0;
    padding-top: 0;
  }

  .tarjetas__card {
    flex: 0 0 47%;
    width: 47%;
    height: auto;
    max-width: 644px;
    aspect-ratio: 644/882;
    border-radius: clamp(30px,3.6vw,50px);
  }

  .tarjetas__separador {
    position: relative;
    top: auto;
    left: auto;
    flex: 0 0 clamp(24px,3.5vw,72px);
    align-self: stretch;
    width: auto;
    height: auto;
    margin-left: 0;
    background: none;
  }

  .tarjetas__separador::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 9px;
    margin-left: -4.5px;
    border-radius: 5px;
    background: #dcdcdc;
  }

  .flyers {
    --k: 1;
    padding: clamp(40px,5.2vw,70px) 16px clamp(48px,6.2vw,120px);
  }

  .flyers__grid {
    gap: clamp(24px,3.9vw,74px);
  }

  .flyers__card {
    flex: 0 0 47%;
    width: 47%;
    max-width: 644px;
    border-radius: clamp(30px,3.6vw,50px);
  }
}

@media screen and (min-width: 1200px)and (max-width: 1399.98px) {
  .galeria {
    --pico: 29px;
  }
}

@media screen and (min-width: 1400px)and (max-width: 1919.98px) {
  .refrescos,
  .origen {
    --k: tan(atan2(100vw, 1920px));
  }

  body[data-page="1"] .hero__foto {
    top: 0;
    width: 100%;
    height: max(100%,37.6041666667vw);
    aspect-ratio: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 62% 0;
    object-position: 62% 0;
  }

  body[data-page="3"] .hero {
    min-height: 560px;
  }

  .sabores__inner {
    padding: 4.6354166637vw 0 4.4270833305vw 11.3020833261vw;
  }

  .sabores__collage {
    width: 35.5729166439vw;
    height: 22.395833319vw;
  }

  .sabores__texto {
    width: 32.291666646vw;
    margin-left: 3.0729166647vw;
  }

  .sabores__titulo {
    margin: 2.2916666652vw 0 0 -0.1041666666vw;
    font-size: 1.6770833323vw;
    line-height: 3.3854166645vw;
  }

  .sabores__parrafo {
    max-width: 30.4687499805vw;
    margin: -0.2083333332vw 0 0 0.0520833333vw;
    font-size: 0.9374999994vw;
    line-height: 1.4583333324vw;
  }

  .sabores__titulo--segundo {
    margin-top: 1.3020833325vw;
    margin-left: 0.1041666666vw;
  }

  .sabores__parrafo--segundo {
    max-width: 31.1979166467vw;
    margin-top: -0.2083333332vw;
    margin-left: 0.0520833333vw;
  }

  .sabores::after {
    bottom: -1.8229166655vw;
    height: 6.1979166627vw;
    border-radius: 0 0 2.604166665vw 2.604166665vw;
  }

  .sabores::before {
    bottom: -3.0208333314vw;
    height: 1.7187499989vw;
  }

  .antojo__fondo {
    height: 35.6249999772vw;
  }

  .antojo__inner {
    padding: 8.8020833277vw 0 11.0937499929vw 14.4270833241vw;
  }

  .antojo__kicker {
    margin: 0.1041666666vw 0 0 0.1041666666vw;
    font-size: 1.041666666vw;
    line-height: 1.4583333324vw;
  }

  .antojo__kicker::after {
    width: 4.9479166635vw;
    height: 0.1041666666vw;
    margin-left: 0.3124999998vw;
  }

  .antojo__titulo {
    margin: 0.3124999998vw 0 0 -0.1041666666vw;
    font-size: 4.4791666638vw;
    line-height: 4.166666664vw;
  }

  .antojo__parrafo {
    margin: 1.8229166655vw 0 0 0.1041666666vw;
    font-size: 1.3541666658vw;
    line-height: 1.4583333324vw;
  }

  .antojo__etiquetas {
    top: 8.8020833277vw;
    left: 46.9791666366vw;
  }

  .antojo__etiqueta--pork {
    width: 12.8645833251vw;
    margin-top: 2.1354166653vw;
  }

  .antojo__etiqueta--beans {
    width: 11.6666666592vw;
    margin-left: 1.2499999992vw;
  }

  .antojo__etiqueta--chicken {
    width: 12.2395833255vw;
    margin-top: 2.3437499985vw;
    margin-left: 1.1458333326vw;
  }

  .antojo__etiqueta--cheese {
    width: 11.3020833261vw;
    margin-top: 0.1041666666vw;
    margin-left: 0.4687499997vw;
  }

  .antojo::after {
    height: 1.1979166659vw;
  }

  .combos__inner {
    padding: 3.4895833311vw 0 5.6249999964vw;
  }

  .combos__horario {
    font-size: 3.124999998vw;
    line-height: 3.124999998vw;
  }

  .combos__nota {
    margin-top: 0.2083333332vw;
    font-size: 1.4583333324vw;
    line-height: 1.4583333324vw;
  }

  .combos__circulos {
    grid-template-columns: repeat(3, 13.6458333246vw);
    gap: 1.7187499989vw 6.9270833289vw;
    margin-top: 2.0312499987vw;
  }

  .combos__combo {
    width: 13.6458333246vw;
    height: 13.6458333246vw;
    border-width: 0.2604166665vw;
  }

  .combos__linea {
    font-size: 3.645833331vw;
    line-height: 3.124999998vw;
  }

  .combos__palabra {
    margin-left: 0;
  }

  .combos__signo {
    margin-right: 0.0520833333vw;
  }

  .combos__centavos {
    margin-left: 0.1041666666vw;
  }

  .combos__cifra--precio {
    margin-left: 0.2083333332vw;
  }

  .combos__anticipo {
    margin-top: 2.3437499985vw;
    font-size: 1.562499999vw;
    line-height: 1.562499999vw;
  }

  .combos::after {
    bottom: -1.1458333326vw;
    width: 96.9791666046vw;
    height: 2.9166666648vw;
    border-radius: 1.4583333324vw 1.4583333324vw 0 0;
  }

  .galeria__inner {
    padding-top: 1.1458333326vw;
  }

  .galeria__rejilla {
    padding: 0 3.124999998vw 0 2.8645833315vw;
  }

  .galeria__celda {
    flex: 0 0 21.874999986vw;
    width: 21.874999986vw;
  }

  .galeria__foto {
    height: 32.3958333126vw;
    border-radius: 1.2499999992vw;
  }

  .galeria__cinta {
    top: 9.3229166607vw;
    left: 0.9895833327vw;
    right: 1.1979166659vw;
    padding: 4.4270833305vw 13.3854166581vw 4.3749999972vw 13.5937499913vw;
  }

  .galeria__pico {
    top: -1.7187499989vw;
    width: 1.9791666654vw;
    height: 1.7187499989vw;
  }

  .galeria__pico--izq {
    left: -0.1041666666vw;
  }

  .galeria__pico--der {
    right: -0.0520833333vw;
  }

  .galeria__texto {
    margin: -0.3124999998vw 0 0 -0.0520833333vw;
  }

  .galeria__titulo {
    font-size: 1.7187499989vw;
    line-height: 1.8229166655vw;
  }

  .galeria__nota {
    margin-top: 0.2604166665vw;
    font-size: 1.3020833325vw;
    line-height: 1.3020833325vw;
  }

  .galeria__tel {
    width: 26.4583333164vw;
    height: 4.9999999968vw;
    padding-left: 2.6562499983vw;
    border-radius: 1.041666666vw;
  }

  .galeria__tel-icono {
    width: 3.4895833311vw;
    height: 3.7499999976vw;
    margin-right: 0.7291666662vw;
  }

  .galeria__tel-numero {
    font-size: 2.604166665vw;
    line-height: 1.1458333326vw;
  }

  body[data-page="2"] .hero__foto {
    top: 0;
    height: 100%;
    aspect-ratio: auto;
  }

  .contacto__banda--titulo,
  .contacto__banda--formulario {
    --k: tan(atan2(100vw, 1920px));
  }

  .formulario__control {
    font-size: calc(18px*var(--k));
    font-size: max(16px,18px*var(--k));
  }
}

@media screen and (min-width: 1400px) {
  body[data-page="2"] .hero {
    height: 723px;
  }

  .titulo-tamales,
  .pastilla,
  .tarjetas,
  .flyers {
    --k: tan(atan2(100vw, 1920px));
  }

  body[data-page="3"] .hero {
    height: min(722px,37.6041666667vw);
  }

  body[data-page="3"] .hero__foto {
    height: 100%;
    aspect-ratio: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }

  body[data-page="3"] .footer::before {
    height: 128px;
  }
}