@font-face {
    font-family: sharpGroteskBold;
    src: url(../fonts/SharpGrotesk-Bold15.otf);
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: sharpGroteskSemi;
    src: url(../fonts/SharpGrotesk-SemiBold15.otf);
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: sharpGroteskBook;
    src: url(../fonts/SharpGrotesk-Book15.otf);
    font-weight: 350;
    font-display: swap;
}

@font-face {
    font-family: telegraf;
    src: url(../fonts/Telegraf-Regular.otf);
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: telegrafUltraBold;
    src: url(../fonts/Telegraf-UltraBold.otf);
    font-weight: 700;
    font-display: swap;
}

.ffsharpGroteskBook {
    font-family: sharpGroteskBook;
}

.ffsharpGroteskSemi {
    font-family: sharpGroteskSemi;
}

.ffsharpGroteskBold {
    font-family: sharpGroteskBold;
}

.fftelegraf {
    font-family: telegraf;
}

.fftelegrafUltraBold {
    font-family: telegrafUltraBold;
}

* {
    box-sizing: border-box;
    outline: none;
}

:root {
    scroll-behavior: smooth;
}

body {
    background-color: #fff;
    margin: 0;
}

img {
    max-width: 100%;
    height: auto;
}

.containerCustom {
    max-width: 1280px;
    width: 100%;
}

.yellow {
    color: #FDBA30;
}

.lucuma{
    color: #ffb819
}

.menu {
    display: flex;
    align-items: center;
}

.menu-item {
    color: #fff;
    font-size: 1.125rem;
    margin: 0 2.7rem;
    font-family: telegrafUltraBold;
    position: relative;
}

.current-menu-parent>a {
    color: #FDBA30;
}

#menu-menu.menu>.menu-item {
    padding: 1rem 0;
}

#menu-menu.menu>.menu-item>a::before {
    content: '';
    background-image: url("../img/arrow_menu.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 1rem;
    height: 0.8rem;
    position: absolute;
    top: 1.5rem;
    right: -2rem;
}

#menu-menu.menu .sub-menu {
    display: none;
    background-color: #fff;
    position: absolute;
    right: -2rem;
    top: 3rem;
    padding: 24px;
    width: max-content;
    border: 1px solid #EAEAEA;
}

#menu-menu.menu .sub-menu .menu-item {
    font-family: telegraf;
    color: #000;
    margin: 0;
    border-bottom: 2px solid transparent;
}

#menu-menu.menu .sub-menu .menu-item:nth-child(even) {
    margin: 22px 0;
}

#menu-menu.menu .sub-menu .menu-item:nth-last-child(1) {
    margin: 22px 0 0;
}

#menu-menu.menu .sub-menu .menu-item:hover {
    border-bottom: 2px solid #FFB819;
}

#menu-menu.menu .menu-item:hover>a {
    color: #FDBA30;
}

#menu-menu.menu .menu-item:hover .sub-menu {
    display: block;
}

.changeHeader {
    background-color: #fff;
}

.changeHeader .menu-item {
    color: #000;
}

