.elementor-771 .elementor-element.elementor-element-b0a8f4f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-771 .elementor-element.elementor-element-970ff7a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-771 .elementor-element.elementor-element-5af63b5 .title,.elementor-771 .elementor-element.elementor-element-5af63b5 .reservation-form.light h3{font-size:30px;}.elementor-771 .elementor-element.elementor-element-5af63b5 .top-feature-style-one-area button,.elementor-771 .elementor-element.elementor-element-5af63b5 .feature-style-three-area button{background-color:#B89407 !important;}.elementor-771 .elementor-element.elementor-element-63618db{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-771 .elementor-element.elementor-element-031f6af .sub-heading{color:#B89407;}.elementor-771 .elementor-element.elementor-element-031f6af .btn.btn-theme{background-color:#B89407 !important;}.elementor-771 .elementor-element.elementor-element-d040e89{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-771 .elementor-element.elementor-element-4045bfc{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-771 .elementor-element.elementor-element-3d0b871 .sub-heading{color:#B89407;}.elementor-771 .elementor-element.elementor-element-167590a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-771 .elementor-element.elementor-element-b644306 .choose-us-style-one-one-area h4,.elementor-771 .elementor-element.elementor-element-b644306 .feature-style-two h4{font-size:22px;}.elementor-771 .elementor-element.elementor-element-b644306 .fun-fact-list .fun-fact .counter{color:#FFFFFF;}.elementor-771 .elementor-element.elementor-element-d50f191{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-771 .elementor-element.elementor-element-a6d5bc5 .sub-heading{background:linear-gradient(90deg, #B89407 0%, #B89407 100%);}.elementor-771 .elementor-element.elementor-element-537738e4{padding:0px 0px 0px 0px;}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.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-771 .elementor-element.elementor-element-1e7eeee7 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-771 .elementor-element.elementor-element-1e7eeee7{text-align:center;color:#092038;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;}.elementor-771 .elementor-element.elementor-element-115a3f15 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-771 .elementor-element.elementor-element-115a3f15{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-771 .elementor-element.elementor-element-44808936{width:var( --container-widget-width, 170px );max-width:170px;--container-widget-width:170px;--container-widget-flex-grow:0;}.elementor-bc-flex-widget .elementor-771 .elementor-element.elementor-element-aff3ea2.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-771 .elementor-element.elementor-element-aff3ea2.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-771 .elementor-element.elementor-element-aff3ea2.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-771 .elementor-element.elementor-element-aff3ea2 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-771 .elementor-element.elementor-element-34fcec17{width:var( --container-widget-width, 150px );max-width:150px;--container-widget-width:150px;--container-widget-flex-grow:0;text-align:center;}.elementor-771 .elementor-element.elementor-element-34fcec17 img{width:100%;}.elementor-771 .elementor-element.elementor-element-32e4537{width:var( --container-widget-width, 150px );max-width:150px;--container-widget-width:150px;--container-widget-flex-grow:0;}.elementor-771 .elementor-element.elementor-element-2f051c57{width:var( --container-widget-width, 150px );max-width:150px;--container-widget-width:150px;--container-widget-flex-grow:0;}.elementor-771 .elementor-element.elementor-element-13155a5e{padding:0px 0px 60px 0px;}.elementor-771 .elementor-element.elementor-element-68fca514{text-align:center;font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;}.elementor-771 .elementor-element.elementor-element-620c37fe{text-align:center;font-family:"Roboto", Sans-serif;font-size:12px;font-weight:400;}@media(min-width:768px){.elementor-771 .elementor-element.elementor-element-4a6d8436{width:20.964%;}.elementor-771 .elementor-element.elementor-element-3b29d631{width:78.701%;}}@media(max-width:767px){.elementor-771 .elementor-element.elementor-element-41487f6 .banner-style-one h2,.elementor-771 .elementor-element.elementor-element-41487f6 .banner-style-two h2,.elementor-771 .elementor-element.elementor-element-41487f6 .banner-style-three-content h2,.elementor-771 .elementor-element.elementor-element-41487f6 .banner-style-four-content h2,.elementor-771 .elementor-element.elementor-element-41487f6 .banner-style-five h1{font-size:50px;}}/* Start custom CSS for restan_slider, class: .elementor-element-41487f6 */.mbYTP_wrapper{
    display: none !important;
}

