/** Shopify CDN: Minification failed

Line 561:1 Expected "}" to go with "{"

**/
/* =========================================================
   CUSTOM ALITON – GALERÍA PRODUCTO (MÓVIL)
   - Reduce/elimina marco de imagen grande (gallery-wrap)
   - Oculta lupa
   - Limpia miniaturas (sin tarjeta)
   ========================================================= */
@media (max-width: 989px){

  /* 1) MARCO REAL DE LA IMAGEN GRANDE (AQUÍ ESTÁ EL BORDE/TARJETA) */
  body.template-product .product-media-gallery-wrap{
    padding: 0.4rem !important;          /* <- igual que “funcionaba” en head */
    background: transparent !important;  /* quita fondo tipo tarjeta */
    box-shadow: none !important;         /* quita sombra */
    border: 0 !important;                /* por si hay borde */
    border-radius: 0 !important;         /* por si redondea el marco */
  }

  /* 2) CONTENEDOR DE LA MEDIA (por si el tema suma padding extra) */
  body.template-product .product-media{
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  /* 3) OCULTAR ICONO DE LUPA */
  body.template-product .product-media-icon-enlarge{
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* 4) MINIATURAS: quitar tarjeta/sombra/padding */
  body.template-product .product-media-scroll-wrap .product-media,
  body.template-product .product-media-scroll-wrap .product-media *{
    box-shadow: none !important;
  }

  body.template-product .product-media-scroll-wrap .product-media{
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  body.template-product .product-media-scroll-wrap .product-media-thumbnail,
  body.template-product .product-media-scroll-wrap .product-media-thumbnail img{
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    display: block !important;
  }

  body.template-product .product-media-scroll{
    padding: 0 !important;
    gap: 6px !important;
  }
}
/* === CUSTOM ALITON – quitar marco imagen grande (móvil) === */
@media (max-width: 989px){
  body.template-product .product-media-main-wrapper{
    box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
    padding: 0.4rem !important;   /* usa 0 si lo quieres pegado */
    border-radius: 0 !important;
    border: 0 !important;
  }
}
/* =========================================================
   CUSTOM ALITON – Barra métodos de pago (420 x 48 real)
   NÍTIDA, sin estirar, como Debut
   ========================================================= */

body.template-product a.shopify-payment-button__more-options,
body.template-product #more-payment-options-link{
  display: block !important;
  width: 100% !important;
  height: 48px !important;
  margin-top: 10px !important;

  background: #fff !important;
  border: 1px solid rgba(28, 27, 27, 0.18) !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;

  position: relative !important;
  overflow: hidden !important;
  text-decoration: none !important;
}

/* Oculta el texto sin romper el link */
body.template-product a.shopify-payment-button__more-options{
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}

/* Oculta cualquier <img> que meta Shopify */
body.template-product a.shopify-payment-button__more-options img{
  display: none !important;
}

/* Imagen HQ correctamente escalada */
body.template-product a.shopify-payment-button__more-options::after{
  content: "";
  position: absolute;
  inset: 0;

  /* CLAVE: casi sin márgenes laterales */
  padding: 4px 6px;

  background-image: url("/cdn/shop/files/Metodos_de_pago_hq.png?v=1768585253");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  image-rendering: -webkit-optimize-contrast;
  transform: translateZ(0);
  pointer-events: none;
}
/* ================================
   FLECHA ACORDEONES – PRODUCTO
   Alineada a la derecha
================================ */

/* Botón como contenedor flexible */
.product-info-description-content .facet-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

/* Ocultamos iconos / raya nativa */
.product-info-description-content .facet-toggle span.angle,
.product-info-description-content .facet-toggle::before {
  display: none !important;
  content: none !important;
}

/* Flecha base (cerrado) */
.product-info-description-content .facet-toggle::after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  border-right: 2.5px solid currentColor;
  border-bottom: 2.5px solid currentColor;
  transform: rotate(45deg);
  transition: transform 180ms ease;
  margin-left: 12px; /* separación del texto */
  flex-shrink: 0;
}

/* Flecha abierta (hacia arriba) */
.product-info-description-content
.facet-toggle[aria-expanded="true"]::after {
  transform: rotate(-135deg);
}
/* =========================================================
   ESPACIO ENTRE IMÁGENES GRANDES – SOLO MÓVIL
   (Carrusel principal / Flickity)
   ========================================================= */
