@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body, html {
    scroll-behavior: smooth;
    overflow-wrap: anywhere;
}

.linea-titulo{
    width: 50px;
    margin: 0 auto;
    border-top: 5px solid var(--color-accent);
}

.footer .bmotion {
    color: var(--color-accent);
}
.footer{
    background: #3D3D3D;
}
.text-brand {
    color: var(--color-brand);
}
.text-accent {
    color: var(--color-accent);
}
.bg-accent{
    background: var(--color-accent);
}
.bg-brand{
    background: var(--color-brand);
}
.bg-black{
    background: black;
}
.border-accent{
    border-color: var(--color-accent)!important;
}
a {
    color: var(--color-accent);
    font-weight: bold;
}
.btn-anima {
    box-shadow: 0 0 0 0 rgb(236 154 30 / 70%);
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(236, 154, 30, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(236, 154, 30, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(236, 154, 30, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(236, 154, 30, 0);}}


.fade-in {
    opacity: 1;
    transition: 300ms all ease-in-out;
    animation: fade-in 3s ease-out 1;
}
@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity:1;
    }
}
.zoom-in {
    transition: 300ms all ease-in-out;
    animation: zoom-in 2s ease-out 1;
    color:var(--color-barra-sup);
  }
@keyframes zoom-in {
    0% {
      transform: scale(0, 0);
      opacity:0;
      color:white;
    }
    50% {
      transform: scale(1.2, 1.2);
      opacity:0.5;
      color: var(--color-barra-sup);
    }
    100% {
      transform: scale(1, 1);
      opacity:1;
      color:var(--color-barra-sup);
    }
  }

.scrollup {
    border-radius: 15%;
    font-size: 1rem;
    line-height: 2.5rem;
    color: #fff;
    background: rgb(0 0 0 / 20%);
    text-align: center;
    padding: 6px;
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 50px;
    right: 3px;
    cursor: pointer;
    z-index: 999;
}

.sticky-top {
    z-index: 999 !important;
}
.dropdown [type=button], .dropdown button {
    -webkit-appearance: none!important;
}
/* .dropdown-item:focus, .dropdown-item:hover {
    background-color: #505050;
} */
nav.menu .dropdown-menu.show {
    right: 0;
    left: auto;
}
nav.menu a.dropdown-item {
    color: var(--color-accent)!important;
    text-transform: unset;
}
.navbar-expand-md .navbar-nav .nav-link {
    padding: 1rem;
}
a.nav-link {
    transition: all 300ms ease-in-out;
}
a.nav-link:hover {
    /* background: var(--color-accent); */
    background: rgba(255, 255, 255, 0.3);
}

body.home a[href*="/home.php"],
body.program a[href*="/program.php"],
body.streaming a[href*="/streaming-2767"],
body.streaming a[href*="/salas.php"],
body.salas a[href*="/salas.php"],
body.fotos a.fotos,
body.fotos a[href*="/fotos.php"],
body.ponentes a[href*="/ponentes.php"],
body.recursos a[href*="/recursos.php"],
body.convocatoria a[href*="/convocatoria.php"],
body.acta a[href*="/acta.php"]

{
    background: rgba(255, 255, 255, 0.3);
  }


@media (max-width:576px){
    .display-3{
        font-size: 2.5rem;
    }
    .display-4 {
        font-size: 2.2rem;
    }
    .wrapper {
        padding-bottom: 10rem;
    }
    .scrollup {
        bottom: 125px;
    }
    .h3, h3 {
        font-size: 1.4rem;
    }
}

.ponentes .card-body {
    padding: 1.25rem 1.25rem 0rem;
}
.ponentes .card img {
    max-width: 150px;
    max-height: 150px;
    object-fit: cover;
}
.ponentes .card:hover {
    transform: unset;
}
.ponentes .card {
    background-color: transparent;
    border: 1px solid var(--color-barra-sup);
    transition: 300ms all ease-in-out;
}
.ponentes .card {
    cursor: unset;
    border-radius: 1rem;
}
.ponentes .card-footer {
    padding-bottom: 1rem;
    background-color: transparent;
    border-top: 0px solid rgba(0,0,0,.125);
}

/* live program */
#scheduledSessions span.badge.badge-light.mr-2 {
    font-size: 0.9rem;
}
/* #scheduledSessions .badge-light {
    background-color: #f2f2f2;
} */
div#scheduledSessions h5 {
    color: var(--color-brand);
    font-size: 1.2rem;
    font-weight: 500;
}
div#scheduledSessions h6.small {
    font-weight: 300;
    font-size: 1rem;
    color: var(--color-brand);
}
div#topicFilter {
    display: none;
}
div#locationFilter {
    display: none;
}
div#speakersFilter h5 {
    margin-bottom: 0.25rem;
}
span.badge.badge-light.mr-2::before {
    content: '\F4D4';
    font-family: 'bootstrap-icons';
    font-style: initial;
    /* color: var(--color-brand); */
    color: #6caebf;
    margin-right: 5px;
    font-size: 1rem;
    transform: translateY(2px);
    display: inline-block;
}
span.badge.badge-light.mr-2 {
    font-weight: 400;
    background: transparent;
    font-style: italic;
    font-size: 0.9rem;
    color: #495057;
}

#programParent .list-group-item:nth-of-type(1), #scheduledSessions .list-group-item:nth-of-type(1), #programParent .list-group-item:nth-of-type(2), #scheduledSessions .list-group-item:nth-of-type(2), #programParent .list-group-item:nth-of-type(5), #scheduledSessions .list-group-item:nth-of-type(5), #programParent .list-group-item:nth-of-type(9), #scheduledSessions .list-group-item:nth-of-type(9) {
    background: red;
    display: none;
}
#scheduledSessionRootRow .col-12.col-lg-4.py-3.px-3.d-none.d-lg-block,
#scheduledSessionRootRow .col-12.text-right.d-lg-none.mb-4.pr-4 {
    display: none!important;
}
div#scheduledSessionRootRow {
    justify-content: center;
}
.list-group-item.list-group-item-action {
    border-top: 1px solid rgba(0,0,0,.125);
}


/* light-box */
.light-box{
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100vh;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform .3s ease-in-out;
    transform: scale(0);
}
.light-box img{
    width: 75vw;
    max-height: 100vh;
    object-fit: contain;
}
.light-box:target{
    transform: scale(1);
}
.xclose{
    display:block;
    position:absolute;
    top: 40px;
    right:40px;
}

a.btn-recursos:hover{
    text-decoration: none;
}
.btn-recursos{
    transition: 300ms all ease-in-out;
    background: transparent;
    max-width: 700px;
    background: rgb(0 96 169 / 10%);
}
.btn-recursos:hover {
    background: #f1f1f1;
    background: white;
}

button.deleteFile.btn.btn-danger.ml-2 {
    padding: 0 1rem;
    color: red;
    background: transparent;
    text-decoration: underline;
}
button.deleteFile::before {
    content: '\F78A';
    display: inline-block;
    font-weight: normal;
    font-family: 'bootstrap-icons';
    font-style: normal;
    margin-right: 5px;
}
.fileUploaded{
    margin-bottom: 0px;
}


input[type="text"], input[type="email"], input[type="password"], input[type="url"], input[type="number"], select, select.form-control, input[type="tel"] {
    padding: 0.65rem 1.25rem;
    border: var(--border);
    border-radius: var(--border-radius);
    height: 3rem;
    font-size: var(--typo-size);
}

.footer{margin-bottom:0rem !important}