.elementor-4407 .elementor-element.elementor-element-7793cea4 > .elementor-container{max-width:1440px;}.elementor-4407 .elementor-element.elementor-element-7793cea4{margin-top:20px;margin-bottom:20px;}.elementor-4407 .elementor-element.elementor-element-7cbe69cf{--spacer-size:50px;}.elementor-4407 .elementor-element.elementor-element-15c8a48a > .elementor-container{max-width:1440px;}.elementor-4407 .elementor-element.elementor-element-666d8b44 > .elementor-container{max-width:1240px;}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4407 .elementor-element.elementor-element-23fc7242{color:#1A2B3C;font-family:"Inter", Sans-serif;font-size:24px;font-weight:800;}.elementor-4407 .elementor-element.elementor-element-2c5d34ac{font-family:"Inter", Sans-serif;font-weight:400;}.elementor-4407 .elementor-element.elementor-element-5e3b0b3c{color:#005ABA;font-family:"Inter", Sans-serif;font-size:28px;font-weight:700;}.elementor-4407 .elementor-element.elementor-element-1a77bfef{--spacer-size:20px;}.elementor-4407 .elementor-element.elementor-element-5f6ebb32{color:#000000;font-family:"Inter", Sans-serif;font-weight:400;}.elementor-4407 .elementor-element.elementor-element-12ed3c05{color:#005ABA;font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;text-transform:uppercase;}.elementor-4407 .elementor-element.elementor-element-4f80fd2f{--spacer-size:20px;}.elementor-4407 .elementor-element.elementor-element-357de051{color:#005ABA;font-family:"Inter", Sans-serif;font-size:41px;font-weight:700;text-transform:uppercase;}@media(min-width:768px){.elementor-4407 .elementor-element.elementor-element-1f0d73b7{width:6.53%;}.elementor-4407 .elementor-element.elementor-element-3a6353a4{width:37.581%;}.elementor-4407 .elementor-element.elementor-element-54a6acbc{width:43.63%;}.elementor-4407 .elementor-element.elementor-element-797ee676{width:12.259%;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-72587584 *//* =====================================
   GALERIA MINIATURAS WOOCOMMERCE
   ===================================== */

/* CONTENEDOR GENERAL */
.gallery-thumbs-wrapper{
    position:relative;
    width:100%;
    margin-top:16px;
}

/* CONTENEDOR DE MINIATURAS */
.flex-control-thumbs{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:12px;
    overflow:hidden;
    justify-content:flex-start;
    align-items:center;
    padding:0 70px; /* espacio oculto para que no se vea la miniatura parcial */
    box-sizing:border-box;
}

/* CADA MINIATURA */
html body .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li,
.flex-control-thumbs li{
    flex:0 0 auto !important;
    width:88px !important;
    height:88px !important;
    margin:0 !important;
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
    background:transparent !important;
}

/* IMAGEN MINIATURA */
html body .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img,
html body .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active,
.flex-control-thumbs img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
    border-radius:10px !important;
    background:#f6f6f6 !important;
    padding:6px !important;
    cursor:pointer;
    opacity:1 !important;
    transition:transform .15s ease;
}

.flex-control-thumbs img:hover{
    transform:scale(1.05);
}

/* =====================================
   FLECHAS
   ===================================== */

.gallery-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:34px;
    height:34px;
    border-radius:50%;
    background:rgba(255,255,255,.95);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 2px 8px rgba(0,0,0,.25);
    cursor:pointer;
    z-index:20;
    font-size:20px;
    color:#1f4f8a;
    transition:all .2s ease;
}

/* POSICION */
.gallery-arrow.left{
    left:6px;
}

.gallery-arrow.right{
    right:6px;
}

/* HOVER */
.gallery-arrow:hover{
    background:#1f4f8a;
    color:#fff;
}

/**************************/
.woocommerce-product-gallery__image {
    position: relative;
    overflow: hidden;
    cursor: zoom-in;
}

.fsi-zoom-overlay {
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    display: none;
}

/* 🚫 DESACTIVAR ZOOM EN MOBILE */
@media (max-width:768px){

  .fsi-zoom-overlay{
      display:none !important;
  }

}

.fsi-zoom-overlay{
    position:absolute;
    inset:0;
    background-repeat:no-repeat;
    display:none;
    z-index:3;
    pointer-events:none;
}

.woocommerce-product-gallery__image a{
    position:relative;
    z-index:2;
}





/*******************************/
/**** MARCA DE AGUA ****/
/*******************************/

/* GALERIA NORMAL */
.woocommerce-product-gallery__image{
    position:relative;
}

.woocommerce-product-gallery__image::after{
    content:"";

    position:absolute;

    left:50%;
    top:50%;

    transform:translate(-50%,-50%);

    width:300px;
    height:80px;

    background:url('https://villafarma.mx/wp-content/uploads/2026/08/logo-2026-svg.svg') no-repeat center;

    background-size:contain;

    opacity:.05;

    pointer-events:none;

    z-index:9999;
}

