body {
    color: #FFFFFF;
    font-family: 'Work Sans', sans-serif;
}
header, main, footer {
    margin: 0 auto;
	max-width: 1400px;
}
header img {
    width: 85%;
    max-width: 610px;
}
.perspectivas {
    background-color: #262626;
}
.perspectivas img {
    width: 100%;
}
.tecnologia {
    background-color: #4388b7;
}
.tecnologia .degrade {
    background: linear-gradient(0.25turn,#4388b7, #3f7aa3,#4388b7);
}
.tecnologia .diapo,
.tecnologia .diapoMobile {
    background-color: #000000;
}
.innovacion {
    background-color: #007936;
}
.innovacion .degrade {
    background: linear-gradient(0.25turn,#007936, #056c33,#007936);
}
.innovacion .diapo,
.innovacion .diapoMobile {
    background-color: #FFFFFF;
    color: #007936;
}
.aniversario {
    background-color: #f9ede1;
    color: #007936;
}
.aniversario .diapo {
    background-color: #007936;
    color: #FFFFFF;
}

h1 {
    font-family: 'Bebas Neue', cursive;
    font-size: 1.95rem;
    line-height: 1;
}
.aniversario h1 {
    font-weight: 800;
    letter-spacing: 1px;
}
h2,
H5 {
    font-family: 'Oswald', sans-serif;
}
h3 {
    font-size: 0.98rem;
}
.detalle h3 {
    font-size: 1.2rem;
}

.aniversario img {
    width: 100%;
}
.visibleDesktop {
    display: none;
}


.fecha,
.horario {
    font-size: 0.8rem;
    font-weight: 400;
}
.streaming1,
.streaming2 {
    font-family: 'Oswald', sans-serif;
    font-size: 0.75rem;
    letter-spacing: 0.1rem;
    font-weight: 300;
}
.streaming1 span,
.streaming2 span {
    padding-bottom: 4px !important;
}
a,
a:hover,
a:active {
    color: inherit;
    text-decoration: none;
}

.btn-sm {
    width: 100%;
}

.detalle .btn {
    font-size: 1rem;
}

.speakers,
.sponsors {
    background-color: #FFFFFF;
    color: #595959;
}
.speakers h1,
.speakers h3 {
    color: #038b4c;
    font-family: 'Work Sans', sans-serif;
}
.speakers h1 {
    font-size: 2rem;
    font-weight: 800;
}
.speakers h3 {
    font-size: 1rem !important;
    margin-bottom: 0.1rem;
}
.speakers img {
    width: 100%;
}
.speakers p {
    font-size: 0.80rem;
    line-height: 15px;
    margin-bottom: 0;
}
.sponsors .categoria {
    border-bottom: 1px solid #595959;
    margin-bottom: 10px;
}
.sponsors h5 {
    margin-bottom: 1px;
}
.sponsors img {
    width: 100%;
}

@media (max-width: 991px) {
    .fecha,
    .streaming1 {
        padding-right: 0;
    }
    .horario,
    .streaming2 {
        padding-left: 0;
    }
    .aniversario .fecha,
    .aniversario .streaming1 {
        padding-right: calc(var(--bs-gutter-x) * .5);
    }
    }

@media (min-width: 360px) {
    .fecha,
    .horario {
        font-size: 0.9em;
    }
    .streaming1,
    .streaming2 {
        font-size: 0.95rem;
        letter-spacing: 0.1rem;
    }
    .logoAniversario img {
        width: 85%;
    }
    .aniversario h1 {
        font-size: 2.4rem;
    }
}    
/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    h3 {
        font-size: 1.23rem;
    }
    .fecha,
    .horario {
        font-size: 0.9em;
    }
    .streaming1,
    .streaming2 {
        font-size: 1.3rem;
        letter-spacing: 0.15rem;
    }
    .logoAniversario img {
        width: 100%;
    }
    .aniversario h1 {
        font-size: 2.8rem;
    }
    .speakers h1 {
        font-size: 3rem;
    }
    .speakers h3 {
        font-size: 1.3rem !important;
    }
    .speakers p {
        font-size: 1rem;
        line-height: 18px;
    }
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    h1 {
        font-size: 3.8rem;
        line-height: 1;
    }
    h3 {
        font-size: 1.44rem;
    }
    .fecha,
    .horario {
        font-size: 1.2em;
        font-weight: 800;
    }
    .streaming1,
    .streaming2 {
        font-size: 1.45rem;
    }
    .aniversario h1 {
        font-size: 3.4rem;
    }
    .detalle .btn {
        font-size: 1.25rem;
    }
    .sponsors img {
        max-height: 65px;
        width: auto;
    }
    .sponsors img.chico {
        width: 65%;
    }
    
    }

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    h1 {
        font-size: 2.9rem;
        line-height: 1;
    }
    h3 {
        font-size: 0.804rem;
        line-height: 1.6;
    }
    .detalle h3 {
        font-size: 1.5rem;
    }
    .bajada {
        min-height: 100px;
    }
    .fecha,
    .horario {
        font-size: 1.2rem;
    }
    .streaming1,
    .streaming2 {
        font-size: 0.9rem;
    }
    .tecnologia .diapoMobile,
    .innovacion .diapoMobile {
        background-color: transparent !important;
        color: #FFFFFF;
    }
    .conector,
    .logoAniversario {
        display: none;
    }
    .visibleDesktop {
        display: block;
    }

}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    h1 {
        font-size: 3.1rem;
        line-height: 1;
    }
    h3 {
        font-size: 0.99rem;
        line-height: 1.4;
    }
    .bajada {
        min-height: 110px;
    }
    .fecha,
    .horario {
        font-size: 1.5rem;
    }
    .streaming1,
    .streaming2 {
        font-size: 1.2rem;
    }
}

@media (min-width: 1400px) {
    h1 {
        font-size: 3.8rem;
        line-height: 1;
    }
    h3 {
        font-size: 1.16rem;
    }
    .bajada {
        min-height: 100px;
    }
    .streaming1,
    .streaming2 {
        font-size: 1.5rem;
    }
}

/*** Menu ***/
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    display: none;
    top: 0;
    left: 100%;
    margin-top: -1px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

/* Esto evita que se abra automáticamente con hover en desktop */
.dropdown-submenu:hover > .sub-dropdown {
  display: none !important;
}
.sub-dropdown {
  display: none;
}
.sub-dropdown.show {
  display: block;
}