.elementor-2351 .elementor-element.elementor-element-c7cc6f8{--display:flex;--min-height:80dvh;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-2351 .elementor-element.elementor-element-a8cfc96{padding:0px 0px 0px 0px;}.elementor-2351 .elementor-element.elementor-element-a8cfc96 .elementor-icon-wrapper{text-align:right;}.elementor-2351 .elementor-element.elementor-element-a8cfc96 .elementor-icon{font-size:32px;}.elementor-2351 .elementor-element.elementor-element-a8cfc96 .elementor-icon svg{height:32px;}.elementor-2351 .elementor-element.elementor-element-a430a62{padding:40px 0px 0px 0px;}#elementor-popup-modal-2351{background-color:#00000080;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-2351 .dialog-message{width:90vw;height:auto;}#elementor-popup-modal-2351 .dialog-widget-content{border-radius:16px 16px 16px 16px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:767px){.elementor-2351 .elementor-element.elementor-element-c7cc6f8{--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}}/* Start custom CSS for html, class: .elementor-element-a430a62 *//* =========================================
   1. ELEMENTOR Y CONTENEDORES
   ========================================= */
.elementor-popup-modal .dialog-message {
    overflow-y: hidden !important;
}

.elementor-2351 .elementor-element.elementor-element-a430a62 .comparador-scroll-container {
    max-height: 65dvh; 
    overflow-y: auto; 
    overflow-x: hidden; 
    padding-right: 15px; 
    margin-right: -5px;
}

.elementor-2351 .elementor-element.elementor-element-a430a62 #mensaje-carga {
    text-align: center; 
    padding: 60px 0; 
    display: none;
}

/* =========================================
   2. SCROLLBAR
   ========================================= */
.comparador-scroll-container::-webkit-scrollbar { width: 8px; }
.comparador-scroll-container::-webkit-scrollbar-track { background: transparent; margin-top: 24px; margin-bottom: 24px; }
.comparador-scroll-container::-webkit-scrollbar-thumb { background: #b0b0b0; border-radius: 10px; }
.comparador-scroll-container::-webkit-scrollbar-thumb:hover { background: #888; }

/* =========================================
   3. SPINNER ANIMACIÓN
   ========================================= */
.spinner-cepas { width: 45px; height: 45px; animation: rotar-spinner 1.2s linear infinite; }
.spinner-cepas circle { stroke: #175CD3; stroke-width: 3; stroke-dasharray: 90, 150; stroke-dashoffset: 0; fill: none; stroke-linecap: round; }
@keyframes rotar-spinner { 100% { transform: rotate(360deg); } }
/* =========================================
   4. TIPOGRAFÍA Y TABLA BASE
   ========================================= */
.Title-strains-comparator {
    font-size: 18px;
    line-height: 24px;
    font-family: 'Barlow', sans-serif;
    margin-top: 10px;
}

.elementor-2351 .elementor-element.elementor-element-a430a62 table.custom-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed; /* Esto asegura que las columnas de distintas tablas midan exactamente igual */
}

.elementor-2351 .elementor-element.elementor-element-a430a62 table.custom-table td {
    border: 1px solid #DEE5EC !important;
    color: #0A0D12; 
    font-size: 16px; 
}

.elementor-2351 .elementor-element.elementor-element-a430a62 .table-value-hn {
    text-align: center;
}

/* =========================================
   5. FILA 1: IMÁGENES DE PRODUCTO (SIN BORDES)
   ========================================= */
.elementor-2351 .elementor-element.elementor-element-a430a62 tr.table-product-row td {
    background-color: white !important; 
    border: none !important; /* FUERA TODOS LOS BORDES */
    vertical-align: middle;
    padding: 10px;
}

.elementor-2351 .elementor-element.elementor-element-a430a62 tr.table-product-row .table-label-hidden {
    font-size: 0px; 
    font-weight: bold;
}

/* =========================================
   6. TÍTULOS PRINCIPALES Y SUBTÍTULOS
   ========================================= */
/* Título Principal */
.elementor-2351 .elementor-element.elementor-element-a430a62 tr.Table-comparator-title td {
    font-weight: 400 !important;
    font-family: 'Barlow';
    font-size:24px;
    line-height: 32px;
    padding-top: 15px;
    background-color: #FFFFFF !important;
    border: 0px solid #DEE5EC !important;
}
@media(max-width:767px){
    .elementor-2351 .elementor-element.elementor-element-a430a62 tr.Table-comparator-title td {
    font-size:18px;
    line-height: 24px;
   }
}

/* Título Secundario */
.elementor-2351 .elementor-element.elementor-element-a430a62 tr.Table-comparator-subtitle td {
    font-weight: 600 !important;
    color: #0A0D12;
    padding: 15px;
    background-color: #FFFFFF !important;
}

/* =========================================
   7. FILAS DE DATOS (CEBRA Y HOVER)
   ========================================= */
.elementor-2351 .elementor-element.elementor-element-a430a62 tr.bg-white td {
    background-color: #FFFFFF !important;
}

.elementor-2351 .elementor-element.elementor-element-a430a62 tr.bg-gray td {
    background-color: #F5F5F5 !important;
}

/* Hover: SOLO para las filas de datos */
.elementor-2351 .elementor-element.elementor-element-a430a62 table tbody tr.table-data-row:hover > td {
    background-color: #DEE5EC !important;
}/* End custom CSS */