@media (min-width: 769px), print {
    .abs-account-block-font-size,
    .block-addresses-list address,
    .box-billing-address .box-content,
    .box-shipping-address .box-content,
    .box-address-billing .box-content,
    .box-address-shipping .box-content,
    .box-information .box-content,
    .block-balance-giftcard .block-content,
    .block-reviews-dashboard .product-name {
        font-size: 14px !important;
    }
}

.order-details-items .order-title > strong {
    font-size: 1.2rem !important;
    font-weight: 300;
}

.block-order-details-view {
    line-height: 1.3;
}

.box-order-billing-method th {
    padding: 8px 0 !important;
}

.block-order-details-view .block-content div {
    padding-right: 12px;
}

.col-mp {
    padding: 0 0 !important;
}

.form.check-code input {
    width: 240px;
}

.block-gift-card-setting .block-content {
    padding: 0 0 12px 0 !important;
}

.cart-discount .control {
    margin-right: 12px;
    width: 200px;
}

.fieldset.reward, .fieldset.coupon {
    width: 50px;
}

@media (min-width: 768px) {
    .additional-attributes-wrapper .trs .trh .tr:nth-child(1) .data, .additional-attributes-wrapper .trs .trh .tr:nth-child(2) .data, .additional-attributes-wrapper .trs .trh .tr:nth-child(3) .data {
        font-weight: 400 !important;
    }
}

.block.review-add fieldset {
    margin-bottom: 12px;
}

.product.data.items > .item.title > .switch {
    border-bottom: 1px solid #ccc !important;
}
.product.data.items > .item.title.active > .switch {
    border-bottom: 0px !important;
}

@media only screen and (min-width: 549px) {
    .product.data.items > .item.content {
        margin-top: 39px !important;
    }
}

@media (max-width: 1024px) {
    .ammenu-nav-sections.-topmenu {
        display: none;
    }
}


.amsearch-item{
    float: left;
}
@media only screen and (max-width: 549px) {
    .amsearch-item{
        height: 400px;
    }
}
@media only screen and (mix-width: 550px) {
    .amsearch-item{
        height: 500px;
    }
}

.newsletter_cont h3 {
    font-size: 3.0rem;
    margin-bottom: 0.8rem;
    margin: 1.2rem 0;
  }

  .div-btn a span {
    font-size: 14px;
    padding-right: 12px;
  }

  .pagebuilder-column {
    margin: 6px !important;
  }

  .order-details-items {
    margin-top: -30px !important;
  }
/*
  .account .page-title-wrapper {
    margin-top: 60px !important;
  }
    */
  [data-content-type="row"][data-appearance="contained"] {
    max-width: 100%;
  }

/* Centrer le contenu principal */
#maincontent {
    max-width: 1540px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}
.page-wrapper [data-content-type="row"][data-appearance="contained"] {    
    max-width: 1540px;
    padding-left: 20px;
    padding-right: 20px;
}
#maincontent .page-wrapper {
    padding-left: 0px !important;
    padding-right: 0px !important;    
}
.page-wrapper #maincontent [data-content-type="row"][data-appearance="contained"] {
    padding-left: 0px !important;
    padding-right: 0px !important;    
}

  .amsearch-products-section .amsearch-item .product-item-description {
    word-break: normal !important;
  }

  @media (min-width: 769px), print {
    .navigation, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container {
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
}

@media (min-width: 769px), print {
    .navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main {
      max-width: 1540px !important;
    }
  }

  div[data-content-type="text"] {
    word-wrap: normal !important;
  }
  .account .page.messages {
    position: relative;
    /*top: 60px;*/
  }
  @media (max-width: 768px) {
    .account .page.messages {
      top: 60px;
    }
  }
  #search_mini_form .actions {
    height: 0;
  }
  @media only screen and (max-width: 639px) {
    .account .column.main {
        margin-top: 42px;
    }
  }
  .box-body p, .box-body h2, .box-body h3, .box-body div, .box-body .accordion-button {
    font-size: 14px !important;
  }

  .pagebuilder-column [data-content-type="products"] .block.widget .products-grid .widget-product-grid.product-items .product-item {
    width: none;
  }

@media (min-width: 641px) and (max-width: 768px) {
    .cms-page-view .products-grid .product-item {
        width: calc((100% - 4%) / 3) !important;
        margin-top: 12px !important;
    }
}
@media (min-width: 769px) and (max-width: 1024px), print {
    .cms-page-view .products-grid .product-item {
        width: calc((100% - 6%) / 4) !important;
        margin-top: 12px !important;
    }
}
@media (min-width: 1024px), print {
    .cms-page-view .products-grid .product-item {
        width: calc((100% - 12%) / 6) !important;
        margin-top: 12px !important;
    }
}
/*
@media (min-width: 1024px), print {
    .products-grid .product-item {
        width: calc((100% - 12%)/6) !important;
        margin-top: 12px !important;
    }
}
*/
@media (max-width: 640px) {
    .cms-page-view .products-grid .product-item {
        display: inline-block;
        width: calc((100% - 2%)/2) !important;
        margin-top: 12px !important;
    }
}