/* LIGHTBOX ELEMENTOR */
.elementor-lightbox::after{
    content:"";

    position:fixed;

    left:50%;
    top:50%;

    transform:translate(-50%,-50%);

    width:400px;
    height:120px;

    background:url('https://farmaciasanisidro.mx/wp-content/uploads/2025/04/sanisidrologo-completo.svg') no-repeat center;

    background-size:contain;

    opacity:.05;

    pointer-events:none;

    z-index:999999;
}

/* OVERLAY DEL ZOOM */
.fsi-zoom-overlay{
    display:none;
}





/************************************/
/* FLECHAS NATIVAS ELEMENTOR */
/************************************/

.dialog-lightbox-navigation{
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
}

.dialog-lightbox-navigation button{
    opacity:1 !important;
    visibility:visible !important;

    width:58px !important;
    height:58px !important;

    border-radius:50% !important;

    background:rgba(255,255,255,.95) !important;

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

    transition:all .2s ease;
}

.dialog-lightbox-navigation button:hover{
    background:#1f4f8a !important;
}

.dialog-lightbox-navigation button i{
    color:#1f4f8a !important;
    font-size:28px !important;
}

.dialog-lightbox-navigation button:hover i{
    color:#fff !important;
}

/********************************/
/* ZOOM SCROLL LIGHTBOX */
/********************************/

/********************************/
/* HUD ZOOM */
/********************************/

.fsi-zoom-hud{

    position:fixed;

    right:24px;
    top:50%;

    transform:translateY(-50%);

    width:14px;
    height:220px;

    background:rgba(255,255,255,.15);

    border-radius:999px;

    overflow:hidden;

    z-index:999999999;

    display:none;

    backdrop-filter:blur(4px);

}

.fsi-zoom-bar{

    position:absolute;

    bottom:0;
    left:0;

    width:100%;
    height:0%;

    background:#1f4f8a;

    transition:height .08s linear;

}

/********************************/
/* IMAGEN */
/********************************/

img.elementor-lightbox-image{
    will-change:transform;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-58e82f3f *//* ==================================================
   STOCK WOOCOMMERCE – PASTILLA PREMIUM DINÁMICA (FINAL)
   ================================================== */

/* DISPONIBLE / ÚLTIMAS PIEZAS */
.stock.in-stock {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  height: 30px;                 /* ⬅️ ALTURA REAL */
  line-height: 30px;            /* ⬅️ CENTRADO PERFECTO */
  padding: 0;                   /* ⬅️ YA NO MANDA */

  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #000;

  background: linear-gradient(
    90deg,
    #b8f5d1 0%,
    #c9f7dd 50%,
    #b8f5d1 100%
  );

  border-radius: 999px !important;
  text-align: center;
  margin-top: 10px;
}

/* AGOTADO */
.stock.out-of-stock {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  height: 30px;                 /* ⬅️ MISMA ALTURA */
  line-height: 30px;
  padding: 0;

  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif; 
  font-size: 14px;
  font-weight: 700;
  color: #fff;

  background: linear-gradient(
    90deg,
    #f5b8b8 0%,
    #f7c9c9 50%,
    #f5b8b8 100%
  );

  border-radius: 999px !important;
  text-align: center;
  margin-top: 10px;
}

/* Quitar iconos / pseudo-elementos del theme */
.stock::before,
.stock::after {
  display: none;
}

/* MOBILE */
@media (max-width: 767px) {
  .stock.in-stock,
  .stock.out-of-stock {
    height: 30px;               /* ⬅️ MÁS CHAPARRO EN MOBILE */
    line-height: 30px;
    font-size: 14px;
    margin-top: 8px;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-77af7991 *//* ===============================
   FSI – BLOQUE COMPRA SINGLE
   =============================== */
.fsi-buy-box{
  max-width: 520px;
  width: 100%;
  margin-top: 12px;
}
/* ===== CANTIDAD ===== */
.fsi-qty-wrapper{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 30px;                 /* 🔻 MÁS CHAPARRO */
  border: 0px solid #111;
  border-radius: 999px !important;
  padding: 0 14px;
  margin-bottom: 12px;
  font-family: 'Inter', system-ui, sans-serif;
  background: #F0FAFA;
}
.fsi-qty-btn{
  background: none;
  border: none;
  width: 28px;
  height: 28px;
  display: flex;                /* 🔥 CENTRADO REAL */
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  color: #000;
}
.fsi-qty-label{
  font-size: 15px;              /* 🔻 más compacto */
  font-weight: 500;
  color: #000;
  line-height: 1;
}
/* ===== BOTONES ===== */
.fsi-btn{
  width: 100%;
  height: 30px !important;      /* 🔻 IGUAL DE BAJO */
  border-radius: 999px !important;
  border: none !important;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  margin-bottom: 10px;
  font-family: 'Inter', system-ui, sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
}
/* AGREGAR A CARRITO */
.fsi-add-to-cart{
  background: #1A9E96 !important;
  color: #fff !important;
}
/* COMPRAR AHORA */
.fsi-buy-now{
  background: #005ABA !important;
  color: #fff/* End custom CSS */