.seccionTimeline {
    display: none;
}

.seccionTimelineAlt {
    width: 100%;
    scroll-behavior: smooth;
    overflow-x: scroll;
    border: none;
}

.lineaCompleta {
    width: 2500%;
    position: relative;
}

.seccionFooterTimelineAlt {
    width: 100%;
    overflow-x: scroll;
    background: #E2303B;
    border: none;
    margin-top: -0.1rem;
    position: relative;
    z-index: 10;
}

html body .sectionColor {
    position: relative;
    /* z-index: 100; */
}

.footerTimelineAlt {
    width: 100%;
}

@media (min-width: 1024px) {
    .lineaCompleta {
        width: 1000%;
        position: relative;
    }
    .seccionTimelineAlt {
        overflow-x: hidden;
    }
}

.contenedorModal2 {
    background: true;
    background: #fff;
    height: auto;
    padding: 2rem;
}

.btnTerminos {
    background: url(../assets/resources/botonEventoC.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100% !important;
    font-family: 'timbra_sansregular';
    color: #fff !important;
}
/* -----------Formulario------------- */

.formularioParrafo {
    font-size: 1em;
}

.cardFormulario {
    background: none;
    border: none;
    background: url(../assets/resources/fomulario.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    font-family: 'timbra_sansregular';
    font-size: 1.5rem;
    color: #fff;
    padding: 1rem;
}

form .input {
    border: none !important;
    background: #65318E;
    outline: none !important;
    color: #fff;
    font-size: 1.5rem;
    padding: 0 1rem;
}

form option {
    color: #fff !important;
}

form .input:focus,
.input:active {
    background: #65318E;
    outline: none !important;
    border: none !important;
    color: #fff;
    font-size: 1.5rem;
}

form a {
    color: #fff;
    border-bottom: solid 1px #fff;
    padding-top: 2rem;
}

.btnEnviarFormulario {
    background: none;
    border: none;
    background: url(../assets/resources/btnFormulario.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 12rem;
    height: 5rem;
    color: #fff;
    outline: none;
}

.btnEnviarFormulario:hover {
    background: none;
    border: none;
    background: url(../assets/resources/btnFormularioHover.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 12rem;
    height: 5rem;
    outline: none;
    color: #EC4233;
}

.btnEnviarFormulario:active {
    background: none;
    border: none;
    background: url(../assets/resources/btnFormulario.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 12rem;
    height: 5rem;
    color: #fff;
    outline: none;
}

@media (max-width: 768px) {
    .cardFormulario {
        padding: 0;
    }
    .contenedorModal2 {
        padding: 0.5rem;
    }
}

.carroselAnimate {
    padding-top: 5vw;
}

.carroselAnimate .slick-next {
    position: absolute;
    right: 34%;
    z-index: 100;
    top: 0;
    background: none;
    border: none;
    background-image: url(../assets/resources/controlCarrosel/siguienteSpeaker.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    /* margin: auto; */
    color: transparent;
    width: 13%;
    height: 13%;
    outline: none;
    /* background: red; */
}

.carroselAnimate .slick-next:hover {
    background-image: url(../assets/resources/controlCarrosel/siguienteSpeakerHover.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.carroselAnimate .slick-next:active {
    background-image: url(../assets/resources/controlCarrosel/siguieneteSpeakerActive.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.carroselAnimate .slick-prev {
    position: absolute;
    left: 34%;
    top: 0;
    background: none;
    border: none;
    z-index: 100;
    background-image: url(../assets/resources/controlCarrosel/anteriorSpeaker.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin: auto;
    color: transparent;
    width: 13%;
    height: 13%;
    outline: none;
}

.carroselAnimate .slick-prev:hover {
    background-image: url(../assets/resources/controlCarrosel/anteriorSpeakerHover.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.carroselAnimate .slick-prev:active {
    background-image: url(../assets/resources/controlCarrosel/anteriorSpeakerActive.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.card-img-top,
.slick-slide,
.slick-current,
.slick-active {
    outline: none;
}

.titularPost {
    /* background: #E2303C; */
    /* background: red; */
    margin-top: -15%;
    position: relative;
    /* z-index: 100; */
    display: block;
}
.titularPostAlt {
    /* background: #E2303C; */
    /* background: red; */
    margin-top: -8%;
    position: relative;
    /* z-index: 100; */
    display: block;
}

.conLogo {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 990px) {
    body .carrosel-mobile .tituloConferencista {
        color: #fff;
        text-align: center;
        font-family: 'timbra_sansregular';
        font-size: 1.7vw !important;
        line-height: 1em;
    }
    html body .carrosel-mobile .cargo {
        margin-bottom: 2vw;
    }
}

@media (max-width: 575px) {
    html body .bodyCardSpeaker {
        height: 15vw !important;
        top: -7vw !important;
    }
    html body .carrosel-mobile .tituloConferencista {
        font-size: 5vw !important;
    }
    html body .carrosel-mobile .cargo {
        font-size: 5vw;
    }
    html body .carrosel-mobile .card .cardSpeaker {
        margin-top: 0 !important;
        background: red;
    }
}

.colorBack {
    width: 100%;
    height: 13vw;
    background: #8E64B0;
    margin-top: -10vw;
    position: relative;
    z-index: -100 !important;
}

.colorBack2 {
    width: 100%;
    height: 13vw;
    background: #8E64B0;
    margin-top: -10vw;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -100 !important;
}

.sectionColorB {
    margin-top: -15vw !important;
    padding-top: 16vw;
    margin-bottom: 13vw;
    padding-bottom: 0 !important;
    position: relative;
    z-index: -100;
}

.tituloD {
    margin-top: 5vw;
}

.calendario {
    /* background: red; */
    margin-top: -10vw;
}

.contenedor-D {
    display: block;
    margin: 0;
    margin-top: -6vw !important;
    padding-top: 5vw;
    position: relative;
    z-index: 100;
    border: none;
}

@media (max-width: 768px) {
    .carroselAnimate {
        padding-top: 5vw;
        transform: scale(1.6);
        transform-origin: center;
        margin-top: 10vw;
    }
    .carroselAnimate .slick-next {
        /* left: 60%; */
        width: 15%;
        height: 15%;
    }
    .carroselAnimate .slick-prev {
        /* left: 25%; */
        width: 15%;
        height: 15%;
    }
    .titularPost {
        margin-top: 1%;
    }
    .titularPostAlt {
        margin-top: 5%;
    }
}

@media (max-width: 320px) {
    .contenedor-D {
        margin-top: 5rem !important;
    }
}

@media (max-width: 1025) {
    html body .eventos-recomendados-mobileA .evento {
        display: none;
    }
    html body .eventos-recomendados-mobileB .evento {
        display: none;
    }
    html body .eventos-recomendados-mobileC .evento {
        display: none;
    }
    html body .eventos-recomendados-mobileD .evento {
        display: none;
    }
    html body .eventos-recomendados-mobileE .evento {
        display: none;
    }
    html body .eventos-recomendados-mobileF .evento {
        display: none;
    }
    html body .eventos-recomendados-mobileG .evento {
        display: none;
    }
    body .contenedorModal {
        background: red !important;
    }
}

@media (max-width: 980px) {
    .eventos-recomendados-mobileA .cardEvent {
        padding: 3vw 2vw !important;
    }
    .eventos-recomendados-mobileB .cardEvent {
        padding: 3vw 2vw !important;
    }
    .eventos-recomendados-mobileC .cardEvent {
        padding: 3vw 2vw !important;
    }
    .eventos-recomendados-mobileD .cardEvent {
        padding: 3vw 2vw !important;
    }
    .eventos-recomendados-mobileE .cardEvent {
        padding: 3vw 2vw !important;
    }
    .eventos-recomendados-mobileF .cardEvent {
        padding: 3vw 2vw !important;
    }
    .eventos-recomendados-mobileG .cardEvent {
        padding: 3vw 2vw !important;
    }
}

@media (max-width: 856px) {
    .eventos-recomendados-mobileA .btnItemA {
        margin-top: 3vw;
    }
    .eventos-recomendados-mobileB .btnItemA {
        margin-top: 3vw;
    }
    .eventos-recomendados-mobileC .btnItemA {
        margin-top: 3vw;
    }
    .eventos-recomendados-mobileD .btnItemA {
        margin-top: 3vw;
    }
    .eventos-recomendados-mobileE .btnItemA {
        margin-top: 3vw;
    }
    .eventos-recomendados-mobileF .btnItemA {
        margin-top: 3vw;
    }
    .eventos-recomendados-mobileG .btnItemA {
        margin-top: 3vw;
    }
    .eventos-recomendados-mobileA .btnItemC {
        margin-top: 5vw;
    }
    .eventos-recomendados-mobileB .btnItemC {
        margin-top: 5vw;
    }
    .eventos-recomendados-mobileC .btnItemC {
        margin-top: 5vw;
    }
    .eventos-recomendados-mobileD .btnItemC {
        margin-top: 5vw;
    }
    .eventos-recomendados-mobileE .btnItemC {
        margin-top: 5vw;
    }
    .eventos-recomendados-mobileF .btnItemC {
        margin-top: 5vw;
    }
    .eventos-recomendados-mobileG .btnItemC {
        margin-top: 5vw;
    }
    .eventos-recomendados-mobileA .titleEvent {
        font-size: 5vw;
    }
    .eventos-recomendados-mobileB .titleEvent {
        font-size: 5vw;
    }
    .eventos-recomendados-mobileC .titleEvent {
        font-size: 5vw;
    }
    .eventos-recomendados-mobileD .titleEvent {
        font-size: 5vw;
    }
    .eventos-recomendados-mobileE .titleEvent {
        font-size: 5vw;
    }
    .eventos-recomendados-mobileF .titleEvent {
        font-size: 5vw;
    }
    .eventos-recomendados-mobileG .titleEvent {
        font-size: 5vw;
    }
}

@media (max-width: 690px) {
    .cardEvent .titleEvent {
        font-family: 'timbra_sansregular';
        font-size: 5vw !important;
    }
    .textbtnEventA {
        font-size: 4vw;
    }
    .textbtnEventB {
        font-size: 4vw;
        margin: 10px;
    }
    .lineAlternative {
        margin-top: 3vw;
    }
}

@media (max-width: 450px) {
    .cardEvent .titleEvent {
        font-family: 'timbra_sansregular';
        font-size: 6vw !important;
    }
    .textbtnEventA {
        font-size: 4vw;
    }
    .textbtnEventB {
        font-size: 4vw;
        margin: 5px;
    }
    .lineAlternative {
        margin-top: 3vw;
    }
    .btnItemA {
        margin-top: 2vw;
        width: 80%;
    }
}

label.error {
    color: #FFB723 !important;
    margin-bottom: 0 !important;
}

#tituloRespuesta {
    font-family: 'timbra_sansregular';
    font-size: 2rem;
    display: block;
    margin: auto;
    text-align: center;
}

#contenidoRespuesta {
    display: block;
    text-align: center;
}

.oculto {
    display: none;
}

@media (max-width: 1024px) {
    .post {
        /* margin-top: 10rem !important; */
        /* margin-top: -0.1rem; */
    }
    .mosaicopost {
        margin-top: -1.6rem !important;
    }
}

.mosaicopost {
    margin-top: -5rem;
    position: relative;
    z-index: 1;
}

.menuFixed {
    background: rgba(0, 0, 0, 0.5);
}

.menuFixedItems {
    display: flex;
    justify-content: space-between;
}
.logo-patrocinio{
    display: block;
    width: 100%;
}

.rcn{
    width: 120%;
}
.capital{
    width: 60%;
    margin-left: 2rem;
}
.trece{
    margin-left: 1rem;
}
.teleantioquia{
    width: 120%;
    margin-left: -1rem;
}
.telecaribe{
    width: 60%;
}
.rtcv{
    width: 160%;
}
.aca{
    width: 70%;
}
.redesEscritores{
    width: 180%;
    margin-left:-1rem ;
}
.egedacolombia{
    width: 90%;
    margin-left:2rem ;
}
.dasc{
    width: 120%;
}
.patrocinio-mainAlt{
    display: none;
}
.logo-patrocinio{
    transition: 0.1s ease all;
    margin-bottom: 0;
}
.logo-patrocinio:hover{
    transform: translateY(-5px)
}

.filaPatrocinio{
    margin-bottom: 2rem;
}

.filaPatrocinio-A{
    margin-bottom: 0rem;
}
.tro{
    width: 50%;
    margin-left: 1rem;
}
.textPdfAlt{
    display: none;
}

@media (max-width: 1000px) {
    .logo-patrocinio{
        margin-bottom: 2rem;
    }
    .patrocinio-main{
        display: none;
    }
    .patrocinio-mainAlt{
        display: flex;
    }
    .redesEscritores{
        width: 140%;
        margin-left:3rem;
        margin-top: 1rem;
    }
    .dasc{
        width: 100%;
        margin-top: 2rem;
    }
    .cecolda{
        width: 100%;
    }
    .egedacolombia{
        width: 80%;
    }
    .teleantioquia{
        width: 100%;        
    }
    .rtcv{
        width: 120%;
    }
    .rcn, .caracol{        
        margin-bottom: 0;
    }
    .tro{             
        margin-left: 3rem;
    }
    .capital{
        margin-left: 1rem;
    }
    .textPdf{
        display: none;
    }
    .textPdfAlt{
        display: block;
    }
    
}

.cardEventowallpaper{    
    border:none; 
    position: relative;
    z-index: 10;
    transition: .2s ease all;  
    cursor: pointer;
}
.cardEventowallpaper:hover{    
    transform: scale(1.01);
    transform-origin: center;
    border: none;
    
}

.cardEventsFinal{
    background: #5A3489;
    margin-top: -10rem;
}

@media (max-width: 2345px) {
    .cardEventsFinal{        
        margin-top: -8rem;
    }
}
@media (max-width: 1876px) {
    .cardEventsFinal{        
        margin-top: -6rem;
    }
}
@media (max-width: 1465px) {
    .cardEventsFinal{        
        margin-top: -5rem;
    }
}
@media (max-width: 1152px) {
    .cardEventsFinal{        
        margin-top: -4rem;
    }
}
@media (max-width: 983px) {
    .cardEventsFinal{        
        margin-top: -3rem;
    }
}
@media (max-width: 754px) {
    .cardEventsFinal{        
        margin-top: -2rem;
    }
}
@media (max-width: 425px) {
    .cardEventsFinal{        
        margin-top: -1rem;
    }
}

.contenedorEventsFinal{
    max-width: 85%;
    width: 100%;
    margin: auto;
}