.elementor-675 .elementor-element.elementor-element-68a1c03{--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;--justify-content:flex-start;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-675 .elementor-element.elementor-element-d2c5cea .elementor-heading-title{color:var( --e-global-color-c7f310a );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.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-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-675 .elementor-element.elementor-element-e183054{--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;--justify-content:flex-start;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-675 .elementor-element.elementor-element-c4b0747 .elementor-heading-title{color:var( --e-global-color-c7f310a );}/* Start custom CSS for text-editor, class: .elementor-element-efcd063 *//* =========================================
   ESTILOS GENERALES (PC Y MÓVIL)
   ========================================= */
table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

/* Ignorar los anchos fijos de Google Sheets */
table col {
    width: auto !important;
}

/* Estilo base de las celdas */
table td {
    padding: 10px 15px;
    border: 1px solid #ddd;
    text-align: center;
    vertical-align: middle; 
}

/* Destacar la primera columna */
table td:first-child {
    font-weight: bold;
    background-color: #f7f7f7;
    text-align: left;
}

/* Efecto hover solo visible en PC */
table tr:hover td {
    background-color: #f1f8ff;
}

/* =========================================
   ESTILOS SOLO PARA MÓVILES (Scroll horizontal)
   ========================================= */
@media screen and (max-width: 768px) {
    table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        font-size: 12px; /* <-- Fuente un poco más pequeña */
    }

    table td {
        padding: 6px 8px; /* <-- Espacios (paddings) más reducidos */
        min-width: 90px; /* <-- Ancho mínimo menor para que ocupe menos pantalla */
    }
    
    /* El bloque de la primera columna con "position: sticky" ha sido eliminado */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b5df1ce *//* =========================================
   ESTILOS GENERALES (PC Y MÓVIL)
   ========================================= */
table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

/* Ignorar los anchos fijos de Google Sheets */
table col {
    width: auto !important;
}

/* Estilo base de las celdas */
table td {
    padding: 10px 15px;
    border: 1px solid #ddd;
    text-align: center;
    vertical-align: middle; 
}

/* Destacar la primera columna */
table td:first-child {
    font-weight: bold;
    background-color: #f7f7f7;
    text-align: left;
}

/* Efecto hover solo visible en PC */
table tr:hover td {
    background-color: #f1f8ff;
}

/* =========================================
   ESTILOS SOLO PARA MÓVILES (Scroll horizontal)
   ========================================= */
@media screen and (max-width: 768px) {
    table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        font-size: 12px; /* <-- Fuente un poco más pequeña */
    }

    table td {
        padding: 6px 8px; /* <-- Espacios (paddings) más reducidos */
        min-width: 90px; /* <-- Ancho mínimo menor para que ocupe menos pantalla */
    }
    
    /* El bloque de la primera columna con "position: sticky" ha sido eliminado */
}/* End custom CSS */
/* Start custom CSS */.spancolor{
    color:#00b987;
}
.divcolor {
  /* Forzamos que la transición se aplique sí o sí */
  transition: background-color 0.8s ease-in-out !important; 
}

.divcolor.activo {
  /* Pon aquí tu color final y añade !important */
  background-color: #f6fffa !important; 
}
ul{
    margin-bottom: 15px;
}/* End custom CSS */