.elementor-77224 .elementor-element.elementor-element-439f6ca0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-77224 .elementor-element.elementor-element-39fd5b77{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-77224 .elementor-element.elementor-element-1d954f81{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-77224 .elementor-element.elementor-element-1d954f81.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-77224 .elementor-element.elementor-element-301b0ac7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-77224 .elementor-element.elementor-element-301b0ac7.elementor-element{--align-self:stretch;}.elementor-77224 .elementor-element.elementor-element-301b0ac7 .elementor-tab-title, .elementor-77224 .elementor-element.elementor-element-301b0ac7 .elementor-tab-title:before, .elementor-77224 .elementor-element.elementor-element-301b0ac7 .elementor-tab-title:after, .elementor-77224 .elementor-element.elementor-element-301b0ac7 .elementor-tab-content, .elementor-77224 .elementor-element.elementor-element-301b0ac7 .elementor-tabs-content-wrapper{border-width:0px;}.elementor-77224 .elementor-element.elementor-element-301b0ac7 .elementor-tab-mobile-title, .elementor-77224 .elementor-element.elementor-element-301b0ac7 .elementor-tab-desktop-title.elementor-active, .elementor-77224 .elementor-element.elementor-element-301b0ac7 .elementor-tab-title:before, .elementor-77224 .elementor-element.elementor-element-301b0ac7 .elementor-tab-title:after, .elementor-77224 .elementor-element.elementor-element-301b0ac7 .elementor-tab-content, .elementor-77224 .elementor-element.elementor-element-301b0ac7 .elementor-tabs-content-wrapper{border-color:#0C3353;}.elementor-77224 .elementor-element.elementor-element-301b0ac7 .elementor-tab-desktop-title.elementor-active{background-color:#00599300;}.elementor-77224 .elementor-element.elementor-element-301b0ac7 .elementor-tabs-content-wrapper{background-color:#00599300;}.elementor-77224 .elementor-element.elementor-element-301b0ac7 .elementor-tab-title, .elementor-77224 .elementor-element.elementor-element-301b0ac7 .elementor-tab-title a{color:#0C3353;}.elementor-77224 .elementor-element.elementor-element-301b0ac7 .elementor-tab-title{font-family:"Open Sans", Sans-serif;font-size:16px;}.elementor-77224 .elementor-element.elementor-element-301b0ac7 .elementor-tab-content{color:#005995;font-family:"Open Sans", Sans-serif;font-size:17px;font-weight:400;}.elementor-77224 .elementor-element.elementor-element-4bee1b0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-77224 .elementor-element.elementor-element-4bee1b0 .elementor-tab-title{border-width:1px;}.elementor-77224 .elementor-element.elementor-element-4bee1b0 .elementor-tab-content{border-width:1px;}.elementor-77224 .elementor-element.elementor-element-4bee1b0 .elementor-toggle-title, .elementor-77224 .elementor-element.elementor-element-4bee1b0 .elementor-toggle-icon{color:#0C3353;}.elementor-77224 .elementor-element.elementor-element-4bee1b0 .elementor-toggle-icon svg{fill:#0C3353;}.elementor-77224 .elementor-element.elementor-element-4bee1b0 .elementor-tab-title.elementor-active a, .elementor-77224 .elementor-element.elementor-element-4bee1b0 .elementor-tab-title.elementor-active .elementor-toggle-icon{color:#0C3353;}.elementor-77224 .elementor-element.elementor-element-4bee1b0 .elementor-toggle-title{font-family:"Open Sans", Sans-serif;font-size:16px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-77224 .elementor-element.elementor-element-301b0ac7.elementor-element{--align-self:center;}}@media(min-width:768px){.elementor-77224 .elementor-element.elementor-element-1d954f81{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-77224 .elementor-element.elementor-element-1d954f81{--width:100%;}}@media(max-width:767px){.elementor-77224 .elementor-element.elementor-element-39fd5b77{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-77224 .elementor-element.elementor-element-1d954f81{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for tabs, class: .elementor-element-301b0ac7 *//* =========================================
1. ESTILOS GLOBALES DE PESTAÑAS (Daily)
========================================= */
.daily .elementor-tabs-wrapper {
display: flex;
justify-content: center;
width: 100%;
}

.daily .elementor-tabs-wrapper .elementor-active {
background-image: url('/wp-content/uploads/2023/09/Group-4.png');
background-repeat: no-repeat;
background-position: bottom center;
}

/* =========================================
2. EL CONTENEDOR GRID (Encapsulado)
========================================= */
.sisqual-products-grid {
display: grid;
grid-template-columns: repeat(3, 1fr); 
gap: 30px; 
align-items: start;
padding: 20px 0;
background-repeat: no-repeat;
background-position: right center;
background-size: contain;
}

/* =========================================
3. TARJETAS E ÍCONOS (Específicos)
========================================= */
.sisqual-product-card {
display: flex;
gap: 15px;
align-items: flex-start;
transition: transform 0.3s ease;
}

.sisqual-product-card:hover {
transform: translateY(-3px);
}

.sisqual-product-card .product-icon {
flex-shrink: 0; 
width: 70px;
}

.sisqual-product-card .product-icon img {
width: 100%;
height: auto;
object-fit: contain;
}

/* =========================================
4. TIPOGRAFÍA (SOLO dentro de .sisqual-products-grid)
========================================= */
.sisqual-products-grid .title-tab {
color: #0C3353 !important;
font-family: "Open Sans", Sans-serif !important;
font-size: 19px !important;
font-weight: 700 !important;
margin: 0 0 8px 0 !important;
line-height: 1.2 !important;
text-transform: none !important; /* Evita que herede capitalización no deseada */
}

.sisqual-products-grid .text-tab {
color: #005995 !important;
font-family: "Open Sans", Sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1.4 !important;
margin: 0 !important;
max-width: none !important; /* El grid controla el ancho */
font-style: normal !important; /* Por si hereda itálicas */
}

/* =========================================
5. LÓGICA DE CENTRADO Y RESPONSIVE
========================================= */
.sisqual-products-grid.grid-4-cols {
grid-template-columns: repeat(4, 1fr) !important;
}

/* Centrar si hay 1 o 2 elementos */
.sisqual-products-grid:has(> :last-child:nth-child(1)) {
display: flex;
justify-content: center;
}
.sisqual-products-grid:has(> :last-child:nth-child(2)) {
display: flex;
justify-content: center;
gap: 50px;
}
.sisqual-grid-2x2 {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; 
    gap: 30px;
    align-items: start;
    padding: 20px 0;
}

@media (max-width: 1024px) {
.sisqual-products-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    display: grid !important; /* Fuerza grid en tablet */
}
}

@media (max-width: 767px) {
.sisqual-products-grid {
    display: grid !important; /* Forza la visibilidad */
    grid-template-columns: 1fr !important; /* Una sola columna */
    width: 100% !important;
    background-image: none !important;
}
}

/* Elimina el margen y espacio de cualquier P inyectada por error */
.sisqual-products-grid p:empty, 
.sisqual-grid-2x2 p:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Evita que WordPress empuje las tarjetas con márgenes automáticos */
.sisqual-products-grid > p, 
.sisqual-grid-2x2 > p {
    margin: 0 !important;
    display: contents; /* Hace que el P actúe como si no estuviera a nivel de layout */
}/* End custom CSS */
/* Start custom CSS for toggle, class: .elementor-element-4bee1b0 */.elementor-toggle-item {
    margin-bottom: 20px;
  border: 1px solid !important;
  border-radius: 10px;
}

/* Contenedor principal vertical */
.sisqual-mobile-list {
    display: flex;
    flex-direction: column;
    gap: 25px;
    padding: 15px;
}

/* Tarjeta individual */
.mobile-product-card {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    width: 100%;
}

/* Imágenes con tamaño unificado */
.mobile-product-icon {
    flex-shrink: 0;
    width: 65px; /* Tamaño optimizado para móvil */
}

.mobile-product-icon img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* Estilos de Texto */
.mobile-product-info {
    display: flex;
    flex-direction: column;
}

.mobile-title {
    margin: 0 0 5px 0 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0C3353 !important;
}

.mobile-title a {
    text-decoration: none;
    color: inherit;
}

.mobile-text {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    color: #005995 !important;
    font-weight: 400 !important;
}/* End custom CSS */
/* Start custom CSS */.container-before {
    max-width: 100px;
}/* End custom CSS */