/* Contenedor de estrellas */
.estrellas {
    display: inline-block;
    font-size: 24px;     /* Tamaño de las estrellas */
    color: gold;         /* Color de las estrellas llenas */
    line-height: 1;
}

/* Estrellas vacías */
.estrellas .vacia {
    color: #ccc;         /* Color gris para estrellas vacías */
}

/* Opcional: estilo para estrellas clicables */
.estrellas span {
    cursor: pointer;     /* Cambia cursor al pasar sobre la estrella */
    transition: transform 0.2s;
}

.estrellas span:hover,
.estrellas span:hover ~ span {
    transform: scale(1.2);  /* Efecto hover */
}
/* Asterisco rojo para campos obligatorios */
.uagb-forms-input-label.required::after {
    content: " *";
    color: red;
}

/* Botón verde estilo Spectra */
.uagb-forms-main-submit-button.wp-block-button__link {
    background: #28a745;
    color: #fff;
    border-radius: 6px;
    padding: 12px 25px;
    font-size: 16px;
    font-weight: 500;
    transition: 0.3s;
    display: inline-block;
    text-align: center;
}

.uagb-forms-main-submit-button.wp-block-button__link:hover {
    background: #218838;
    color: #fff;
}

/* Mensajes de error/éxito */
#mensaje-form {
    margin-bottom: 10px;
    padding: 8px;
    border-radius: 4px;
    font-weight: 500;
}