.elementor-771 .elementor-element.elementor-element-41487f6 .list-quality{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.elementor-771 .elementor-element.elementor-element-41487f6 .list-quality li{
    max-width: 200px;
}/* End custom CSS */
/* Start custom CSS for restan_feature_content, class: .elementor-element-5af63b5 */.elementor-771 .elementor-element.elementor-element-5af63b5{
    text-align: center;
}
.elementor-771 .elementor-element.elementor-element-5af63b5 input,
.elementor-771 .elementor-element.elementor-element-5af63b5 textarea{
    padding: 10px;
    width: 100%;
    margin: 10px 0;
}

.elementor-771 .elementor-element.elementor-element-5af63b5 .thm-btn{
    padding: 10px 0;
    width: 90%;

}



.elementor-771 .elementor-element.elementor-element-5af63b5 .wpcf7-list-item label{
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
}

.elementor-771 .elementor-element.elementor-element-5af63b5 .wpcf7-list-item label input{
    width: auto;
}

.elementor-771 .elementor-element.elementor-element-5af63b5 .input-field,
.elementor-771 .elementor-element.elementor-element-5af63b5 textarea{
    max-height: 200px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-970ff7a *//* =========================================
   1. ESTILOS PARA EL FORMULARIO (PC y Móvil)
   ========================================= */

/* Bordes de los campos de texto */
.wpcf7-form input:not([type="checkbox"]),
.wpcf7-form textarea,
.input-field input,
.input-field textarea {
    border: 2px solid #b89407 !important;
    background-color: #ffffff !important;
    color: #333 !important;
    padding: 12px !important;
    width: 100% !important;
    margin-bottom: 10px !important;
    border-radius: 5px;
}

/* Color del borde al escribir (Focus) */
.wpcf7-form input:focus, 
.wpcf7-form textarea:focus {
    border-color: #8e7104 !important;
    outline: none;
}

/* Estilo del Botón de Enviar */
.thm-btn.thm-btn__gradient,
.wpcf7-submit {
    background: #b89407 !important;
    border: 1px solid #b89407 !important;
    color: #ffffff !important;
    font-weight: bold;
    padding: 12px 30px !important;
    transition: all 0.3s ease;
    cursor: pointer;
}

.thm-btn.thm-btn__gradient:hover {
    background: #8e7104 !important;
    border-color: #8e7104 !important;
}

/* Checkbox de privacidad */
#btn_custom_c input[type="checkbox"] {
    accent-color: #b89407;
}

/* =========================================
   2. DISEÑO DE LA SECCIÓN (PC / ESCRITORIO)
   ========================================= */
@media (min-width: 992px) {
    /* Eliminamos la imagen marrón de fondo de toda la sección */
    .top-feature-style-one-area, 
    .top-feature-style-one-area.bg-cover,
    .top-feature-style-one-info {
        background-image: none !important;
        background-color: #ffffff !important; /* Fondo izquierdo blanco */
    }

    /* Pintamos de dorado TODA la columna derecha */
    .top-feature-style-one-info .col-xl-4.col-lg-12.pl-50 {
        background-color: #b89407 !important;
        background-image: none !important;
        padding: 80px 40px !important; /* Relleno para que cubra todo el alto */
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        min-height: 100% !important;
    }

    /* Hacemos transparente el cuadro de "Nuestro Horario" */
    .opening-hours-hightlight {
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        border: none !important;
        padding: 0 !important;
    }
}

/* =========================================
   3. DISEÑO RESPONSIVE (MÓVIL)
   ========================================= */
@media (max-width: 991px) {
    .top-feature-style-one-area {
        background-color: #ffffff !important;
        background-image: none !important;
    }

    /* En móvil el horario sí es un cuadro independiente */
    .opening-hours-hightlight {
        background-color: #b89407 !important;
        padding: 30px !important;
        border-radius: 10px;
        margin-top: 30px;
    }
}

/* Colores de texto para el bloque dorado */
.opening-hours-hightlight h2, 
.opening-hours-hightlight ul li, 
.opening-hours-hightlight ul li span,
.opening-hours-hightlight ul li .pull-right {
    color: #ffffff !important;
}

.opening-hours-hightlight ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}/* End custom CSS */
/* Start custom CSS for restan_about, class: .elementor-element-031f6af */.elementor-771 .elementor-element.elementor-element-031f6af .item-grid-two-colum div:nth-child(2){
    display: none;
}

.elementor-771 .elementor-element.elementor-element-031f6af .item-grid-two-colum{
    display: flex;
}

@media (max-width: 1024px) {
    .elementor-771 .elementor-element.elementor-element-031f6af{
        text-align: center;
    }
}/* End custom CSS */
/* Start custom CSS for restan_choose_us, class: .elementor-element-e53d848 */@media (max-width: 1024px) {
    .elementor-771 .elementor-element.elementor-element-e53d848{
        text-align: center;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d040e89 */.elementor-771 .elementor-element.elementor-element-d040e89 .default-padding
{
    padding-top: 0px;

}/* End custom CSS */
/* Start custom CSS for restan_about, class: .elementor-element-3d0b871 */@media (max-width: 1024px) {
    .elementor-771 .elementor-element.elementor-element-3d0b871{
        text-align: center;
    }
}/* End custom CSS */
/* Start custom CSS for restan_choose_us, class: .elementor-element-b644306 */@media (max-width: 1024px) {
    .elementor-771 .elementor-element.elementor-element-b644306{
        text-align: center;
    }
    .elementor-771 .elementor-element.elementor-element-b644306 .fun-fact-list{
        display: flex;
        justify-content: center;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-167590a */img[src*="hookah.png"], 
img[src*="star.png"] {
    filter: brightness(0) invert(1) !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1e7eeee7 */.elementor-771 .elementor-element.elementor-element-1e7eeee7{
    width: 50%;
    margin: 0 auto;
}
@media (max-width: 1024px) {
    .elementor-771 .elementor-element.elementor-element-1e7eeee7{
        width: 90%;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-44808936 */.elementor-771 .elementor-element.elementor-element-44808936{
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-34fcec17 */.elementor-771 .elementor-element.elementor-element-34fcec17{
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-32e4537 */.elementor-771 .elementor-element.elementor-element-32e4537{
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2f051c57 */.elementor-771 .elementor-element.elementor-element-2f051c57{
    margin: 0 auto;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-115a3f15 */@media (max-width: 1024px) {
    .elementor-771 .elementor-element.elementor-element-115a3f15 > div {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .elementor-771 .elementor-element.elementor-element-115a3f15 > div div{
        margin: 0 auto;
        width: 140px;
    } 
    .elementor-771 .elementor-element.elementor-element-115a3f15 > div div:nth-child(5){
        grid-column: 1/3;
        padding-bottom: 15px;
    }
}/* End custom CSS */