.elementor-56860 .elementor-element.elementor-element-1196f2e2 > .elementor-container{max-width:1440px;}.elementor-56860 .elementor-element.elementor-element-58fb1751{--spacer-size:15px;}.elementor-56860 .elementor-element.elementor-element-583d3c8b{--spacer-size:10px;}.elementor-56860 .elementor-element.elementor-element-3ddef259{padding:0% 0% 0% 0%;}.elementor-56860 .elementor-element.elementor-element-ba91561{--spacer-size:1px;}.elementor-56860 .elementor-element.elementor-element-6fc2839c > .elementor-container{max-width:1440px;}.elementor-56860 .elementor-element.elementor-element-6fc2839c{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-56860 .elementor-element.elementor-element-4735bf62 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-56860 .elementor-element.elementor-element-6cf8b589{text-align:center;}.elementor-56860 .elementor-element.elementor-element-6cf8b589 .elementor-heading-title{color:#004582;font-family:"Inter", Sans-serif;font-weight:600;}.elementor-56860 .elementor-element.elementor-element-6cf8b589 > .elementor-widget-container{padding:40px 20px 20px 20px;}.elementor-56860 .elementor-element.elementor-element-382ff6f4{text-align:center;}.elementor-56860 .elementor-element.elementor-element-382ff6f4 .elementor-heading-title{color:#004582;font-family:"Inter", Sans-serif;font-weight:600;}.elementor-56860 .elementor-element.elementor-element-382ff6f4 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-56860 .elementor-element.elementor-element-4a57ec47{text-align:center;}.elementor-56860 .elementor-element.elementor-element-4a57ec47 .elementor-heading-title{color:#004582;font-family:"Inter", Sans-serif;font-size:32px;font-weight:400;}.elementor-56860 .elementor-element.elementor-element-4a57ec47 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-56860 .elementor-element.elementor-element-616f518a{--spacer-size:20px;}.elementor-56860 .elementor-element.elementor-element-30780525{text-align:center;}.elementor-56860 .elementor-element.elementor-element-30780525 .elementor-heading-title{color:#004582;font-family:"Inter", Sans-serif;font-weight:600;}.elementor-56860 .elementor-element.elementor-element-30780525 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-56860 .elementor-element.elementor-element-185dbd66{--spacer-size:20px;}.elementor-56860 .elementor-element.elementor-element-8c03472 .elementor-repeater-item-2335fbc .swiper-slide-bg{background-color:#833ca3;background-image:url(https://farmaciasanisidro.mx/wp-content/uploads/2026/04/Programa-de-Lealtad02.png);background-size:cover;}.elementor-56860 .elementor-element.elementor-element-8c03472 .elementor-repeater-item-2335fbc .swiper-slide-contents{margin-right:auto;}.elementor-56860 .elementor-element.elementor-element-8c03472 .elementor-repeater-item-2335fbc .swiper-slide-inner{align-items:center;text-align:left;}.elementor-56860 .elementor-element.elementor-element-8c03472 .swiper-slide{height:300px;transition-duration:calc(5000ms*1.2);}.elementor-56860 .elementor-element.elementor-element-8c03472 .swiper-slide-contents{max-width:37%;}.elementor-56860 .elementor-element.elementor-element-8c03472 .swiper-slide-inner{text-align:left;}.elementor-56860 .elementor-element.elementor-element-8c03472 .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:20px;}.elementor-56860 .elementor-element.elementor-element-8c03472 .elementor-slide-heading{color:#202865;font-family:"Inter", Sans-serif;font-size:35px;font-weight:600;text-transform:none;line-height:38px;word-spacing:0px;}.elementor-56860 .elementor-element.elementor-element-8c03472 .swiper-slide-inner .elementor-slide-description:not(:last-child){margin-bottom:0px;}.elementor-56860 .elementor-element.elementor-element-8c03472 .elementor-slide-description{color:#E10000;font-family:"Inter", Sans-serif;font-size:22px;font-weight:600;word-spacing:0px;}.elementor-56860 .elementor-element.elementor-element-8c03472 .elementor-slide-button{border-radius:30px;color:#FFFFFF;background-color:#FF0000;border-color:#FF0000;}.elementor-56860 .elementor-element.elementor-element-507d04f1 .elementor-repeater-item-2335fbc .swiper-slide-bg{background-color:#833ca3;background-image:url(https://farmaciasanisidro.mx/wp-content/uploads/2026/01/Alianza.jpg);background-size:cover;}.elementor-56860 .elementor-element.elementor-element-507d04f1 .swiper-slide{height:300px;transition-duration:calc(5000ms*1.2);}.elementor-56860 .elementor-element.elementor-element-507d04f1 .swiper-slide-contents{max-width:53%;}.elementor-56860 .elementor-element.elementor-element-507d04f1 .swiper-slide-inner{text-align:left;}.elementor-56860 .elementor-element.elementor-element-507d04f1 .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:22px;}.elementor-56860 .elementor-element.elementor-element-507d04f1 .elementor-slide-heading{color:#202865;font-family:"Roboto", Sans-serif;font-size:35px;font-weight:600;line-height:38px;letter-spacing:0px;word-spacing:0px;}.elementor-56860 .elementor-element.elementor-element-507d04f1 .swiper-slide-inner .elementor-slide-description:not(:last-child){margin-bottom:0px;}.elementor-56860 .elementor-element.elementor-element-507d04f1 .elementor-slide-button{border-radius:30px;color:#FFFFFF;background-color:#FF0000;border-color:#FF0000;}.elementor-56860 .elementor-element.elementor-element-41291c65{text-align:center;}.elementor-56860 .elementor-element.elementor-element-41291c65 .elementor-heading-title{color:#004582;font-family:"Inter", Sans-serif;font-weight:600;}.elementor-56860 .elementor-element.elementor-element-41291c65 > .elementor-widget-container{padding:40px 20px 20px 20px;}.elementor-56860 .elementor-element.elementor-element-5c40c90 > .elementor-element-populated{border-style:none;box-shadow:0px 0px 1px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-56860 .elementor-element.elementor-element-5c40c90 > .elementor-element-populated, .elementor-56860 .elementor-element.elementor-element-5c40c90 > .elementor-element-populated > .elementor-background-overlay, .elementor-56860 .elementor-element.elementor-element-5c40c90 > .elementor-background-slideshow{border-radius:8px 8px 8px 8px;}.elementor-56860 .elementor-element.elementor-element-5c40c90 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-56860 .elementor-element.elementor-element-1edc409{text-align:center;}.elementor-56860 .elementor-element.elementor-element-1edc409 .elementor-heading-title{color:#004582;font-family:"Inter", Sans-serif;font-size:30px;font-weight:700;}.elementor-56860 .elementor-element.elementor-element-1edc409 > .elementor-widget-container{padding:40px 20px 20px 20px;}.elementor-56860 .elementor-element.elementor-element-4240cd89 > .elementor-element-populated{border-style:none;box-shadow:0px 0px 1px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-56860 .elementor-element.elementor-element-4240cd89 > .elementor-element-populated, .elementor-56860 .elementor-element.elementor-element-4240cd89 > .elementor-element-populated > .elementor-background-overlay, .elementor-56860 .elementor-element.elementor-element-4240cd89 > .elementor-background-slideshow{border-radius:8px 8px 8px 8px;}.elementor-56860 .elementor-element.elementor-element-4240cd89 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-56860 .elementor-element.elementor-element-3c7fa801{text-align:center;}.elementor-56860 .elementor-element.elementor-element-3c7fa801 .elementor-heading-title{color:#004582;font-family:"Inter", Sans-serif;font-size:30px;font-weight:700;}.elementor-56860 .elementor-element.elementor-element-3c7fa801 > .elementor-widget-container{padding:40px 20px 20px 20px;}.elementor-56860 .elementor-element.elementor-element-3f87ba4b > .elementor-element-populated{border-style:none;box-shadow:0px 0px 1px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-56860 .elementor-element.elementor-element-3f87ba4b > .elementor-element-populated, .elementor-56860 .elementor-element.elementor-element-3f87ba4b > .elementor-element-populated > .elementor-background-overlay, .elementor-56860 .elementor-element.elementor-element-3f87ba4b > .elementor-background-slideshow{border-radius:8px 8px 8px 8px;}.elementor-56860 .elementor-element.elementor-element-3f87ba4b > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-56860 .elementor-element.elementor-element-8c230b3{text-align:center;}.elementor-56860 .elementor-element.elementor-element-8c230b3 .elementor-heading-title{color:#004582;font-family:"Inter", Sans-serif;font-size:30px;font-weight:700;}.elementor-56860 .elementor-element.elementor-element-8c230b3 > .elementor-widget-container{padding:40px 20px 20px 20px;}.elementor-56860 .elementor-element.elementor-element-17ca3f5d{text-align:center;}.elementor-56860 .elementor-element.elementor-element-17ca3f5d .elementor-heading-title{color:#004582;font-family:"Inter", Sans-serif;font-size:16px;font-weight:700;}.elementor-56860 .elementor-element.elementor-element-17ca3f5d > .elementor-widget-container{padding:26px 20px 20px 20px;}.elementor-56860 .elementor-element.elementor-element-57d9b36b{--spacer-size:15px;}@media(max-width:1024px){.elementor-56860 .elementor-element.elementor-element-507d04f1 .swiper-slide{height:300px;}}@media(min-width:768px){.elementor-56860 .elementor-element.elementor-element-1e313dbe{width:100%;}.elementor-56860 .elementor-element.elementor-element-4735bf62{width:100%;}}@media(max-width:767px){.elementor-56860 .elementor-element.elementor-element-583d3c8b{--spacer-size:1px;}.elementor-56860 .elementor-element.elementor-element-3ddef259{margin-top:-26px;margin-bottom:0px;}.elementor-56860 .elementor-element.elementor-element-ba91561{--spacer-size:1px;}.elementor-56860 .elementor-element.elementor-element-6fc2839c{padding:0% 0% 0% 0%;}.elementor-56860 .elementor-element.elementor-element-6cf8b589 .elementor-heading-title{font-size:28px;}.elementor-56860 .elementor-element.elementor-element-382ff6f4 .elementor-heading-title{font-size:28px;}.elementor-56860 .elementor-element.elementor-element-4a57ec47 .elementor-heading-title{font-size:28px;}.elementor-56860 .elementor-element.elementor-element-616f518a{--spacer-size:1px;}.elementor-56860 .elementor-element.elementor-element-30780525 .elementor-heading-title{font-size:28px;}.elementor-56860 .elementor-element.elementor-element-3f4e8a98{width:100%;}.elementor-56860 .elementor-element.elementor-element-507d04f1 .swiper-slide-contents{max-width:46%;}.elementor-56860 .elementor-element.elementor-element-41291c65 .elementor-heading-title{font-size:28px;}.elementor-56860 .elementor-element.elementor-element-1edc409 .elementor-heading-title{font-size:24px;}.elementor-56860 .elementor-element.elementor-element-1edc409 > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-56860 .elementor-element.elementor-element-3c7fa801 .elementor-heading-title{font-size:24px;}.elementor-56860 .elementor-element.elementor-element-3c7fa801 > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-56860 .elementor-element.elementor-element-8c230b3 .elementor-heading-title{font-size:24px;}.elementor-56860 .elementor-element.elementor-element-8c230b3 > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-56860 .elementor-element.elementor-element-17ca3f5d .elementor-heading-title{font-size:14px;}.elementor-56860 .elementor-element.elementor-element-17ca3f5d > .elementor-widget-container{padding:20px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-5cb84983 */.fsi-yellow-wrapper{
  width:100%;
}

.fsi-yellow-btn{
  display:block;
  width:100%;
  background:#ffd966;
  color:#1F4F8A;
  font-family:'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size:20px;
  font-weight:600;
  padding:3px 20px;
  border-radius:50px;
  text-decoration:none;
  text-align:center;
  transition:all .25s ease;
  box-shadow:0 6px 18px rgba(0,0,0,0.08);
}

/* Hover elegante */
.fsi-yellow-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 28px rgba(0,0,0,0.15);
  background:#F7CF57;
}

