.py-50{
    padding:50px 0px;
}

a, a:hover, a:focus{
    text-decoration:none;
}

.fw-700{
    font-weight:700;
}

ul:not(.list-unstyled){
    padding-left: 19px;
    margin: 0;
}

.text-red{
    color:#C30D02;
}
.text-justify{
    text-align:justify;
}

.bg-gray{
    background-color:rgb(231 229 230);
}
.bg-red{
    background-color: #b30c02;
}
.bg-dark-gray{
    background-color:#3e3e3e;
}

.btn-white{
    background-color:#fff;
    color:#000;
    font-weight: 600;
    border-radius: 0;

    &:hover{
        background-color:#e7e7e7;
    }
}

.btn-big{
    font-size: 1.4em;
    padding: 11px 46px;
}

.section-head{
    background: #000;
    color: #fff;
    width: fit-content;
    padding:8px 26px;
}
.section-head .section-title{
    font-size: 1.4em;
    font-weight: 700;
    margin-bottom:0;
}

.navbar-toggler svg {
    width: 39px;
    height: auto;
}

.border-wrap{
    position: relative;
}

.border-wrap .border-wrap-content{
    border:1px solid #000;

    .bw-container{
        padding:20px 15px 20px 15px;
        overflow:hidden;

        &:first-child{
            padding-top:60px;
        }

        .title{
            font-weight:700;

            span{
                text-transform:uppercase;
                font-weight:800;
            }
        }

        &.bg-dark{
            background-color:rgb(43 43 43);
        }
    }
}

/* ----- Libros ------ */
.libros{
    
    display: flex;
    justify-content: space-between;
    margin-top:30px;

    img{
        width:11%;
    }
}

header {
    background-color: #000;
}

header .navbar-brand img {
    height: 62px;
}

header nav .nav-link {
    color: #fff;
    text-transform: uppercase;
    padding: 0px 26px !important;

    &:hover {
        color: #fff;
    }
}

/* ---- Countdown ----- */
section.counter {
    position: relative;
    width: 100%;
    padding: 15px 0px;
    border-bottom: 26px solid #000;
}

section.counter .time-countdown {
    color: #fff;
    display: flex;
    justify-content: center;
    font-size: 3.3em;
    font-weight: 700;
}

section.counter .time-countdown .counter-column {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0px 50px;
}

section.counter .time-countdown .counter-column .day {
    color: #fff;
    font-size: 0.34em;
}

/* ----- Descripcion general ----- */
.part-descripcion-general ul li{
    line-height:30px;
}

/* ------ Speaker ----- */
img.speaker{

    width: 240px;
}

.speaker-name{

    font-size: 1.8em;
    margin: 22px 0px 20px 0px;

    &.sn-big{
        text-align: center;
        font-size: 2.5em;
    }
}

.part-breakthought-session img.speaker{
    width:337px;
}

.part-informaciones{

    .wrap{
        width: 62%;
        margin: 0 auto;
    }

    a.brochure{
        background-color: #C30D02;
        color: #fff;
        width: 345px;
        display: block;
        text-align: center;
        padding: 33px 21px;
        font-size: 1.75em;
        font-weight: 500;
        text-transform: uppercase;
        border-radius: 38px;
        border: 1px solid #000;

        span{
            display:block;
        }
    }

    .otra-info{

        display:flex;
        border: 2px solid #fff;
        padding: 9px 14px;

        .icon-area{
            font-size: 2.2em;
            margin-right: 17px;
        }

        .caption-area{
            font-size: 0.85em;
        }
    }
}

.part-sponsors{

    .media-partner{
        border: 2px solid #C30D02;
        padding: 15px;

        h4{
            font-size:1.2em;
            font-weight:700;
        }

        img{
            width:300px;
        }
    }
}

.part-faq{

    .wrap{
        background-color: #fff;
        padding: 30px 36px;
        border-radius: 18px;

        .item{

            margin-bottom:20px;

            a.btn-primary{
                width:100%;
                background-color:#b7b9b9;
                border-color:#b7b9b9;
                color:#000;
                text-align:left;
            }

            .card-body{
                border-top-left-radius: 0;
                border-top-right-radius: 0;
                width: calc(100% - 9px);
                margin: 0 auto;
            }

            &:last-child{
                margin-bottom:0;
            }
        }
    }
}

.part-opciones-participacion {

    .plan-list {
        display: flex;
        align-items: center;
        justify-content: space-between;

        li {
            background-color: #fff;
            border:1px solid #b30c02;
            width: 31%;

            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            color: var(--gray-dark);
            text-align: center;
            padding: 18px 0px;
            min-height: 110px;

            span {
                width: 100%;
            }

            span.users {
                font-size: 1.21em;
                font-weight:600;
                text-transform: uppercase;
            }

            span.price {
                display: block;
                font-size: 2.04em;
                font-weight: 700;
            }
        }
    }

    .cupo{
        background: #e7e6e6;
        margin-bottom: 0;
        padding:23px 28px 30px 28px;
    }
}

.part-form-area{

    img.banner{
        height: 100%;
        object-fit: cover;
    }
}

/* ---- Form Area ----- */
section.form-section .sides {
    display: flex;

}

section.form-section .sides .s-1 {
    text-align: center;
    width: 40%;
    border-right: 1px solid #000;
}

