/*
 Theme Name:     Food Fest  1.0
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://andres-salazar-web.herokuapp.com/inicio
 Template:       Divi
 Version:        2.0.0
*/
 /* =Theme customization starts here
------------------------------------------------------- */

/*Genetal style*/

/* @import url("assets/home/hero.css");
@import url("assets/burgerFest/");
@import url("assets/cocktailFest/");
@import url("assets/pizzaFest/");
@import url("assets/tradicionFest/"); */

/* header */
@import url("assets/header.css");


/* body */
@import url("assets/body.css");

/* Mantenimiento */
@import url("assets/mantenimiento.css");

/* Type */
@import url("assets/type.css");

/* Footer */
@import url("assets/footer.css");

/* btn top */
@import url("assets/btnTop.css");




/* Home */

/* FoodFest 2023 */
@import url("assets/home/foodFest2023.css");

/* Ser parte */
@import url("assets/home/serParte.css");

/* Sobre nosotros */
@import url("assets/home/sobreNosotros.css");

/* Instafeed */
@import url("assets/home/instaFeed.css");

/* Formulario de Inscripcion */
@import url("assets/formularioInscripcion/formularioInscripcion.css");

/* Media query */
@import url("assets/formularioInscripcion/formularioMediaQuery.css");

/* Rating View */
@import url("assets/ratingView/ratingForm.css");


/* Vota */
@import url("assets/vota/bannerVota.css");
@import url("assets/vota/productList.css");
@import url("assets/vota/comments.css");

/* burguer fest */
@import url("assets/burgerFest/participantes.css");



/* temporal */
div#iframe-ff iframe {
    width: 100%;
    height: 100vh;
}

div#comments {
    display: none !important;
}

img.imagen-participante-ff {
    width: calc(100% - 150px);
    border-radius: 5%;
}

@media only screen and (max-width : 991.5px) {
	img.imagen-participante-ff {
    width: 100%;
		display: block;
		margin: auto;
    border-radius: 5%;
}

}


/*estilo para formulario nuevo*/

/* Contenedor General del Formulario */
.foodfest-card-form {
    max-width: 550px;
    margin: 0 auto;
    font-family: 'Inter', sans-serif;
}

.ff-input-group {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}

.ff-input-group label {
    font-size: 16px;
    color: #7a7a7a;
    font-weight: 500;
    margin-bottom: 8px;
}

.ff-required {
    color: #ff9aa2;
}

/* Campos de Texto y Textarea (Estilo image_4d591e.png) */
.foodfest-card-form input[type="email"],
.foodfest-card-form input[type="tel"],
.foodfest-card-form textarea,
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
    width: 100% !important;
    border: 2px solid #ffccd5 !important;
    border-radius: 16px !important;
    padding: 14px 18px !important;
    font-size: 15px !important;
    color: #4a4a4a !important;
    background-color: #fff !important;
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.foodfest-card-form textarea {
    height: 130px !important;
    resize: none !important;
}

.foodfest-card-form input:focus,
.foodfest-card-form textarea:focus {
    border-color: #ff85a1 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(255, 204, 213, 0.4) !important;
}

/* --- CONTENEDOR DE ESTRELLAS: FUERZA FLUJO HORIZONTAL --- */
.ff-stars-wrapper p{
    display: flex !important;
    flex-direction: row !important; /* Evita el apilamiento de image_4cd9a1.png */
    flex-wrap: nowrap !important;
    gap: 10px !important;
    margin: 10px 0 !important;
    justify-content: flex-start !important;
    width: 100% !important;
}

/* --- ESTRELLAS: VACÍAS POR DEFECTO --- */
.ff-star {
    display: inline-block !important; /* Rompe el bloque vertical de Divi */
    font-size: 42px !important;
    cursor: pointer !important;
    color: transparent !important; /* Mantiene la estrella vacía/transparente */
    -webkit-text-stroke: 2px #ff85a1 !important; /* Delineado rosa nítido */
    transition: transform 0.1s ease, color 0.2s ease !important;
    user-select: none !important;
    line-height: 1 !important;
}

/* --- ESTRELLAS RELLENAS (Al hacer clic o pasar el mouse) --- */
.ff-star.is-active,
.ff-star.is-hovered {
    color: #ff85a1 !important; /* Se rellena con el color rosa sólido */
    background: transparent !important;
}

.ff-star:hover {
    transform: scale(1.15);
}


input.wpcf7-form-control.wpcf7-submit.has-spinner.ff-btn-submit {
    padding: 10px;
    font-size: 15px;
    width: 100%;
    border-radius: 10px;
    border: 2px solid #fff;
    background-color: #fde47f;
    font-weight: bold;
}