/* Click effect */
.fsi-yellow-btn:active{
  transform:translateY(0px);
  box-shadow:0 4px 12px rgba(0,0,0,0.1);
}

/* Responsive */
@media(max-width:768px){
  .fsi-yellow-btn{
    font-size:14px;
    padding:14px 16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7af6c9a6 *//* ===============================
   QUICK SALE – LAYOUT ESTABLE FINAL
   =============================== */

/* CONTENEDOR */
.quick-sale ul.products {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

/* LIMPIAR BASURA DE WOO */
.quick-sale ul.products::before,
.quick-sale ul.products::after {
  display: none !important;
  content: none !important;
}

/* TARJETA */
.quick-sale ul.products li.product {
  background: #fff;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15) !important;
}

/* IMAGEN */
.quick-sale ul.products li.product img {
  height: 140px;
  object-fit: contain;
  margin: 0 auto 12px;
  display: block;
}

/* BOTÓN */
.quick-sale ul.products li.product .button {
  margin-top: auto;
  width: 100%;
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  white-space: normal;
  text-align: center;
  background-color: #305AAA;
  border-color: #305AAA;
}
/* HOVER AMARILLO */
.quick-sale ul.products li.product .button:hover {
  background-color: #ffc107 !important;
  border-color: #ffc107 !important;
  color: #000 !important; /* opcional para que el texto contraste */
}

/* ===============================
   DESKTOP – 4 COLUMNAS
   =============================== */
@media (min-width: 1025px) {
  .quick-sale ul.products {
    gap: 24px;
  }

  .quick-sale ul.products li.product {
    width: calc(25% - 18px) !important;
  }
}

/* ===============================
   TABLET – 2 COLUMNAS
   =============================== */
@media (max-width: 1024px) and (min-width: 768px) {
  .quick-sale ul.products {
    gap: 20px;
  }

  .quick-sale ul.products li.product {
    width: calc(50% - 10px) !important;
  }
}

/* ===============================
   MÓVIL – 2 COLUMNAS COMPACTAS
   =============================== */
@media (max-width: 767px) {
  .quick-sale ul.products {
    gap: 12px;
    justify-content: space-between;
  }

  .quick-sale ul.products li.product {
    width: 48% !important;
    padding: 12px;
  }
}

/* ===============================
   PRECIOS – LIMPIO
   =============================== */
.quick-sale ul.products li.product .price {
  font-size: 0 !important;
}

.quick-sale ul.products li.product .price del,
.quick-sale ul.products li.product .price ins,
.quick-sale ul.products li.product .price span {
  font-size: 18px !important;
}

/* ===============================
   FIX GRID WOO (NO QUICK SALE)
   =============================== */
.woocommerce ul.products:not(.quick-sale) {
  align-content: flex-start !important;
}

.woocommerce ul.products:not(.quick-sale) li.product {
  margin-bottom: 20px !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-342a14e7 *//* ===============================
  Ajusta el título
   =============================== */
/* TÍTULO CONTROLADO */
.quick-sale ul.products li.product h2.woocommerce-loop-product__title {
  font-size: 14px;
  line-height: 14px;   /* fijo */
  height: 28px;        /* 2 líneas exactas */
  overflow: hidden;
  text-align: center;
  margin: 8px 0;
}

@media (max-width: 767px) {
  .quick-sale ul.products li.product .price del,
  .quick-sale ul.products li.product .price ins,
  .quick-sale ul.products li.product .price span {
    font-size: 14px !important;
    margin-bottom:10px !i;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-3ddef259 */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root{
  --color-light-blue:#C6DDEE;
  --color-orange:#FF8C00;
  --color-dark-blue:#003366;
  --color-shadow:rgba(0, 0, 0, 0.15);
}
:root{
  --color-soft-yellow:#FFD966;
}


/* ===============================
   CONTENEDOR
   =============================== */
.cards-container{
  display:flex;
  gap:24px;
  justify-content:center;
  align-items:stretch;
}

/* ===============================
   CARD
   =============================== */
.card{
  width:450px;
  background-color:var(--color-light-blue);
  border-radius:18px;
  padding:20px 22px;
  box-shadow:0px 4px 10px var(--color-shadow);
  font-family:'Inter', system-ui, sans-serif;

  display:flex;
  flex-direction:column;
}

/* ===============================
   HEADER
   =============================== */
.header-card{
  background:#ffffff;
  color:var(--color-dark-blue);
  padding:6px 12px;
  border-radius:6px;
  font-weight:600;
  font-size:14px;
  text-align:center;
  margin-bottom:10px;
}

/* ===============================
   TÍTULO (ALTURA NORMALIZADA)
   =============================== */
.card h2{
  font-size:18px;
  font-weight:600;
  line-height:1.35;
  text-align:center;
  margin:10px 0;

  min-height:56px;            /* 🔥 alinea todas las pastillas */
  display:flex;
  align-items:center;
  justify-content:center;
}



/* ===============================
   DIRECCIÓN (PASTILLA NARANJA)
   =============================== */
.address-block{
  background:var(--color-orange);
  color:#000;
  text-align:center;
  padding:10px 14px;
  border-radius:999px;
  font-size:13px;
  line-height:1.4;
  font-weight:500;
  margin:0;                  /* 🔑 no moverla jamás */
}

/* ===============================
   TEXTO GENERAL
   =============================== */
.card p{
  font-size:13.5px;
  line-height:1.6;
  margin:22px 0 12px;         /* 🔥 aire DESPUÉS de la pastilla */
}

/* ===============================
   SUBTÍTULOS
   =============================== */
.card h4{
  color:var(--color-dark-blue);
  font-size:14px;
  margin:14px 0 6px;
  font-weight:600;
}

/* ===============================
   LISTAS
   =============================== */
.services-list,
.contact-list{
  margin:0;
  padding-left:18px;
  font-size:13.5px;
  line-height:1.6;
}

.services-list li::marker{
  color:var(--color-dark-blue);
}

/* ===============================
   FOOTER (CONSULTA + CONTACTO)
   =============================== */
.card-footer{
  margin-top:auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  column-gap:24px;
  row-gap:8px;
}

.card-footer h4{
  margin:0 0 4px;
}

.card-footer ul{
  margin:0;
  padding-left:18px;
}

/* ===============================
   LINKS (WHATSAPP)
   =============================== */
.contact-list a{
  color:var(--color-dark-blue);
  font-weight:600;
  text-decoration:none;
}

.contact-list a:hover{
  text-decoration:underline;
}

/* ===============================
   MOBILE
   =============================== */
@media(max-width:900px){
  .cards-container{
    flex-direction:column;
    align-items:center;
  }
}

@media(max-width:600px){
  .card-footer{
    grid-template-columns:1fr;
  }
}

/* ===============================
   RAYA BLANCA REAL (CON ESPACIO)
   =============================== */
.card h2{
  position:relative;
  padding-bottom:22px; /* espacio para la raya */
}

.card h2::after{
  content:"";
  position:absolute;
  left:-22px;
  right:-22px;
  bottom:0;
  height:10px;
  background:#ffffff;
}

/* separa la pastilla naranja */
.address-block{
  margin-top:14px;
}

/* ===============================
   BLOQUE SUPERIOR NORMALIZADO
   =============================== */

/* Header + título como bloque fijo */
.header-card{
  margin-bottom:0;
}

.card h2{
  min-height:72px;              /* 🔥 BLOQUE FIJO */
  padding-bottom:22px;          /* espacio para la raya */
  margin:10px 0 0;

  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}

/* Raya blanca SIEMPRE en el mismo punto */
.card h2::after{
  content:"";
  position:absolute;
  left:-22px;
  right:-22px;
  bottom:0;
  height:10px;
  background:#ffffff;
}

/* Pastilla naranja SIEMPRE arranca igual */
.address-block{
  margin-top:14px;              /* fijo, ya no depende del texto */
}

.card.card-yellow{
  background-color:var(--color-soft-yellow);
}

@media(max-width:900px){

  .cards-container{
    flex-direction:column;
    align-items:center;
    padding:0 16px; /* 🔥 aire lateral */
  }

  .card{
    width:100%;       /* que se adapte al contenedor */
    max-width:450px;  /* mantiene proporción original */
  }

}

.contact-list a{
  white-space: nowrap;
}

.card h2{
  height:96px;              /* 🔥 altura fija real */
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:0 10px;
  position:relative;
}
@media(max-width:600px){

  .card h2{
    height:auto !important;       /* 👈 QUITA EL FIJO */
    min-height:auto !important;   /* 👈 TAMBIÉN ESTE */
    padding-bottom:26px;          /* 👈 deja espacio para la raya */
  }

}/* End custom CSS */
/* Start custom CSS for slides, class: .elementor-element-8c03472 *//* Ajuste solo para el slider */
.elementor-slides .elementor-slide-heading {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  word-break: keep-all;
  overflow-wrap: normal;
  line-height: 1.1;
}
/* Mover textos más a la izquierda en el slider */
.elementor-slides .swiper-slide-contents {
  margin-left: -10px !important;
}

/* Desktop */
.elementor-56860 .elementor-element.elementor-element-ea2a50f .swiper-slide-contents {
    max-width: 47%;
}

/* Mobile */
@media (max-width: 767px){
    .elementor-56860 .elementor-element.elementor-element-ea2a50f .swiper-slide-contents {
        max-width: 87%;
    }
}/* End custom CSS */
/* Start custom CSS */.address-block a {
  text-decoration: none;
  color: #000;
  display: block;
}

.address-block a:hover {
  opacity: 0.85;
}/* End custom CSS */