section.form-section .sides .s-2 {
    width: 60%;
    padding: 40px;
}

section.form-section .form-area .form-group {
    padding: 0;
    margin-bottom: 20px;
}

section.form-section .form-group label {
    margin-bottom: 8px;
    color: #131950;
    font-size: 0.85em;
    font-weight: 600;
}

section.form-section .form-group label .required {
    color: red;
}

section.form-section .form-group textarea {
    min-height: 130px;
    max-height: 150px;
}

section.form-section button {
    font-size: 1.4em;
}

/* ----- Footer ----- */
footer {
    background-color: #231f20;
    padding-top: 80px;
    font-size: 0.9em;
}

footer,
footer a {
    color: #fff;
}

footer a:hover {
    color: #e1e1e1;
}

footer .widgets-area {
    display: flex;
    justify-content: space-evenly;
}

footer .widgets-area .widget.intras img {
    width: 180px;
    height: auto;
    margin-bottom: 20px;
}

footer .widgets-area .widget .widget-title {
    position: relative;
    font-size: 1.4em;
    text-transform: uppercase;
    margin-bottom: 24px;
}

footer .widgets-area .widget .widget-title::after {
    background-color: #fff;
    display: block;
    content: '';
    width: 40px;
    height: 1px;
    margin-top: 12px;
}

footer .widgets-area .widget ul.menu li a {
    display: block;
    padding: 4px 0px 4px 16px;
    border-left: 1px solid #fff;
    margin-bottom: 5px;
    transition: all 0.3s ease;
}

footer .widgets-area .widget ul.menu li a:hover {
    padding-left: 18px;
}

footer .widgets-area .widget ul.vias-contacto li {
    margin-bottom: 20px;
}

footer .widgets-area .widget ul.vias-contacto li a i {
    font-size: 1.4em;
    margin-right: 10px;
}

footer .widgets-area .widget ul.vias-contacto li a i.fa-phone {
    position: relative;
    transform: rotate(92deg);
    top: 1px;
}

footer .widgets-area .widget ul.redes {
    display: flex;
}

footer .widgets-area .widget ul.redes a {
    background-color: #959697;
    color: #fff;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}

footer .widgets-area .widget ul.redes a:hover {
    background-color: #7c7a7a;
}

footer .under-footer {
    background-color: #393637;
    margin-top: 80px;
    color: #fff;
    text-align: center;
    padding: 12px 0px;
}

footer .under-footer strong {
    text-transform: uppercase;
}

@media screen and (min-width:992px) {

    /* ------ Speaker ----- */
    img.speaker{
        
        &.img-lg-right{
            float: right;
            margin-left: 28px;
            margin-bottom: 20px;
        }
    }

    .list-styled {
        line-height: 32px;
    }

    .border-wrap .section-head{
        position: absolute;
    }

    /* ------ Agenda ------*/
    .part-agenda .agenda-wrapper {
        width: 62%;
        margin: 0 auto;
    }

    footer .widgets-area .widget {
        width: 20%;
    }

    footer .widgets-area .widget.intras {
        width: 43%;
    }
}

@media screen and (max-width:992px) {

    /* ----- Libros ------ */
    .libros{

        flex-wrap:wrap;

        img{
            width:24%;
            margin-bottom:10px;

            &:nth-last-child( -n+4 ){
                margin-bottom:0;
            }
        }
    }

    .section-head{
        width:100%;
    }

    header nav .nav-link {
        padding: 11px 0px !important;
    }

    section.counter .time-countdown {
        flex-wrap: wrap;
        font-size: 2.3em;
    }

    section.counter .time-countdown .counter-column {
        padding: 10px 20px;
    }

    section.counter .time-countdown .divider {
        display: none;
    }

    .border-wrap .section-head{
        width:100%;
    }

    .border-wrap .border-wrap-content .bw-container{
        padding-top:20px !important;
    }

    .part-breakthought-session img.speaker{
        width:54%;
    }

    .part-informaciones .wrap{
        width:100%;

        .brochure{
            margin-top:40px;
            width: 100%;
        }
    }

    .part-adrian-gostick img.adrian {
        height: 508px;
    }
    

    .part-opciones-participacion .plan-list {
        flex-wrap: wrap;
    }

    .part-opciones-participacion .plan-list li {
        width: 100%;
        margin-bottom: 20px;

        &:last-child {
            margin-bottom: 0;
        }
    }

    .part-opciones-participacion .btn-yellow {
        width: 100%;
    }

    .part-informaciones-generales .btn-brochure{
        padding: 25px 15px;
        font-size: 1.3em;
        border-radius: 0;
        width: 100%;
        text-align: center;
    }

    /* ---- Form Area ---- */
    section.form-section .sides {
        flex-wrap: wrap;
    }

    section.form-section .sides .s-1,
    section.form-section .sides .s-2 {
        width: 100%;
    }

    section.form-section button {
        width: 100%;
    }

    /* ----- Footer ------ */
    footer .widgets-area {
        flex-wrap: wrap;
    }

    footer .widgets-area .widget {
        width: 100%;
    }

    footer .widgets-area .widget:not(footer .widgets-area .widget:last-child) {
        margin-bottom: 30px;
    }

    footer .widgets-area .widget ul.redes {
        width: fit-content;
        margin: 0 auto;
    }

}