.bannerSlide {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bannerSlider .glide__arrow {
    border: 0;
    box-shadow: unset;
}

.bannerSlider .glide__bullets {
    left: 85%;
}

.bannerSlider .glide__bullet {
    background-color: #fff;
    transition: all ease-in .3s;
    width: 14px;
    height: 14px;
}

.bannerSlider .glide__bullet--active {
    background-color: #FDBA30;
    width: 3rem;
    border-radius: 0.5rem;
}

.bannerBg {
    background-color: #1b1b1b; /* color base mientras carga la imagen (data-bg) */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Color base del banner del home mientras carga la imagen (data-bg) */
.bannerSlide {
    background-color: #1b1b1b;
}

/* Popup de áreas de investigación (reemplaza el estilo en línea background-color) */
.popupInvestigacion {
    background-color: #444444;
}

.barScrollDown {
    background-image: url('../img/montecito_v1.png');
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 222px;
    height: 52px;
}

.textShadow {
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.portadaVideo:nth-child(3) {
    margin-top: -3.5rem;
}

.dateBox {
    background-color: #FDBA30;
}

.timeBox {
    background-color: #000;
}

.timeBox p {
    color: #FDBA30;
}

.eventDescription h2,
.eventDescription h3,
.eventDescription h4,
.eventDescription h5,
.eventDescription strong {
    font-family: sharpGroteskSemi;
    font-size: 1.5rem;
}

.eventDescription P {
    font-family: telegraf;
}

.videoPopUp {
    background-color: #505050;
    width: 100%;
    height: 100vh;
    position: fixed;
    bottom: 0;
    z-index: 11;
    display: flex;
    align-items: center;
    justify-content: center;
}

.videoBox {
    width: 52vw;
    height: 31.25vw;
    position: relative;
    margin: auto;
}

.videoBox iframe {
    width: 100%;
    height: 100%;
}

.closeVideoImg {
    position: absolute;
    top: -2vw;
    right: 0;
    width: 1.51vw;
    cursor: pointer;
}

.footer {
    background-color: #000;
}

.footer .menu {
    flex-direction: column;
    align-items: flex-end;
}

.footer .menu-item {
    margin: 0;
}

.footer .menu-item:hover a {
    color: #FFB819;
}

.footer .menu .sub-menu {
    display: none;
}
.footer .menu .menu-item-type-gs_sim{
	display: none;
}

/* página de cónocenos  */
.btnVerMas {
    background-color: #FDBA30;
    display: block;
    width: fit-content;
    padding: .5rem 1rem;
}

.investigacionBox:hover {
    box-shadow: 0 10px 60px #262d7610;
}

.investigacionBox:hover .fotoInvestigacion {
    object-fit: none;
    transition: all ease-out .3s;
}

.entidadesDescription {
    color: #3c3c3b;
}

.entidadesDescription strong {
    font-family: telegrafUltraBold;
}

.autoriadesDescripcion p {
    font-family: telegraf;
    font-size: 16px;
}

/* Pagina socios  */
.logoSocio {
    filter: grayscale(1);
}

.logoSocio:hover {
    filter: grayscale(0);
}

.convenios .convenio:nth-child(1) {
    flex-direction: row-reverse;
}

.tituloConvenio span {
    font-size: 20px;
}

.infoConvenio {
    color: #3c3c3b;
}

.infoConvenio ul {
    padding-left: 20px;
    margin-top: 1rem;
}

.infoConvenio li {
    list-style-type: disc;
}

.descripcionEquipo {
    color: #3c3c3b;
}

.areaDeInvestigacion h2,
.areaDeInvestigacion h3,
.areaDeInvestigacion h4,
.areaDeInvestigacion h5 {
    font-family: sharpGroteskSemi;
    font-size: 32px;
    margin-bottom: 20px;
}

.areaDeInvestigacion ul {
    padding-left: 20px;
}

.areaDeInvestigacion ul li {
    list-style-type: disc;
    margin-bottom: 16px;
}

.areaDeInvestigacion ul,
.areaDeInvestigacion ol,
.areaDeInvestigacion p {
    font-family: telegraf;
    font-size: 18px;
}

.areaDeLinks h2,
.areaDeLinks h3,
.areaDeLinks h4,
.areaDeLinks h5 {
    font-family: sharpGroteskSemi;
    font-size: 32px;
    margin-bottom: 20px;
}

.areaDeLinks p {
    font-family: telegraf;
    font-size: 18px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.areaDeLinks p a {
    display: flex;
    align-items: center;
}

.areaDeLinks p img {
    width: 17px;
    margin-right: 15px;
}


.sliderEquipo .glide__arrow {
    border: 0;
    box-shadow: unset;
    top: unset;
    bottom: 14.7rem;
}

.sliderEquipo .glide__arrow--left {
    left: 3rem;
}

.sliderEquipo .glide__arrow--right {
    right: unset;
    left: 20rem;
}

.sliderEquipo .glide__bullets {
    left: 13.5rem;
    bottom: 13rem;
}

.sliderEquipo .glide__bullet {
    background-color: rgba(60, 60, 59, 0.20);
    transition: all ease-in .3s;
    width: 14px;
    height: 14px;
}

.sliderEquipo .glide__bullet:hover {
    background-color: rgba(60, 60, 59, 0.20);
}

.sliderEquipo .glide__bullet--active {
    background-color: #FDBA30;
    width: 2.5rem;
    border-radius: 0.5rem;
}

.proyecto {
    width: 350px;
    height: 270px;
}

.proyecto:hover .proyectoCover {
    background-color: rgba(253, 186, 48, .8);
}

.proyecto:hover .proyectoCover h3,
.proyecto:hover .proyectoCover div {
    color: #000;
}


.proyecto:hover .btnProyecto {
    background-color: #000;
    color: #fff;
}

.proyecto>img {
    width: 100%;
    height: 100%;
}

.proyectoCover {
    background-color: rgba(0, 0, 0, 0.55);
}

.btnProyecto {
    background-color: #FDBA30;
    display: block;
    width: fit-content;
    padding: 5px 28px;
}

.searchform {
    font-family: telegraf;
    font-size: 16px;
    border: 1px solid #D5D8E0;
    width: 448px;
    padding: 7px 20px;
}

.searchform input[name="s"]::placeholder {
    color: #000;
    line-height: 1;
}

.searchform input[type="submit"] {
    color: #000;
    width: 40px;
    height: 40px;
    position: absolute;
    right: -20px;
    top: 0;
    z-index: 2;
    font-size: 0;
    background-color: transparent;
}

.searchform>div {
    position: relative;
}

.searchform>div::after {
    content: '';
    background-color: #FDBA30;
    background-image: url("../img/icon_search.png");
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: -8px;
    right: -20px;
    width: 40px;
    height: 40px;
    z-index: 1;
}

.categoriasProyectos .cat-item-1 {
    display: none;
}

.categoriasProyectos .cat-item a {
    background-color: #000;
    font-family: telegrafUltraBold;
    font-size: 20px;
    color: #FDBA30;
    display: block;
    margin: 0 11px;
    padding: 10px 1rem;
    transition: all ease-in .3s;
}

.categoriasProyectos .cat-item a:hover {
    color: #000;
    background-color: #FDBA30;
}

.categoriasProyectos .current-cat a {
    color: #000;
    background-color: #FDBA30;
}

.arrowDown {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -40px;
    margin: auto;
    text-align: center;
    width: fit-content;
    cursor: pointer;
}

.arrowDown::before {
    content: '';
    background-image: url('../img/arrowDown.png');
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    width: 24px;
    height: 13px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    margin: auto;
}

.portadaCover {
    background-color: rgba(0, 0, 0, 0.55);
}

.projectInvestigador p {
    font-size: 1rem;
}

.projectInvestigador strong,
.projectInvestigador h2,
.projectInvestigador h3,
.projectInvestigador h4,
.projectInvestigador h5 {
    font-family: telegrafUltraBold;
    font-size: 24px;
}

.presupuestoInfo h2,
.presupuestoInfo h3,
.presupuestoInfo h4,
.presupuestoInfo h5,
.presupuestoInfo strong {
    font-family: sharpGroteskSemi;
    font-size: 34px;
}

.boxImgArea img:nth-child(2) {
    margin-top: -2rem;
}

.menu-item-object-gs_sim {
	font-family: telegraf;
	font-size: 0.875rem;
}
.menu-item-object-gs_sim a:nth-child(1){
	border-right: 2px solid #FDB130;
	padding-right: 25px;
}
/*.menu-item-object-gs_sim a:nth-child(2){
	padding-left: 5px;
}*/
#menu-menu.menu .menu-item-object-gs_sim:hover>a{
	color: unset;
}

#menu-menu.menu .menu-item-object-gs_sim a:hover{
	color: #FDBA30;
	border-bottom: 2px solid #FDBA30;
}

.menu-item-object-gs_sim a:before{
	display:none;
}

.trp_language_switcher_shortcode{
	position: absolute;
	top: 0rem;
}
.trp-ls-shortcode-current-language {
	background-color: transparent!important;
	border: 0!important;
	width: 60px!important;	
}
.trp-language-switcher > div > a{
	color: #000;
}

.trp-ls-shortcode-current-language a {
	color: #fff!important;
}

.changeHeader .trp-ls-shortcode-current-language a  {
	color: #000!important;
	font-family: telegrafUltraBold;
}

.trp-ls-shortcode-language {
	width: 60px!important;	
	border: 0!important;
}

.number-slide {
    font-size: 60px;
    line-height: 1;
}

/**Ajuste language**/
.trp-language-switcher > div {
    box-sizing: border-box;
    padding: 3px 20px 3px 5px;
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
    background-position: calc(100% - 8px) calc(1em + 0px), calc(100% - 3px) calc(1em + 0px);
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
    background-color: #fff;
}
 
.trp-language-switcher:focus .trp-ls-shortcode-language, .trp-language-switcher:hover .trp-ls-shortcode-language {
    padding: 3px 20px 3px 5px;
}
 
.menu-item-object-gs_sim a:nth-child(1) {
    padding-right: 7px;
}
 
.trp-language-switcher > div > a {
    padding: 2px;
}
/**Fin - Ajuste language**/

@media (max-width: 1440px) {

}

@media (max-width: 1024px) {
    .sliderEquipo .glide__arrow {
        bottom: 14.7rem;
    }

    .sliderEquipo .glide__arrow--left {
        left: 1rem;
    }

    .sliderEquipo .glide__arrow--right {
        right: unset;
        left: 17rem;
    }

    .sliderEquipo .glide__bullets {
        left: 10.5rem;
        bottom: 16rem;
    }
}

@media(max-width: 920px) {
    .number-slide {
        font-size: 35px;
        line-height: 1;
    }
    
    .logoMenu {
        width: 89px;
    }

    .closeMenuImg {
        width: 39px;
    }

    #menu-menu.menu {
        background-color: #fff;
        align-items: flex-start;
        position: absolute;
        top: 49.4px;
        right: -500px;
        width: 200px;
        height: 100vh;
        transition: all ease .3s;
    }

    #menu-menu.menu .menu-item {
        position: relative;
        color: #000;
        width: 100%;
        margin: 1rem 0;
        padding: 0 1.5rem;
        font-size: 16px;
    }


    #menu-menu.menu>.menu-item>a::before {
        content: '';
        background-image: url("../img/arrow_menu.png");
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
        width: 14px;
        height: 0.8rem;
        position: absolute;
        top: 0.5rem;
        right: 1rem;
    }

    #menu-menu.menu .open_submenu>a::before {
        transform: rotate(180deg);
    }

    #menu-menu.menu_active {
        right: 0;
    }

    #menu-menu.menu .sub-menu {
        margin-top: .75rem;
        padding: 0;
        position: unset;
        width: auto;
        border: 0;
    }

    #menu-menu.menu .sub-menu .menu-item {
        border-bottom: 1px solid #EAEAEA;
        border-top: 1px solid #EAEAEA;
        padding: 0.75rem 0;
        margin: 0;
    }

    #menu-menu.menu .sub-menu .menu-item:hover {
        border-bottom: 1px solid #EAEAEA;
    }

    #menu-menu.menu .sub-menu .menu-item:nth-child(even) {
        margin: 0;
    }

    #menu-menu.menu .sub-menu .menu-item:nth-last-child(1) {
        margin: 0;
    }

    .menu {
        flex-direction: column;
    }

    .menuHamburgerImg {
        width: 22px;
    }

    .changeHeader .menuHamburgerImg {
        filter: invert(1);
    }

    .bannerSlider .glide__arrows {
        display: none;
    }

    .bannerSlider .glide__bullets {
        left: 50%;
        bottom: 4rem;
    }

    .sliderVideoteca .glide__arrow {
        border: 0;
        box-shadow: none;
        width: 50px;
    }

    .sliderVideoteca .glide__arrow--left {
        left: -0.5em;
    }

    .sliderVideoteca .glide__arrow--right {
        right: -0.5em;
    }

    .sliderVideoteca .glide__bullets {
        bottom: -1em;
    }

    .sliderVideoteca .glide__bullet {
        background-color: #D7D7D7;
        transition: all ease-in .3s;
        width: 14px;
        height: 14px;
    }

    .sliderVideoteca .glide__bullet--active {
        background-color: #FDBA30;
        width: 3rem;
        border-radius: 0.5rem;
    }

    .videoPopUp {
        left: 0;
    }

    .closeVideoImg {
        top: -8vw;
        width: 8vw;
    }

    .videoBox {
        width: 100%;
        height: 80vw;
    }


    .ultimoEvento:nth-child(3),
    .ultimoEvento:nth-child(4) {
        display: none;
    }


    .autoriadesDescripcion p {
        font-size: 16px;
    }

    /* pagina socios */

    .tituloConvenio span {
        font-size: 20px;
    }

    /* pagina proyectos  */

    .areaDeInvestigacion h2,
    .areaDeInvestigacion h3,
    .areaDeInvestigacion h4,
    .areaDeInvestigacion h5 {
        font-size: 24px;
    }

    .areaDeInvestigacion ul,
    .areaDeInvestigacion ol,
    .areaDeInvestigacion p {
        font-size: 16px;
    }

    .areaDeLinks h2,
    .areaDeLinks h3,
    .areaDeLinks h4,
    .areaDeLinks h5 {
        font-size: 24px;
    }

    .areaDeLinks p {
        font-size: 16px;
    }

    .areaDeLinks p img {
        width: 14px;
    }


    .sliderEquipo .glide__arrow {
        bottom: -3rem;
    }

    .sliderEquipo .glide__arrow img {
        width: 1.5rem;
    }

    .sliderEquipo .glide__arrow--left {
        left: 14rem;
    }

    .sliderEquipo .glide__arrow--right {
        left: unset;
        right: 14rem;
    }

    .sliderEquipo .glide__bullets {
        left: 50%;
        bottom: -2rem;
    }

    .sliderEquipo .glide__bullet {
        width: 8px;
        height: 8px;
    }

    .sliderEquipo .glide__bullet--active {
        width: 1.25rem;
        border-radius: 0.5rem;
    }


    .searchform {
        width: 100%;
    }

    .categoriasProyectos {
        width: 100%;
        justify-content: space-evenly;
        margin-bottom: 1rem;
    }

    .categoriasProyectos .cat-item a {
        font-size: 16px;
        padding: 7px 9px;
        margin: 0;
    }

    .proyecto {
        /* width: 276px; */
        /* height: 212px; */
        width: 300px;
        height: 240px;
        margin: auto;
    }

    .proyecto>img {
        object-fit: cover;
    }

    .projectInvestigador p {
        font-size: 16px;
    }

    .projectInvestigador strong,
    .projectInvestigador h2,
    .projectInvestigador h3,
    .projectInvestigador h4,
    .projectInvestigador h5 {
        font-family: telegrafUltraBold;
        font-size: 16px;
    }

    .presupuestoInfo h2,
    .presupuestoInfo h3,
    .presupuestoInfo h4,
    .presupuestoInfo h5,
    .presupuestoInfo strong {
        font-size: 24px;
    }

    .boxPresupuesto>div:nth-child(2) .imgPresupuesto {
        width: 3.5rem;
    }


    .boxImgArea img:nth-child(1) {
        margin-right: auto;
    }

    .boxImgArea img:nth-child(2) {
        margin-top: 1rem;
        margin-left: auto;
    }

    .footer .menu {
        align-items: center;
    }
}

@media (max-width: 520px) {
    .categoriasProyectos {
        justify-content: space-between;
    }

    .sliderEquipo .glide__arrow--left {
        left: 0;
    }

    .sliderEquipo .glide__arrow--right {
        left: unset;
        right: 0;
    }
	
	#gtranslate_wrapper {
		right: 10px!important;
		bottom: 10px!important;
	}
}