.product.description ul {
    margin-top: 0.6em !important;
  }
.product.description li {
list-style-position: inside;
}

@media (max-width: 640px) {
h1 {margin-top: 12px;}
}

#wishlist-view-form .actions-toolbar {
    margin: 24px 0 0 auto;
  }

  #discount-form {width: 200px;}
  #discount-form .control {margin-right: 12px;width: 200px;}
#discount-reward-form .control {width: 200px;float: left;}
.amrewards-discount-form {max-width: 340px !important;}
#discount-reward-form .actions-toolbar > .primary .action, .actions-toolbar > .secondary .action, .bundle-actions .action.primary.customize, .box-tocart .action.instant-purchase, .bundle-actions .amshopby-button.customize, .bundle-options-container .block-bundle-summary .box-tocart .amshopby-button, .bundle-actions .am-filter-go.customize, .bundle-options-container .block-bundle-summary .box-tocart .am-filter-go {
    width: auto !important;
  }
/*  .product-add-form .box-tocart .action.tocart {
    width: 100% !important;
  }*/

  div:not(.minicart-items-wrapper) > li.item.product.product-item  {
    min-height: 440px;
  }
  li.amsearch-item.product-item {
    min-height: 485px;
  }
  .block-products-list .product-item-info {
    min-height: 460px;
  }

  @media (max-width: 767px) {
    .popup-information-envio .body .content ul {
      padding: 0 0 0 6% !important;
    }
  }

  .product-reviews-summary .reviews-actions {
    font-size: 12px !important;
  }

/* === Reservar (preorder) button ============================================
   Unified across listings, search results, PDP, related, Zaca_Sort widgets
   and the meili autocomplete. Same brand color as Comprar — differentiation
   comes from the clock icon prefix only.
   The .action--preorder class is injected by:
     - Zaca\Extra\Plugin\PreorderListButtonText  (server-rendered tocart)
     - Zaca_Meili autocomplete.js                (client-rendered autocomplete)
   ========================================================================= */
.action--preorder > span {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
}
.action--preorder > span::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279.5%27/%3E%3Cpolyline%20points%3D%2712%207%2012%2012%2016%2014%27/%3E%3C/svg%3E") no-repeat center / contain;
          mask: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279.5%27/%3E%3Cpolyline%20points%3D%2712%207%2012%2012%2016%2014%27/%3E%3C/svg%3E") no-repeat center / contain;
}

/* Suppress the PDP add-to-cart icon (luma-icons \e611 cart glyph) baked into
   the legacy styles.css from the dropped z2023 parent. Applies to both the
   regular "Comprar" and the preorder "Reservar" buttons. */
.product-add-form .box-tocart .action.tocart::before {
  content: none !important;
}

/* Center the add-to-cart row inside Zaca_Sort widget cards (Novedades, bestsellers,
   ofertas, etc.). The default `.prod-block .add-to-cart` is `display:flex` with
   no width set, so the row shrinks to fit its contents and sticks to the left.
   Forcing `width: 100%` + `justify-content: center` puts the button group in
   the middle of the card. */
.prod-grid .prod-block .add-to-cart {
  width: 100%;
  justify-content: center;
  gap: 8px;
}

/* Category listing: align all action buttons at the bottom of each card so
   the row of "Añadir al carrito" / "Reservar" sits on the same horizontal
   line across the row. Default Luma markup is `display: inline-block` with
   `vertical-align: top`, which leaves each card at its natural height and the
   button ends up at a different Y depending on name / price / badge height.
   Flex-wrap on the row equalizes heights; `margin-top: auto` on the inner
   action wrapper pins the button to the bottom of every card. */
