.elementor-65428 .elementor-element.elementor-element-795c4ad:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-65428 .elementor-element.elementor-element-795c4ad > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF73;}.elementor-65428 .elementor-element.elementor-element-795c4ad > .elementor-element-populated{border-style:solid;border-width:10px 10px 10px 10px;border-color:#02010100;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-65428 .elementor-element.elementor-element-795c4ad > .elementor-element-populated, .elementor-65428 .elementor-element.elementor-element-795c4ad > .elementor-element-populated > .elementor-background-overlay, .elementor-65428 .elementor-element.elementor-element-795c4ad > .elementor-background-slideshow{border-radius:24px 24px 24px 24px;}.elementor-65428 .elementor-element.elementor-element-795c4ad > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-65428 .elementor-element.elementor-element-8946d98{text-align:center;}.elementor-65428 .elementor-element.elementor-element-439ab22{text-align:center;}.elementor-65428 .elementor-element.elementor-element-e256cf9 > .elementor-widget-container{background-color:#F2F2F2;border-style:solid;border-width:15px 15px 15px 15px;border-color:#02010100;border-radius:30px 30px 30px 30px;}.elementor-65428 .elementor-element.elementor-element-3454e47 .elementor-button{background-color:#FF0303;}/* Start custom CSS for section, class: .elementor-element-d5e4cf0 *//* =======================================
   1. ESTILOS DE ENCABEZADO Y MENSAJE
   ======================================= */

/* Estilo para el título principal del formulario */
.elementor-element-8946d98 h1 strong {
    font-family: 'Poppins', sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 10px;
}

/* Estilo para el subtítulo/mensaje de acción */
.elementor-element-439ab22 h6 strong {
    font-family: 'Roboto', sans-serif;
    font-size: 1.1rem;
    color: #555555;
    margin-bottom: 30px;
    display: block;
}

/* =======================================
   2. ESTILOS GENERALES DEL FORMULARIO
   ======================================= */

.glsr-review-form {
    max-width: 600px; /* Limita el ancho del formulario para mejor UX */
    margin: 0 auto; /* Centra el formulario */
    padding: 30px;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 12px; /* Bordes suaves y modernos */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.glsr-field {
    margin-bottom: 20px;
}

/* Etiquetas de los campos */
.glsr-label {
    display: block;
    font-size: 1rem;
    font-weight: 600;
    color: #333333;
    margin-bottom: 8px;
}

/* =======================================
   3. ESTILOS DE LOS CAMPOS INPUT Y TEXTAREA
   ======================================= */

.glsr-input,
.glsr-textarea {
    width: 100%;
    padding: 12px 15px;
    border: 2px solid #e0e0e0; /* Borde más visible y elegante */
    border-radius: 8px;
    font-size: 1rem;
    color: #495057;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Efecto focus moderno */
.glsr-input:focus,
.glsr-textarea:focus {
    border-color: #007bff; /* Un azul sutil en el foco para profesionalismo */
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}

/* Placeholders (Texto gris sutil) */
::placeholder {
    color: #adb5bd;
    opacity: 1;
}

/* =======================================
   4. ESTILOS DEL RATING (ESTRELLAS)
   ======================================= */

/* Contenedor del .elementor-65428 .elementor-element.elementor-element-d5e4cf0 de estrellas */
.glsr-star-rating--stars {
    font-size: 1.8rem; /* Estrellas más grandes */
    margin-top: 5px;
}

/* Color de las estrellas cuando están activas/seleccionadas */
.glsr-star-rating--stars > span:hover ~ span:before,
.glsr-star-rating--stars > span[data-value]:before {
    color: #ffc107; /* Dorado clásico para las estrellas */
}

/* =======================================
   5. ESTILOS DEL BOTÓN DE ENVÍO (¡ROJO!)
   ======================================= */

/* Botón de Envío */
.glsr-button.wp-block-button__link {
    /* Color Rojo de Acción (Coherencia con tu botón anterior) */
    background-color: #e50914 !important; 
    color: white !important;
    border: none !important;
    border-radius: 50px !important; /* Botón píldora */
    padding: 12px 35px !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    width: 100%; /* Botón de ancho completo (Full width) */
}

.glsr-button.wp-block-button__link:hover {
    background-color: #b80710 !important;
    box-shadow: 0 8px 15px rgba(229, 9, 20, 0.4);
}

/* =======================================
   6. ESTILO DEL CHECKBOX (TÉRMINOS)
   ======================================= */

/* Oculta el input original del toggle/checkbox */
.glsr-input-toggle {
    display: none;
}

/* Estilo del "track" o fondo del switch */
.glsr-toggle-track {
    background-color: #ccc;
    border-radius: 12px;
    cursor: pointer;
    height: 20px;
    width: 40px;
    transition: background-color 0.3s;
}

/* Estilo del "switch" o palanca */
.glsr-toggle-track::before {
    background-color: white;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    height: 16px;
    width: 16px;
    transition: transform 0.3s;
}

/* Estado ACTIVADO del switch */
.glsr-input-toggle:checked + .glsr-toggle-track {
    background-color: #28a745; /* Verde para indicar aceptación */
}

.glsr-input-toggle:checked + .glsr-toggle-track::before {
    transform: translateX(20px);
}/* End custom CSS */