@media (max-width: 749px) {
  .product-media-main-wrapper.flickity-enabled 
  .flickity-slider > * {
    margin-right: 8px; /* ajusta a 6px, 8px, 10px según gusto */
  }

  /* Evita que la última imagen se corte */
  .product-media-main-wrapper.flickity-enabled 
  .flickity-viewport {
    padding-right: 8px; /* mismo valor que el margin */
  }
}
/* Bloquear navegación en items padre (con submenú) SOLO en escritorio */
@media (hover: hover) and (pointer: fine) {
  ul.navigation-menu.navigation-main
  li.navigation-item.has-sub-menu > a {
    pointer-events: none;   /* no se puede clicar */
    cursor: default;
  }

  /* Asegura que el LI siga recibiendo hover para desplegar el submenú */
  ul.navigation-menu.navigation-main
  li.navigation-item.has-sub-menu {
    pointer-events: auto;
  }
}
/* ===============================
   PROMO CAJA – COLOR 100% DEL TEMA
   =============================== */

.aliton-promo-box{
  position: relative;
  margin-top: 16px;
  padding: 18px 20px 20px 20px;
  border: 1px solid rgba(var(--color-border), .45);
  border-radius: 14px;
  background: rgba(var(--color-background), .98);
  box-shadow: 0 6px 18px rgba(0,0,0,.05);
}

/* Barra lateral usando color-accent-1 */
.aliton-promo-box::before{
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  bottom: 16px;
  width: 4px;
  border-radius: 4px;
  background: rgb(var(--color-accent-1));
}

/* Alineación visual */
.aliton-promo-badge,
.aliton-promo-text{
  padding-left: 14px;
}

/* TITULO */
.aliton-promo-badge{
  display: block;
  margin: 0 0 8px 0;
  font-size: 16px;
  font-weight: 800;
  color: #000;
}

/* TEXTO */
.aliton-promo-text{
  display: block;
  margin: 0 0 14px 0;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 600;
  color: #000;
}

/* BOTÓN – MISMO COLOR EXACTO DEL TEMA */
.aliton-promo-link{
  display: inline-block;
  margin-left: 14px;
  padding: 12px 18px;
  border-radius: 10px;

  font-size: 14px;
  font-weight: 800;
  color: #fff;
  text-decoration: none;

  background: rgb(var(--color-accent-1));
  border: none;
  box-shadow: 0 8px 18px rgba(9, 86, 108, .35);
}

.aliton-promo-link:hover{
  filter: brightness(0.92);
  text-decoration: none;
}
/* =========================================================
   FOOTER (Pharm) – Layout final + quitar aire REAL debajo
   El aire venía de .footer-pre-info-content { padding-bottom: 3rem; }
   ========================================================= */

footer.footer{
  padding-top: 16px !important;
  padding-bottom: 8px !important;
}

