/* =========================================
   AMNU - PAGINA SABORES
   Archivo: 35-flavors.css
   Scope: solo page-id-73
========================================= */

/* =========================================
   BASE
========================================= */

.page-id-73,
.page-id-73 .site,
.page-id-73 .site-content,
.page-id-73 .site-main,
.page-id-73 .entry-content,
.page-id-73 .ast-container {
  background: #f6f0dc;
}

.page-id-73 .site-main {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.page-id-73 .entry-content {
  margin-top: 0 !important;
}

.page-id-73 .amnu-premium-mobile {
  display: none;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 768px) {

  .page-id-73,
  .page-id-73 .site,
  .page-id-73 .site-content,
  .page-id-73 .site-main,
  .page-id-73 .entry-content,
  .page-id-73 .ast-container {
    background: #f6f0dc !important;
    overflow-x: hidden !important;
  }

  .page-id-73 .ast-container {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .page-id-73 .site-main,
  .page-id-73 .entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .page-id-73 .entry-content > *:first-child {
    margin-top: 0 !important;
  }

  /* =========================================
     HERO SABORES
  ========================================= */

  .page-id-73 .hero-sabores {
    position: relative !important;
    margin: 0 !important;
    min-height: auto !important;
    overflow: hidden !important;
  }

  .page-id-73 .hero-sabores .wp-block-cover__inner-container,
  .page-id-73 .hero-sabores .wp-block-group__inner-container {
    position: static !important;
  }

  .page-id-73 .hero-sabores .titulo-sabores {
    position: absolute !important;
    left: 50% !important;
    bottom: 54px !important;
    transform: translateX(-50%) !important;
    z-index: 3 !important;

    width: calc(100% - 32px) !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #FDF7E5 !important;
    text-align: center !important;
    font-size: 65px !important;
    line-height: 0.98 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
    text-shadow: 0 3px 10px rgba(0,0,0,0.22) !important;
  }

  .page-id-73 .hero-sabores .bajada-sabores {
    margin: 0 auto 14px auto !important;
    padding: 0 18px !important;
    max-width: 330px !important;

    color: #5b2a36 !important;
    text-align: center !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
  }

  /* =========================================
     MOSTRAR / OCULTAR PREMIUM
  ========================================= */

  .page-id-73 .amnu-premium-desktop {
    display: none !important;
  }

  .page-id-73 .amnu-premium-mobile {
    display: block !important;
  }

  /* =========================================
     SECCION CATEGORIA
  ========================================= */

  .page-id-73 .amnu-sabores-slider {
    margin: 0 0 34px 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  .page-id-73 .amnu-sabores-slider::before,
  .page-id-73 .amnu-sabores-slider::after {
    display: none !important;
    content: none !important;
  }

  /* =========================================
     FILA TITULO CATEGORIA CON LINEAS
  ========================================= */

  .page-id-73 .amnu-sabores-slider .wp-block-buttons {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    margin: 0 0 18px 0 !important;
    padding: 0 24px !important;
  }

  .page-id-73 .amnu-sabores-slider .wp-block-buttons::before,
  .page-id-73 .amnu-sabores-slider .wp-block-buttons::after {
    content: "" !important;
    display: block !important;
    flex: 1 1 auto !important;
    height: 2px !important;
    background: #6a2433 !important;
    opacity: 1 !important;
  }

  .page-id-73 .amnu-sabores-slider .wp-block-button {
    margin: 0 !important;
    flex: 0 0 auto !important;
  }

  .page-id-73 .amnu-sabores-slider .wp-block-button__link {
    background: #b86839 !important;
    color: #fff8ef !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 12px 30px !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.10) !important;
    white-space: nowrap !important;
  }

  /* =========================================
     CARRUSEL
  ========================================= */

  .page-id-73 .amnu-sabores-slider > .wp-block-columns {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 18px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 18px !important;
    margin: 0 !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  .page-id-73 .amnu-sabores-slider > .wp-block-columns::-webkit-scrollbar {
    display: none !important;
  }

  .page-id-73 .amnu-sabores-slider > .wp-block-columns > .wp-block-column {
    flex: 0 0 72% !important;
    min-width: 72% !important;
    margin: 0 !important;
    scroll-snap-align: start !important;
  }

  /* =========================================
     CARD
  ========================================= */

  .page-id-73 .amnu-sabor-card {
    background: #f7f0df !important;
    border: 1px solid rgba(120, 97, 73, 0.06) !important;
    box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.10) !important;
    padding: 14px 12px 12px 12px !important;
    text-align: center !important;
    min-height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
  }

  .page-id-73 .amnu-sabor-card .wp-block-group__inner-container,
  .page-id-73 .amnu-sabor-card.is-layout-flow,
  .page-id-73 .amnu-sabor-card.is-layout-constrained {
    width: 100% !important;
    text-align: center !important;
  }

  /* =========================================
     IMAGEN
  ========================================= */

  .page-id-73 .amnu-sabor-card figure,
  .page-id-73 .amnu-sabor-card .wp-block-image {
    margin: 0 auto 10px auto !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
  }

  .page-id-73 .amnu-sabor-card .wp-block-image figure {
    margin: 0 auto !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }

  .page-id-73 .amnu-sabor-card img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 155px !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    object-position: center center !important;
  }

  /* =========================================
     NOMBRE DEL SABOR
  ========================================= */

  .page-id-73 .amnu-sabor-card .nombre-sabor {
    color: #5a1f2e !important;
    font-size: 16px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.2px !important;
    text-align: center !important;
    margin: 0 !important;
  }

  /* =========================================
     DESCRIPCION DEL SABOR
  ========================================= */

  .page-id-73 .amnu-sabor-card .nombre-sabor + p {
    margin-top: 8px !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 92% !important;

    color: #5a4b44 !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    text-align: center !important;
    text-transform: none !important;
    font-weight: 400 !important;
  }

  /* =========================================
     AJUSTE ESPACIO HERO / PRIMER SLIDER
  ========================================= */

  .page-id-73 .hero-sabores + .bajada-sabores {
    margin-bottom: 12px !important;
  }

  .page-id-73 .amnu-sabores-slider:first-of-type {
    margin-top: 0 !important;
  }

  /* =========================================
     CARD CTA - IR A LA TIENDA
  ========================================= */

  .page-id-73 .btn-ir-tienda,
  .page-id-73 .amnu-sabor-card.btn-ir-tienda {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 8px !important;
    min-height: auto !important;
    height: auto !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
  }

  .page-id-73 .btn-ir-tienda::before,
  .page-id-73 .btn-ir-tienda::after,
  .page-id-73 .btn-ir-tienda .wp-block-buttons::before,
  .page-id-73 .btn-ir-tienda .wp-block-buttons::after,
  .page-id-73 .btn-ir-tienda .wp-block-button::before,
  .page-id-73 .btn-ir-tienda .wp-block-button::after {
    content: none !important;
    display: none !important;
  }

  .page-id-73 .btn-ir-tienda h1,
  .page-id-73 .btn-ir-tienda h2,
  .page-id-73 .btn-ir-tienda h3,
  .page-id-73 .btn-ir-tienda h4,
  .page-id-73 .btn-ir-tienda p,
  .page-id-73 .btn-ir-tienda .wp-block-heading {
    font-size: inherit !important;
    line-height: normal !important;
    font-weight: normal !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    color: inherit !important;
    margin: 0 !important;
    max-width: none !important;
  }

  .page-id-73 .btn-ir-tienda img {
    display: block !important;
    max-width: 160px !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto 18px auto !important;
  }

  .page-id-73 .btn-ir-tienda .wp-block-buttons {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .page-id-73 .btn-ir-tienda .wp-block-button {
    margin: 0 !important;
  }

  .page-id-73 .btn-ir-tienda .wp-block-button__link {
    background: #8fa05b !important;
    color: #fff8ef !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 14px 34px !important;
    font-size: 16px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    box-shadow: 0 6px 14px rgba(0,0,0,0.12) !important;
  }

  /* =========================================
     LIMPIEZA GUTENBERG
  ========================================= */

  .page-id-73 .wp-block-spacer,
  .page-id-73 .entry-content .wp-block-separator {
    display: none !important;
  }

  .page-id-73 .entry-content > .wp-block-group,
  .page-id-73 .entry-content > .wp-block-columns {
    margin-bottom: 0 !important;
  }
}


/* =========================================
   DESKTOP / TABLET
========================================= */

@media (min-width: 769px) {
  .page-id-73 .amnu-premium-desktop {
    display: block !important;
  }

  .page-id-73 .amnu-premium-mobile {
    display: none !important;
  }

  .page-id-73 .amnu-card-extra {
    display: none !important;
  }

  .page-id-73 .boton-tienda {
    display: none !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .page-id-73 .amnu-sabores-slider > .wp-block-columns > .wp-block-column {
    flex: 0 0 42% !important;
    min-width: 42% !important;
  }
}