.catalog-category-view .products-grid .product-items {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.catalog-category-view .products-grid .product-item {
  display: flex;
  flex-direction: column;
}
.catalog-category-view .products-grid .product-item-info {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.catalog-category-view .products-grid .product-item-details {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.catalog-category-view .products-grid .product-item-inner {
  margin-top: auto;
  padding-top: 12px;
}
.catalog-category-view .products-grid .product-item .action.tocart {
  border-radius: 4px;
}

/* === Próximos lanzamientos (CMS page "proximos-lanzamientos.html") =========
   Convierte cada juego en una tarjeta sin tocar el contenido editable: la
   página sigue siendo Page Builder puro (imagen + texto por juego) y Laura la
   edita con el editor visual. El CSS apunta a las CLASES ESTABLES de Page
   Builder (.pagebuilder-column-group / -column / -column-line, data-content-type),
   nunca a los IDs data-pb-style, que cambian en cada guardado.

   IMPORTANTE: todo va acotado a `.cms-proximos-lanzamientos-html .column.main`.
   El header, la banda de envío y el footer también son Page Builder; si solo
   acotáramos al body, este estilo de tarjeta se les caería encima. `.column.main`
   limita el efecto al cuerpo de la página.
   ========================================================================= */
.cms-proximos-lanzamientos-html .column.main [data-content-type="row"] [data-element="inner"] {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

/* cada juego (grupo de columnas) -> tarjeta */
.cms-proximos-lanzamientos-html .column.main .pagebuilder-column-group {
  position: relative; /* ancla del enlace que cubre toda la tarjeta */
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 18px;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.cms-proximos-lanzamientos-html .column.main .pagebuilder-column-group:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px -14px rgba(26, 26, 26, .3);
  border-color: #dcdcdc;
}
/* anular el margin:6px global de .pagebuilder-column para que la portada
   quede a ras de la tarjeta */
.cms-proximos-lanzamientos-html .column.main .pagebuilder-column-group .pagebuilder-column {
  margin: 0 !important;
}

/* columna de la imagen (1ª): fondo blanco (las portadas suelen ser claras y
   sobre gris se ensuciaban). La caja "flota" con su sombra; un divisor sutil
   la separa del texto sin meter un bloque de color. */
.cms-proximos-lanzamientos-html .column.main .pagebuilder-column-group .pagebuilder-column:first-child {
  background: #fff !important;
  border-right: 1px solid #f0f0f0;
  justify-content: center !important;
  align-items: center;
  padding: 18px;
}
.cms-proximos-lanzamientos-html .column.main .pagebuilder-column-group figure {
  margin: 0;
}
.cms-proximos-lanzamientos-html .column.main .pagebuilder-column-group figure img {
  max-height: 180px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  transition: transform .35s ease;
}
.cms-proximos-lanzamientos-html .column.main .pagebuilder-column-group:hover figure img {
  transform: scale(1.05);
}

/* columna de texto (2ª) */
.cms-proximos-lanzamientos-html .column.main .pagebuilder-column-group .pagebuilder-column:last-child {
  justify-content: center !important;
  padding: 20px 26px;
}

/* --- Elementos de la ficha (editables desde el bloque de texto de cada juego) ---
   El bloque de texto de cada juego usa estas clases:
     <p class="zl-fecha">Q3 2026</p>               -> badge azul (arriba a la derecha)
     <p class="zl-editorial">Zacatrus</p>          -> pastilla amarilla de editorial
     <h3 class="zl-nombre"><a href="…">Nombre</a>  -> nombre del juego (enlace opcional)
     <p class="zl-autor">Autor…</p>                -> autoría
     <p class="zl-datos">                          -> fila de pastillas
        <span class="zl-tipo">Familiar</span>
        <span class="zl-jugadores">4-6 jugadores</span>
        <span class="zl-tiempo">15 min</span>
        <span class="zl-edad">+14 años</span>
     </p>
   Los iconos de las pastillas los pone el CSS solo: Laura escribe solo el texto. */

.cms-proximos-lanzamientos-html .column.main .zl-fecha {
  float: right;
  margin: 0 0 6px 14px;
  background: #2192d1;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  padding: 5px 13px;
  border-radius: 999px;
}
.cms-proximos-lanzamientos-html .column.main .zl-editorial {
  display: inline-block;
  margin: 0 0 8px;
  background: #ffcd1d;
  color: #1a1a1a;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  padding: 3px 9px;
  border-radius: 6px;
}
.cms-proximos-lanzamientos-html .column.main .zl-nombre {
  margin: 0 0 4px;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.18;
}
.cms-proximos-lanzamientos-html .column.main .zl-nombre a {
  color: #1a1a1a;
  text-decoration: none;
}
.cms-proximos-lanzamientos-html .column.main .pagebuilder-column-group:hover .zl-nombre a {
  color: #2192d1;
}
/* hace clicable TODA la tarjeta reusando el enlace del título: su ::after se
   estira sobre el grupo de columnas (que es position:relative). Los juegos sin
   enlace (p.ej. Tsukimi) simplemente no quedan clicables. */
.cms-proximos-lanzamientos-html .column.main .zl-nombre a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.cms-proximos-lanzamientos-html .column.main .zl-autor {
  margin: 0 0 14px;
  color: #777;
  font-size: 14px;
}

/* fila de pastillas (chips) */
.cms-proximos-lanzamientos-html .column.main .zl-datos {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}
.cms-proximos-lanzamientos-html .column.main .zl-datos span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #f4f5f6;
  color: #404040;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  padding: 7px 12px;
  border-radius: 8px;
}
/* icono de cada pastilla: máscara SVG tintada en azul de marca.
   Solo se pinta en las 4 clases conocidas (un span sin clase no lleva icono). */
.cms-proximos-lanzamientos-html .column.main .zl-jugadores::before,
.cms-proximos-lanzamientos-html .column.main .zl-tiempo::before,
.cms-proximos-lanzamientos-html .column.main .zl-edad::before,
.cms-proximos-lanzamientos-html .column.main .zl-tipo::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  flex: none;
  background-color: #2192d1;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
.cms-proximos-lanzamientos-html .column.main .zl-jugadores::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M17%2021v-2a4%204%200%200%200-4-4H5a4%204%200%200%200-4%204v2%27/%3E%3Ccircle%20cx%3D%279%27%20cy%3D%277%27%20r%3D%274%27/%3E%3Cpath%20d%3D%27M23%2021v-2a4%204%200%200%200-3-3.87%27/%3E%3Cpath%20d%3D%27M16%203.13a4%204%200%200%201%200%207.75%27/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M17%2021v-2a4%204%200%200%200-4-4H5a4%204%200%200%200-4%204v2%27/%3E%3Ccircle%20cx%3D%279%27%20cy%3D%277%27%20r%3D%274%27/%3E%3Cpath%20d%3D%27M23%2021v-2a4%204%200%200%200-3-3.87%27/%3E%3Cpath%20d%3D%27M16%203.13a4%204%200%200%201%200%207.75%27/%3E%3C/svg%3E");
}
.cms-proximos-lanzamientos-html .column.main .zl-tiempo::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279%27/%3E%3Cpath%20d%3D%27M12%207v5l3%202%27/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%279%27/%3E%3Cpath%20d%3D%27M12%207v5l3%202%27/%3E%3C/svg%3E");
}
.cms-proximos-lanzamientos-html .column.main .zl-edad::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%202l2.4%204.9%205.4.8-3.9%203.8.9%205.4-4.8-2.5-4.8%202.5.9-5.4L4.2%207.7l5.4-.8z%27/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%202l2.4%204.9%205.4.8-3.9%203.8.9%205.4-4.8-2.5-4.8%202.5.9-5.4L4.2%207.7l5.4-.8z%27/%3E%3C/svg%3E");
}
.cms-proximos-lanzamientos-html .column.main .zl-tipo::before {
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%273%27%20width%3D%2718%27%20height%3D%2718%27%20rx%3D%273%27/%3E%3Ccircle%20cx%3D%278.5%27%20cy%3D%278.5%27%20r%3D%271.4%27%20fill%3D%27black%27/%3E%3Ccircle%20cx%3D%2715.5%27%20cy%3D%2715.5%27%20r%3D%271.4%27%20fill%3D%27black%27/%3E%3Ccircle%20cx%3D%2715.5%27%20cy%3D%278.5%27%20r%3D%271.4%27%20fill%3D%27black%27/%3E%3Ccircle%20cx%3D%278.5%27%20cy%3D%2715.5%27%20r%3D%271.4%27%20fill%3D%27black%27/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%273%27%20width%3D%2718%27%20height%3D%2718%27%20rx%3D%273%27/%3E%3Ccircle%20cx%3D%278.5%27%20cy%3D%278.5%27%20r%3D%271.4%27%20fill%3D%27black%27/%3E%3Ccircle%20cx%3D%2715.5%27%20cy%3D%2715.5%27%20r%3D%271.4%27%20fill%3D%27black%27/%3E%3Ccircle%20cx%3D%2715.5%27%20cy%3D%278.5%27%20r%3D%271.4%27%20fill%3D%27black%27/%3E%3Ccircle%20cx%3D%278.5%27%20cy%3D%2715.5%27%20r%3D%271.4%27%20fill%3D%27black%27/%3E%3C/svg%3E");
}

/* móvil: apilar imagen sobre texto */
@media (max-width: 600px) {
  .cms-proximos-lanzamientos-html .column.main .pagebuilder-column-group .pagebuilder-column-line {
    flex-direction: column !important;
  }
  .cms-proximos-lanzamientos-html .column.main .pagebuilder-column-group .pagebuilder-column {
    width: 100% !important;
  }
  .cms-proximos-lanzamientos-html .column.main .pagebuilder-column-group figure img {
    max-height: 240px;
  }
}