/* Wrapper a FLEX (para controlar orden/anchos) */
footer.footer .footer-blocks-wrapper{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Quitar títulos tipo "Optional title" */
footer.footer .footer-blocks-wrapper .widget-title{
  display: none !important;
}

/* ---------- Desktop / Tablet ---------- */
@media (min-width: 750px){

  /* Share info -> izquierda */
  footer.footer .footer-blocks-wrapper > .grid-item:nth-child(1){
    order: 1 !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
    padding-right: 18px !important;
    box-sizing: border-box !important;
  }

  /* Dirección/horario -> derecha */
  footer.footer .footer-blocks-wrapper > .grid-item:nth-child(3){
    order: 2 !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
    padding-left: 18px !important;
    box-sizing: border-box !important;
  }

  /* Políticas -> abajo 100% */
  footer.footer .footer-blocks-wrapper > .grid-item:nth-child(2){
    order: 99 !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-top: 14px !important;       /* arriba estaba bien */
    padding-bottom: 0px !important;    /* no metas aire aquí */
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
  }
}

/* ---------- Móvil ---------- */
@media (max-width: 749px){
  footer.footer .footer-blocks-wrapper > .grid-item:nth-child(1){
    order: 1 !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  footer.footer .footer-blocks-wrapper > .grid-item:nth-child(3){
    order: 2 !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  footer.footer .footer-blocks-wrapper > .grid-item:nth-child(2){
    order: 3 !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-top: 12px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0 !important;
  }
}

/* Políticas: horizontal y centradas */
footer.footer .footer-blocks-wrapper > .grid-item:nth-child(2) ul.list-unstyled{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;

  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;

  column-gap: 22px !important;
  row-gap: 10px !important;

  list-style: none !important;
}

/* =========================================================
   AQUÍ ESTÁ EL AIRE: .footer-pre-info-content padding-bottom: 3rem
   Lo matamos.
   ========================================================= */
footer.footer .footer-pre-info-content,
footer.footer .footer-pre-info-content-centered{
  padding-bottom: 0 !important;  /* 👈 ADIÓS AIRE */
  margin-bottom: 0 !important;
}

/* A veces el wrapper también mete padding */
footer.footer .footer-pre-info-wrapper{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
}

/* Zona inferior (copyright/pagos): compacta */
footer.footer .footer-info-wrapper{
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  margin-top: 0 !important;
}

/* Si hay un "content bottom" con padding extra, lo aplanamos */
footer.footer .footer__content-bottom,
footer.footer .footer__content-bottom-wrapper{
  padding-top: 2px !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
}
/* =========================================================
   WhatsApp flotante (sin app) - ALITON
   ========================================================= */
.aliton-wa{
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9999;

  width: 56px;
  height: 56px;
  border-radius: 999px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: #25D366;
  box-shadow: 0 10px 22px rgba(0,0,0,.22);
  text-decoration: none !important;
}

.aliton-wa svg{
  width: 28px;
  height: 28px;
  display: block;
}

/* En escritorio lo subimos tantito si estorba con otros elementos */
@media (min-width: 750px){
  .aliton-wa{ bottom: 22px; }
}

/* En móvil lo subimos para que no choque con la barra del navegador */
@media (max-width: 749px){
  .aliton-wa{ bottom: 78px; }
}
/* =========================================================
   PHARM – NEGRITAS CON TONO UN POCO MÁS OSCURO
   ========================================================= */

/* Negritas en descripción */
.product-info-description-content strong,
.product-info-description-content b {
  font-weight: 700 !important;
  color: rgba(var(--color-foreground), 1) !important;

  /* Subir ligeramente el tono */
  filter: brightness(0.9);
  letter-spacing: 0.15px;
  
  /* CORRECCIÓN: Evitar espacio gigante (width auto) */
  min-width: 0 !important;
  width: auto !important;
  display: inline !important;
}

/* =========================================
   MÓVIL: OCULTAR BREADCRUMB (SECCIÓN COMPLETA)
   + ELIMINAR HUECO QUE DEJA
========================================= */
@media (max-width: 749px){

  /* 1) Mata todo el bloque de breadcrumbs */
  main#MainContent .section-breadcrumbs-wrapper{
    display: none !important;
  }

  /* 2) Por si el theme intenta reservar espacio (raro, pero pasa) */
  main#MainContent .section-breadcrumbs-wrapper,
  main#MainContent .section-breadcrumbs-wrapper *{
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: 0 !important;
  }

  /* 3) Quita el margen superior del primer section real que que*
/* MÓVIL: ocultar icono de lupa/enlarge en imagen principal */
@media (max-width: 749px){
  .product-media-icon-enlarge{
    display: none !important;
  }
}
/* =========================================
   MÓVIL: QUITAR HUECO ARRIBA/ABAJO EN PRODUCTO
   (causado por .section-content margin-block)
========================================= */
@media (max-width: 749px){

  /* 1) Breadcrumbs fuera (por si aún existe en alguna plantilla) */
  main#MainContent .section-breadcrumbs-wrapper{
    display: none !important;
  }

  /* 2) El verdadero culpable: .section-content del MAIN PRODUCT */
  main#MainContent [id^="shopify-section-template--"][id$="__main-product"] .section-content{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
  }

  /* 3) Por si el tema aplica margin-block global a .section-content */
  main#MainContent [id^="shopify-section-template--"][id$="__main-product"] .section-content{
    margin-block: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  /* Oculta los párrafos PERO SOLO del primer bloque (la descripción) */
  .footer-blocks-wrapper .grid-item:first-child .rte p {
    display: none !important;
  }
}

/* =========================================
   LIMITAR GRID A 6 ITEMS EN MÓVIL
   (Oculta items 7, 8, etc.)
========================================= */
@media screen and (max-width: 767px) {
  #shopify-section-template--1662853112002__collection-grid .grid-item:nth-child(n+7) {
    display: none !important;
  }
}
/* FUERZA MÁXIMA PARA ESCRITORIO (Solo aplica a pantallas grandes) */
@media screen and (min-width: 990px) {
  html body.template-policy .shopify-policy__body .rte b, 
  html body.template-policy .shopify-policy__body .rte strong,
  html body .rte b, 
  html body .rte strong {
    /* Forzamos el peso máximo manual */
    font-weight: 900 !important;
    color: #000000 !important;
    
    /* Engrosamiento físico (Aumentamos a 0.8px para que se note) */
    -webkit-text-stroke: 0.8px #000000 !important;
    text-shadow: 0.5px 0 0 #000 !important;
    
    /* Forzamos a que ignore la suavidad de la fuente */
    filter: brightness(0) contrast(200%) !important;
    -webkit-font-smoothing: none !important;
  }
}

/* Mantener móvil como está (porque ahí ya te gusta) */
@media screen and (max-width: 989px) {
  .rte b, .rte strong {
    font-weight: 700 !important;
    filter: brightness(0);
  }
}
@media screen and (max-width: 749px) {
  .hide-on-desktop .section-content {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}