/*
Theme Name: twentytwentyfive-child
Theme URI: 
Author: Enrique
Author URI: 
Description: Twenty Twenty-Five Child Theme
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: twentytwentyfive-child
Tags: 
*/


/* Estilos personalizados*/

/*--- GENERICS ---*/
a{
    color: transparent;
}
.content-custom{
        margin-block-start: auto;
}
.header-custom{
    z-index: 2;
    position: absolute;
    width: 100%;
}
.footer-custom{
    height: 50vh;
    overflow: hidden;
    & .footer-sitelogo-container :is(figure){
        justify-content: center;
        width: 100%;
    }
    & .footer-sitelogo-container :is(img){
        /*height: 12em !important;
        width: 100% !important;*/
        width: 20em;
        height: auto;
    }
    & .footer-info-container{
        height: 100%;
    }
    & .footer-duruelologo-container :is(img){
            width: 10em;
            margin: 0 auto;
    }
}
.indented-paragraph{
    text-indent: 4em;
}
.generic-section-custom{
    height: 100vh;
}
.mobile-menu-custom :is(div){
    height: 100%;
    & ul{
        justify-content: center;
    }
}
/*--- Instagram Icon ---*/
.custom-insta-button { /* Posicionamiento del botón de Instagram */
    width: 54px;
    display: flex;
    justify-content: center;
    position: fixed;
    bottom: 10px;
	right: 10px;
    z-index: 2;
    transition: transform 0.3s ease;
    color: transparent;
}
.insta-icon-container { /* Diseño del icono de Instagram */
    /*width: 2.5vw;   Ajusta al mismo ancho que tu icono de JoinChat */
    /*height: 2.5vw;  Ajusta al mismo alto que tu icono de JoinChat */
    width: 48px;  /* Ajusta al mismo ancho que tu icono de JoinChat */
    height: 48px; /* Ajusta al mismo alto que tu icono de JoinChat */
    background-image: url('/wp-content/uploads/2026/03/instagram-icon-web.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}
.custom-insta-button:hover { /* Efecto al pasar el ratón *//* Efecto al pasar el ratón */
    transform: scale(1.1);
}
/*--- HOME PAGE ---*/
/*Who Section*/
.who-img-container{
    flex-grow: 1;
}
.who-txt-container{
    flex: 0 0 50%;
}
/*Recommended Section*/
.recommended-img-container, .recommended-title-container{
    height: 100%;
}
/*Priciples Section*/
.principles-container{
    
    & .gastronomy-container, .room-container{
        height: 100vh;
    }
    & .gastronomy-txt-container, .room-txt-container{
        height: 100%;
    }
    & img{
        height: 100vh;
        width: 45vw;
    }
}

@media (max-width: 600px){
    .principles-container{
    
    & .gastronomy-container, .room-container{
        height:50vh;
    }
    & .gastronomy-txt-container, .room-txt-container{
        height: 50%;
    }
    & img{
        height: auto;
        width: 100%;
    }
}
}
/*.principles-container {
    & .gastronomy-container, .room-container{
        height: 100vh;
    }
    & .room-img-container, .gastronomy-img-container{
        height: 100%;
        width: 80% !important;
    }
    & figure{
        height: 100%;
        width: 100% !important;
    }
    & img{
        height: 100%;
        width: 100%;
        display: block;
    }
}*/

/*--- EVENTS ---*/
/*Description Section*/
.title-container-custom{
    flex: 0 0 30%;
}
.description-container-custom{
    flex-grow: 1 !important;
}

/*--- CONTACT ---*/
/*Ubication Section*/
.ubication-container{
    height: 50vh;
}
.ubication_generic-container{
    height: 100% !important;
}
.ubication_claim-container{
    flex: 0 0 35% !important
}
.ubication-maps{
    flex-grow: 1 !important;
    & .uagb-google-map__iframe{
        height: auto;
    }
}

/*Form Section*/
.mi-formulario-custom{
    margin: 0px !important;
    & .wpforms-field-container{
        padding: 1% 1% 0 1% !important;
    }
    & .wpforms-submit-container{
        background-color: #121212;
        padding: 1% 0 1% 0 !important;
        margin: 0 !important;
    }
    
}
@media (max-width: 767px){
    .mi-formulario-custom{
        margin: 0px !important;
        & .wpforms-field-container{
            padding: 3% 3% 0 3% !important;
        }
        & .wpforms-submit-container{
            background-color: #121212;
            padding: 3% 0 3% 0 !important;
            margin: 0 !important;
        }
    
    }
}
.wpforms-field-container :is(input, textarea){
    /*background-color: #121212;
    color: #B4B0B0;*/
    /*height: 3em !important;*/
    letter-spacing: 0.25em !important;
    font-weight: 600 !important;
    --wpforms-button-background-color: B4B0B0 !important;
}
.wpforms-submit-container{
    width: 100%;
    background-color: #121212;
    & .wpforms-enviar-custom{
        width: 100%;
        height: 4em !important;
        /*background-color: #D1C2AE !important;
        color: white !important;*/
    }
}
.wpforms-namefield-custom{
    margin: 0px !important;
    width: 100% !important;
}/*
.wpforms-field-row-block .wpforms-one-half{
    padding-inline-start: 10% !important;
}
.wpforms-field-name .wpforms-field-large{
    column-gap: 1%;
}*/
@media only screen and (max-width: 767px){
    .footer-custom{
        height: 100vh;
        overflow: hidden;
        justify-content: unset;
        & .footer-sitelogo-container :is(figure){
            justify-content: center;
            width: 100%;
        }
        & .footer-sitelogo-container img{
            /*height: 12rem;
            width: 100%;*/
            width: 65% !important;
        }
        & .footer-duruelologo-container :is(img){
            width: 35%;
            margin: 0 auto;
        }
    }
}
@media only screen and (max-height: 600px){
    .footer-custom{
        height: 100vh;
        overflow: hidden;
    }
}
@media only screen and (max-height: 600px){
    .ubication-container{
        height: 100vh;
    }
}