@layer ps-components {
  .store {
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem;
  }
  .store__address {
    margin: 0;
  }
  .store__contacts {
    margin-block-end: 0;
  }
  .store__contact {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    line-height: 1.2;
    padding-block: 0.25rem;
  }
  .store__contact i {
    font-size: 1.25rem;
  }
  .store__contact--email {
    word-break: break-all;
  }
  @media (min-width: 1200px) {
    .store {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
}
body a.elementor-button-link.elementor-button:hover {
  background: #61CE70!important;
  color: #fff!important;
  border-color: #61CE70!important;
}
body a.elementor-button-link.elementor-button:hover span.elementor-button-text{
  color: #fff!important;
}
.page-title-section {
  display: none;
}

body#cms nav.breadcrumb__wrapper{
  display: none
}
#cms #content .page-content.page-cms h2 {
  font-family: Muli;
  font-size: 15px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.27;
  letter-spacing: normal;
  text-align: left;

}
a.elementor-button-link {
  border: 1px solid var(--color3);

}
a.elementor-button-link span{
  color: var(--color3);
}
.cms-id-3 .page-title-section, .cms-id-11 .page-title-section, .cms-id-9 .page-title-section, .cms-id-12 .page-title-section  {
  display: block !important;
  border-bottom: 1px solid #d3d3d3;
  padding: 20px 0px;
}
body.cms-id-180 .elementor-widget-wrap h2 {
  font-weight: bold;
}

/* Grid Bootstrap (float) para contenido CMS antiguo pegado con .row/.col-md-*
   (p.ej. landing-conda-chrome). El theme pasó a Bootstrap 5 y ya no define
   estas clases: sin ellas .col-md-* no flota y las columnas se apilan en
   vertical en vez de ir una al lado de otra. Valores iguales a los que usa
   prod (condalab.com) para este mismo grid. */
#cms #content .row {
  margin-right: -15px;
  margin-left: -15px;
}
#cms #content .row::after {
  content: "";
  display: table;
  clear: both;
}
#cms #content [class*="col-md-"] {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 768px) {
  #cms #content .col-md-1 { float: left; width: 8.33333%; }
  #cms #content .col-md-2 { float: left; width: 16.66667%; }
  #cms #content .col-md-3 { float: left; width: 25%; }
  #cms #content .col-md-4 { float: left; width: 33.33333%; }
  #cms #content .col-md-5 { float: left; width: 41.66667%; }
  #cms #content .col-md-6 { float: left; width: 50%; }
  #cms #content .col-md-7 { float: left; width: 58.33333%; }
  #cms #content .col-md-8 { float: left; width: 66.66667%; }
  #cms #content .col-md-9 { float: left; width: 75%; }
  #cms #content .col-md-10 { float: left; width: 83.33333%; }
  #cms #content .col-md-11 { float: left; width: 91.66667%; }
  #cms #content .col-md-12 { float: left; width: 100%; }
}

/* CMS 250 (preservacion-de-muestras): las "tablas" de referencias (Orina,
   Sangre, Heces...) están hechas con filas/columnas de Creative Elements
   (.ce-valign-center), y cada celda de texto trae un margin-bottom:-17px
   heredado del diseño original. En la versión de Creative Elements de
   condalab9 ese margen negativo colapsa la altura de la fila entera (la
   celda se queda en ~5px) y el texto de una fila se solapa con la línea
   divisoria de la siguiente. En prod no pasa porque su versión de CE envuelve
   el texto en un div .elementor-clearfix extra que evita el colapso. Se
   neutraliza el margen negativo solo en esta página. */
body.cms-id-250 .elementor-widget-container {
  margin-bottom: 0 !important;
}