html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background:black;
}
.site-branding__name{
	    font-size: 1.3rem;
}

header#header {
    width: -webkit-fill-available;
}
#header-nav {
    background: transparent;
}
.primary-nav__menu-link-inner::after {
    border-top: solid 5px #fff;
}
.primary-nav__menu-link:hover {
    color: #fff;
}
#header-nav.is-active {
    background: darkcyan;
    padding:50px;
}
a.secondary-nav__menu-link.secondary-nav__menu-link--link.secondary-nav__menu-link--level-1 {
    color: #fff;
}


    
    body:not(.is-always-mobile-nav).header-nav .is-active{
        background: #000 !important;
        color: #fff !important;
}

    body:not(.is-always-mobile-nav) .primary-nav__menu-link-inner{
    background: transparent;
        color: #fff;
}




.page-wrapper{
	background:black !important;
}



/* ─── HERO ─── */
.hero{position:relative;width:100vw;left:50%;margin-left:-50vw;height:100vh;overflow:hidden;background:#000}

/* ─── SLIDER ─── */
.slider{position:absolute;inset:0;z-index:0}
.slide{
  position:absolute;inset:0;
  opacity:0;transition:opacity 1s ease;
  background:#000;             /* negro mientras no hay vídeo */
}
.slide.visible{opacity:1}

/* 16:9 cover */
.slide iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;border:0;}
@media (min-aspect-ratio:16/9){.slide iframe{width:100vw;height:calc(100vw*9/16);}}
@media (max-aspect-ratio:16/9){.slide iframe{width:calc(140vh*16/9);height:140vh;}}

/* ─── OVERLAY & TEXT ─── */
.overlay{position:absolute;inset:0;background:rgba(0,0,0,.4);z-index:1}
.hero .content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;text-align:center;color:#fff;padding:0 1rem}
.hero .content h1{font-size:3rem;margin:.25em 0}
.hero .content .analog-font{margin-bottom:1rem}
.hero .content p{max-width:640px;margin:0 auto}




.site-header {
    position: absolute;

}

#block-futuresciencestheme-site-branding{
    visibility: hidden;
}
.content h1 {
    color: #fff;
}
.site-header__inner {

    background: transparent;
}
.path-frontpage #block-olivero-page-title {
    text-align: center;
}
    .mobile-nav-button__label {

        color: #fff;
    }
    
    .is-overlay-active .mobile-nav-button__label {
    color: black;
}

.path-frontpage .social-bar {
    display: none;
}

.path-frontpage #main-wrapper {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.path-frontpage .main-content__container.container {
    padding: 0;
    margin:0;
}
.path-frontpage h1 {
    letter-spacing: -0.01em;
    font-size: 3.5rem;
    line-height: 2.7rem;
}



@media (max-width:500px){
	.text-content .analog-font, .cke_editable .analog-font {
	    font-size: 1.5rem;
	}

}

@media (max-width:1999px){

}


.bi-moon-fill::before {
    color: #fff;
}

    body:not(.is-always-mobile-nav) .block-search-wide__wrapper, body:not(.is-always-mobile-nav) .block-search-wide__button {
        display: block;
        color: #fff;
    }
    
    .site-branding {
        background: transparent;
    }

.site-header__initial {
    background: transparent;
}


.dark-mode .container, .dark-mode .title, .dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6, .dark-mode .h1, .dark-mode .h2, .dark-mode .h3, .dark-mode .h4, .dark-mode .h5, .dark-mode .h6, .dark-mode .text-content, .dark-mode .page-wrapper, .dark-mode .header-nav, .dark-mode .site-header__inner
 {
    background-color: transparent !important; 
    color: white !important;
}
#block-futuresciencestheme-content, #content, .node__content.layout--content-narrow, .layout {
    margin: 0;
    padding: 0;
}