body.page-id-6876 .read_more_text {position: absolute; bottom:10px; }
body.page-id-6876 #wrapper .fusion-tb-header .fusion-fullwidth {background-color: #e9c3a4!important;}
body.page-id-6954 #wrapper .fusion-tb-header .fusion-fullwidth {background-color: #f4e1d2!important;}
body.page-id-7050 #wrapper .fusion-tb-header .fusion-fullwidth {background-color: #cfb280!important;}
body.page-id-7166 #wrapper .fusion-tb-header .fusion-fullwidth {background-color: #bcc7d1!important;}
body.page-id-7186 #wrapper .fusion-tb-header .fusion-fullwidth {background-color: #decbcb!important;}
body.page-id-7201 #wrapper .fusion-tb-header .fusion-fullwidth {background-color: #dfbdb2!important;}




#research_select {border: thin solid #413b47; border-radius: 25px; background-color:#e9c3a4; font-family: poppins; padding: 7px 17px; text-transform: uppercase;font-size: 14px; color:#413b47;height: 38px;    max-width: 250px;
    margin: 0 auto;}

.parent-pageid-6876 #main #content .our_h2{
    font-size: calc(0.3em + 1vw + 0.5vh)!important;
}

.page-id-7050 #main #content .our_h2{
    font-size: calc(0.2em + 1vw + 0.5vh)!important;
}

@media (min-width: 649px) {
	.parent-pageid-6876 #content .our_text > .fusion-column-wrapper {
		height: 60vh;
		overflow-y: auto;
		overflow-x: hidden;
		padding-right: 15px;
		position: relative;
		max-width: 100%;
		scroll-behavior: smooth;
	}
}

/* SCROLLBAR PERSONALIZADO*/
/* WebKit (Chrome, Safari, Edge) */
.parent-pageid-6876 #content  .our_text > .fusion-column-wrapper::-webkit-scrollbar { width: 8px; }
.parent-pageid-6876 #content  .our_text > .fusion-column-wrapper::-webkit-scrollbar-track {
    background: #e9e5e2 !important;
    border-radius: 4px;
}
.parent-pageid-6876 #content  .our_text > .fusion-column-wrapper::-webkit-scrollbar-thumb {
    background: #6f6767 !important;
    border-radius: 4px;
}
.parent-pageid-6876 #content  .our_text> .fusion-column-wrapper::-webkit-scrollbar-thumb:hover {
    background: #413b47 !important;
}
/* Firefox */
.parent-pageid-6876 #content .our_text > .fusion-column-wrapper {
    scrollbar-width: thin;
    scrollbar-color: #6f6767 #e9e5e2;
}
/* Ocultar scrollbar SOLO del contenedor principal */
@media (min-width: 649px) {
	.parent-pageid-6876 #content .fusion-builder-row-2::-webkit-scrollbar { display: none; }
	.parent-pageid-6876 #content .fusion-builder-row-2 { scrollbar-width: none; height: 100vh!important;}
}


.our_menu { width: 210px; padding-left: 90px; margin-top: -260px;  flex-direction: column;}
.our_menu .i_menu {margin-bottom: 10px; font-family: Poppins; font-size: 14px; display: block;}
.our_menu .i_menu.active {font-weight: bold;}


/* Control por altura de la ventana */
.our_menu_select {
	display: none;
	position: absolute;
	top: -123px;
	left: 45%;
	max-width: 300px;
	padding: 10px 15px;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	color: #413b47;
	border: 1px solid #413b47;
	border-radius: 25px;
	background: rgb(255 255 255 / 0%);;
	cursor: pointer;
	z-index: 100;
	font-weight: 600;
}

/* CASO 1: Pantalla BAJA (menos de 769px de alto) */
@media (max-height: 769px) {
    #h_menu.our_menu {
        display: none !important;
    }

    #h_menu_select.our_menu_select {
        display: block !important;
    }
}

/* CASO 2: Pantalla ESTRECHA (menos de 650px de ancho) */
@media (max-width: 650px) {
    #h_menu.our_menu {
        display: none !important;
    }

    #h_menu_select.our_menu_select {
        display: block !important;
        position: relative!important;
        top: -40px;
        left: 0;
        max-width: 80%!important;
        margin: 0 auto;
    }
}

/* CASO 3: Pantalla ALTA Y ANCHA (más de 769px de alto Y más de 650px de ancho) */
@media (min-height: 770px) and (min-width: 651px) {
    #h_menu.our_menu {
        display: flex !important;
    }

    #h_menu_select.our_menu_select {
        display: none !important;
    }
}


/* ---------- TRANSICIÓN DE PÁGINA COMPLETA ---------- */
body {
    transition: opacity .5s ease;
}
body.is-fading {
    opacity: 0 !important;
}

/* Fade-in inicial al cargar */
body.is-loading {
    opacity: 0;
}

/* Overlay que mantiene el color de fondo durante el fade */
#page-fade-overlay {
    position: fixed;
    inset: 0;
    z-index: 99999;
    pointer-events: none;
    opacity: 0;
    transition: opacity .5s ease;
}
#page-fade-overlay.is-visible {
    opacity: 1;
}


/* ==========================================================
   TRANSICIÓN DE PÁGINA COMPLETA + LOADER
   ========================================================== */

/* Fade del body entero */
body {
    transition: opacity .5s ease;
}
body.is-fading {
    opacity: 0 !important;
}
body.is-loading {
    opacity: 0;
}

/* Overlay que mantiene el color del header durante el fade */
#page-fade-overlay {
    position: fixed;
    inset: 0;
    z-index: 99999;
    pointer-events: none;
    opacity: 0;
    transition: opacity .5s ease;
}
#page-fade-overlay.is-visible {
    opacity: 1;
}

/* Barra de progreso superior (loader discreto) */
#page-loader {
    position: fixed;
    top: 0;
    left: 0;
    height: 10px;
    width: 0;
    background: #6f6767;
    z-index: 100000;
    pointer-events: none;
    opacity: 0;
    transition: opacity .25s ease;
}
body.is-fading #page-loader,
body.is-loading #page-loader {
    opacity: 1;
    animation: pageLoaderFill 1.4s ease forwards;
}
body.is-loaded #page-loader {
    width: 100%;
    opacity: 0;
    transition: width .15s ease, opacity .4s ease .1s;
}
@keyframes pageLoaderFill {
    0%   { width: 0%;  }
    30%  { width: 45%; }
    60%  { width: 72%; }
    85%  { width: 88%; }
    100% { width: 100%;}
}