.elementor-30 .elementor-element.elementor-element-c7cbd9b{--display:flex;}.elementor-30 .elementor-element.elementor-element-a7c470f{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-40c378a *//* Labels blancos en shortcode de Elementor */
.elementor-widget-shortcode .casiopea-checkin-form label {
    color: #ffffff !important;
    font-weight: 600 !important;
}

.elementor-widget-shortcode .casiopea-checkin-form .radio-group label,
.elementor-widget-shortcode .casiopea-checkin-form .checkbox-option label {
    color: #ffffff !important;
}

/* Para móvil específicamente */
@media (max-width: 768px) {
    .elementor-widget-shortcode .casiopea-checkin-form label {
        color: #ffffff !important;
        font-size: 15px !important;
    }
}

/* AGREGA ESTO NUEVO ABAJO: */
.elementor-widget-shortcode .casiopea-checkin-form label:hover {
    color: #8b5cf6 !important;
    transition: color 0.3s ease !important;
}

.elementor-widget-shortcode .casiopea-checkin-form .form-group:focus-within label {
    color: #8b5cf6 !important;
    transition: color 0.3s ease !important;
}

.elementor-widget-shortcode .casiopea-checkin-form .radio-group:hover label,
.elementor-widget-shortcode .casiopea-checkin-form .checkbox-option:hover label {
    color: #8b5cf6 !important;
    transition: color 0.3s ease !important;
}

.elementor-widget-shortcode .casiopea-checkin-form input[type="radio"]:checked + label,
.elementor-widget-shortcode .casiopea-checkin-form input[type="checkbox"]:checked + label {
    color: #8b5cf6 !important;
}

/* ARREGLO ESPECÍFICO PARA EL NÚMERO BORROSO */

/* Forzar que el número de puntos sea completamente nítido */
.elementor-widget-shortcode #puntos-estimados span,
.elementor-widget-shortcode #estimacion-puntos {
    color: #ffffff !important; /* CAMBIO: blanco en lugar de dorado */
    font-size: 24px !important;
    font-weight: 900 !important; /* Más pesado para mejor definición */
    text-shadow: none !important; /* ELIMINAR sombra que causa borrosidad */
    display: inline-block !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif !important;
    letter-spacing: 0.5px !important; /* Espaciado para mejor legibilidad */
}

/* ALTERNATIVA 1: Si quieres mantener el dorado pero nítido */
.elementor-widget-shortcode #puntos-estimados span.gold,
.elementor-widget-shortcode #estimacion-puntos.gold {
    color: #ffeb3b !important; /* Amarillo más brillante y nítido */
    font-weight: 800 !important;
    text-shadow: none !important; /* SIN sombra */
    filter: none !important; /* Eliminar cualquier filtro */
    transform: none !important; /* Sin transformaciones */
}

/* ALTERNATIVA 2: Fondo contrastante para el número */
.elementor-widget-shortcode #puntos-estimados span.highlighted,
.elementor-widget-shortcode #estimacion-puntos.highlighted {
    background: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
    padding: 4px 8px !important;
    border-radius: 6px !important;
    text-shadow: none !important;
    font-weight: 800 !important;
}

/* Asegurar que TODO el texto dentro de puntos estimados sea nítido */
.elementor-widget-shortcode #puntos-estimados,
.elementor-widget-shortcode #puntos-estimados * {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
    -webkit-text-stroke: 0 !important; /* Eliminar stroke que puede causar blur */
    filter: none !important; /* Eliminar filtros */
    backdrop-filter: none !important; /* Eliminar backdrop-filter */
    transform: translateZ(0) !important; /* Forzar aceleración de hardware */
}

/* Si el problema persiste, usar esta versión SÚPER simple */
.elementor-widget-shortcode #puntos-estimados.ultra-clean span,
.elementor-widget-shortcode #estimacion-puntos.ultra-clean {
    background: #ffffff !important;
    color: #333333 !important; /* Negro sobre blanco para máximo contraste */
    padding: 8px 12px !important;
    border-radius: 6px !important;
    font-weight: 800 !important;
    font-size: 20px !important;
    text-shadow: none !important;
    filter: none !important;
    transform: none !important;
    display: inline-block !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

/* Móvil - asegurar nitidez */
@media (max-width: 768px) {
    .elementor-widget-shortcode #puntos-estimados span,
    .elementor-widget-shortcode #estimacion-puntos {
        font-size: 22px !important;
        font-weight: 800 !important;
        text-shadow: none !important;
    }
}

/* DEBUG: Para identificar el elemento exacto */
.elementor-widget-shortcode #puntos-estimados span {
    outline: 1px solid red !important; /* TEMPORAL: para ver exactamente qué elemento es */
}/* End custom CSS */