.elementor-299 .elementor-element.elementor-element-1c19a88a{--display:flex;}.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-299 .elementor-element.elementor-element-6e0a3f40{color:#FFFFFF;}.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-299 .elementor-element.elementor-element-8a7dd6f{text-align:start;}.elementor-299 .elementor-element.elementor-element-8a7dd6f .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:16px;font-weight:600;color:#FFFFFF;}.elementor-299 .elementor-element.elementor-element-8a7dd6f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-0a2207e */.calendario-disponibilidad-producto {
    max-width: 300px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #ffffff;
    font-family: Arial, sans-serif;
    text-align: center;
}

.fila-meses {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
}

.mes {
    width: 40px;
    padding: 5px 0;
    border: 2px solid #00a651; /* Borde del recuadro del mes */
    border-radius: 5px;
    color: #00a651; /* Color del borde y texto en meses no disponibles */
}

.mes.disponible {
    background-color: #00a651; /* Verde limón oscuro para disponibilidad */
    color: #ffffff; /* Texto blanco para los meses disponibles */
}

.leyenda {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #555;
}

.indicador-disponible {
    width: 15px;
    height: 15px;
    display: inline-block;
    background-color: #00a651;
    border-radius: 50%;
    margin-right: 5px;
}/* End custom CSS */