/* DEFAULT STYLES */
    
    * {
        margin: 0;
        padding: 0;
    }


.quitarVinneta {
    list-style: none;
}

    .form-group .form-control.is-invalid {
        border: 1px solid #E4002B !important;
        background-color: #FFF4F4;
    }
    
    .cards-talleres {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: 515px;
        grid-gap: 20px;
    }
    
    .swiper-slide #img-carrousel {
        display: none;
    }
    
    .swiper-slide #img-carrousel-movil {
        display: block;
    }
    
    .navbar-dark .navbar-nav .nav-link {
        font-size: 13px;
    }
    
    .navbar-dark .navbar-toggler,
    .navbar-dark .navbar-toggler:focus {
        box-shadow: none;
        outline: none;
        border: 1px solid #eee;
    }
    
    .navbar-nav .nav-item .nav-link {
        color: #fff;
        font-weight: 500;
    }
    
    .navbar-nav .nav-item.active .nav-link {
        font-weight: 600;
    }
    
    .navbar-toggler {
        padding: 2px 2px;
        border-radius: 2px;
        font-size: 20px;
    }
    
    .navbar-toggler>.close {
        display: inline;
        color: #fff;
        font-size: 20px;
    }
    
    .navbar-toggler.collapsed>.close,
    .navbar-toggler:not(.collapsed)>.navbar-toggler-icon {
        display: none;
    }
    
    body {
        font-family: 'Montserrat', sans-serif;
    }
    
    .bg-transparent-btn {
        background: transparent;
        border: none;
        outline: none;
    }
    
    .bg-transparent-btn:focus {
        outline: none;
    }
    
    .text-yellow {
        color: #FFB81C !important;
    }
    
    .text-purple {
        color: #6D2077 !important;
    }
    
    .text-blue {
        color: #005EBB !important;
    }
    
    .text-red {
        color: #E4002B !important;
    }
    
    .text-grey {
        color: #AFAFAF;
    }
    
    .text-black {
        color: #302E2C !important;
    }
    
    .text-content-round {
        padding: 2px 0px;
        text-align: center;
        border-radius: 5px;
    }
    
    .text-content-red {
        background-color: #E4002B;
    }
    
    .text-content-blue {
        background-color: #005EBB;
    }
    
    .text-content-purple {
        background-color: #6D2077;
    }
    
    .text-content-yellow {
        background-color: #FFB81C;
    }
    
    .fw-normal {
        font-weight: normal;
    }
    
    .fw-600 {
        font-weight: 600;
    }
    
    .fw-900 {
        font-weight: 900;
    }
    
    .fw-bold {
        font-weight: bold;
    }
    
    .line-height-20 {
        line-height: 20pt;
    }
    
    .line-height-18 {
        line-height: 18pt;
    }
    
    .fs-10 {
        font-size: 10px;
    }
    
    .fs-11 {
        font-size: 11.5px;
    }
    
    .fs-12 {
        font-size: 12px;
    }
    
    .fs-13 {
        font-size: 13px;
    }
    
    .fs-14 {
        font-size: 14px;
    }
    
    .fs-15 {
        font-size: 15px;
    }
    
    #lang-full {
        display: none;
    }
    
    .btn-inscripcion {
        background-color: #fff;
        text-align: center;
        color: #005EBB;
        padding: 5px 15px;
        border-radius: 5px;
        border: 1px solid #0055A8;
        font-size: 13px;
        font-weight: 600;
    }
    
    .btn-inscripcion:focus {
        outline: none;
    }

.card-text-vertical {
    display: flex;
    align-items: center;
    justify-content: center;
}

.text-rotation-vertical {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    text-align: center;
    letter-spacing: 1.5pt;
}


    /* header */
    
    #header {
        background-color: #E4002B;
        padding: 15px 120px;
        vertical-align: middle;
    }
    
    #header .nav-item .btn-register {
        text-transform: uppercase;
        background-color: #FFB81C;
        color: #E4002B;
        font-weight: 600;
        font-size: 14px;
        border: 1px solid #E4002B;
        border-radius: 5px;
        padding: 8px 20px;
        margin: 10px 15px;
        outline: none;
    }
    
    #header .nav-item .btn-register:hover {
        transform: scale(1.1);
        transition: 0.5s ease-in-out;
    }
    
    #header .nav-item .btn-lang {
        color: #fff;
        background-color: #E4002B;
        opacity: 0.6;
        border: none;
        font-size: 15px;
    }
    
    #header .nav-item .btn-lang.active {
        opacity: 1;
        font-weight: 600;
        border-bottom: 2px solid #FFB81C;
    }
    /* fin header */
    /* swiper banenrs home */
    
    .swiper {
        width: 100%;
        height: 100%;
    }
    
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    
    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100vh;
        object-fit: fill;
    }
    
    .envivo .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #CD0027;
        border: 1px solid #fff;
    }
    
    .envivo .swiper-pagination-bullet {
        background-color: transparent;
        border: 1px solid #1f1f1f;
        height: 15px;
        width: 15px;
    }
    
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #fff;
    }
    
    .swiper-pagination-bullet {
        background-color: transparent;
        border: 1px solid #fff;
        height: 12px;
        width: 12px;
    }
    /* fin swiper banenrs home */
    /* styles home */
    
    .banner-content {
        position: absolute;
        bottom: 110px;
    }
    
    .banner-content .title-banner {
        position: relative;
        padding: 0.40em 1em;
        font-size: 40px;
        font-weight: 900;
        border: none;
        background: none;
        outline: none;
        color: black;
        mix-blend-mode: screen;
    }
    
    .banner-content .title-banner::before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: white;
        content: '';
        mix-blend-mode: color-burn;
    }
    
    .group-buttons .btn-ver-evento,
    .btn-conoce-mas {
        text-transform: uppercase;
        background-color: #6D2077;
        color: white;
        font-weight: 600;
        font-size: 15px;
        border: 1px solid #6D2077;
        border-radius: 5px;
        padding: 10px 40px;
        outline: none;
    }
    
    .group-buttons button:hover,
    .btn-conoce-mas:hover {
        transform: scale(1.1);
        transition: 0.5s ease;
    }
    
    .btn-conoce-mas {
        width: 100%;
        margin: 0 5px;
    }
    
    .group-buttons .btn-register,
    .send-form-register .btn-register,
    .send-form-login .btn-login {
        text-transform: uppercase;
        background-color: #E4002B;
        color: white;
        font-weight: 600;
        font-size: 15px;
        border: 1px solid #E4002B;
        border-radius: 5px;
        padding: 10px 40px;
        outline: none;
    }
    
    .float {
        position: fixed;
        top: 45%;
        right: 25px;
        background-color: #E4002B;
        color: #FFF;
        border-radius: 50%;
        font-size: 15px;
        border: 3px solid #fff;
        box-shadow: 0px 0px 2px #E4002B;
        z-index: 1000;
        height: 120px;
        width: 120px;
        outline: none;
        text-transform: uppercase;
    }
    
    .float:focus {
        outline: none;
    }
    
    .floating-button-exhibiton {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    /* countdown timer */
    
    .clock {
        display: flex;
        flex-wrap: wrap;
    }
    
    .clock-item .inner {
        height: 0px;
        padding-bottom: 100%;
        position: relative;
        width: 75%;
    }
    
    .clock-canvas {
        background-color: rgba(255, 255, 255, .1);
        border-radius: 50%;
        height: 0px;
        padding-bottom: 99%;
        border: 1px solid #E0E0E0;
    }
    
    .text {
        color: #fff;
        font-size: 30px;
        font-weight: bold;
        margin-top: -50px;
        position: absolute;
        top: 40%;
        text-align: center;
        width: 100%;
    }
    
    .text .val {
        font-size: 50px;
    }
    
    .text .type-time {
        font-size: 20px;
        margin-bottom: 2px;
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .clock-item {
            margin-bottom: 30px;
        }
    }
    
    @media (max-width: 767px) {
        .clock-item {
            margin: 0px 30px 30px 30px;
        }
    }
    /* fin coutndown */
    
    .section-bienvenida {
        padding-top: 90px;
        padding-bottom: 90px;
        text-align: center;
    }
    
    .section-bienvenida h1 {
        font-weight: 900;
        color: #E4002B;
    }
    
    .section-bienvenida .text-subtitle {
        margin-top: 25px;
        margin-bottom: 45px;
    }
    
    .section-events {
        background-image: url('./../images/fondo-section-events.png');
        background-size: cover;
        background-color: #E4002B;
        padding: 120px 100px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    .section-events .title-section {
        color: #fff;
        font-weight: bold;
    }
    
    .section-events .subtitle-section {
        font-weight: 800;
        padding-bottom: 40px;
        font-size: 22px;
    }
    
    .group-cards {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .group-cards .card-event {
        border-radius: 10px;
        background-color: #fff;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 38px;
        padding-bottom: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: 160px;
        height: 200px;
        border: 1px solid #eee;
        margin-right: 25px;
    }
    
    .group-cards .card-event img {
        max-width: 60px;
        height: 50px;
        margin-top: 8px;
    }
    
    .group-cards .card-event .text-card {
        margin-top: 18px;
        font-weight: 600;
        font-size: 14px;
    }
    
    .btn-ver-register-event {
        border: 1px solid #fff;
        background-color: #AF0021;
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 13px;
        padding: 12px 45px;
        border-radius: 10px;
        margin-top: 15px;
    }
    
    .btn-ver-programa {
        border: 1px solid #fff;
        background-color: #AF0021;
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 16px;
        padding: 12px 65px;
        border-radius: 5px;
        margin-top: 15px;
    }
    
    .btn-ver-programa:focus {
        outline: none;
    }
    
    .section-organizadores {
        padding-top: 0px;
        padding-bottom: 80px;
    }
    
    .section-organizadores .group2 img {
        width: 170px;
        margin-right: 30px;
        margin-bottom: 50px;
    }
    
    .separator {
        background-color: #C4C4C4;
        margin: 40px;
    }
    
    .separator-2 {
        background-color: #C4C4C4;
    }
    
    .separator-3 {
        background-color: #C4C4C4;
        margin-top: 50px;
        margin-bottom: 60px;
    }
    
    .section-conoce-mas {
        background: rgb(246, 246, 246);
        background: linear-gradient(295deg, rgba(246, 246, 246, 1) 63%, rgba(228, 0, 43, 1) 63%);
        padding-top: 60px;
        padding-bottom: 40px;
        margin-bottom: 70px;
    }
    
    .section-footer {
        margin-top: 10px;
        padding-top: 30px;
        padding-bottom: 20px;
        background-color: #6D2077;
    }
    
    .section-footer .content-social-buttons a {
        margin: 0 10px;
    }
    /* fin styles home */
    /* styles register */
    
    .section-banner-register {
        background-image: url('./../images/banner-register.png');
        height: 281px;
    }
    
    .section-banner-register .content-text {
        position: absolute;
        padding-top: 160px;
        padding-bottom: 160px;
        text-align: center;
    }
    
    .section-form-register .content-text {
        padding: 50px 40px;
        margin-top: 90px;
    }
    
    .section-form-register .content-form {
        padding: 30px 45px;
    }
    
    .section-form-register .content-form .form-control,
    .form-login .content-form .form-control {
        border: 1px solid #751D7C;
        border-radius: 10px;
    }
    
    .section-form-register .content-form .form-control:focus,
    .form-login .content-form .form-control {
        outline: none;
        box-shadow: none;
    }
    
    .section-form-register .group-buttons-calendar .btn-calendar {
        border: 1px solid #751D7C;
        padding: 8px 20px;
        color: #751D7C;
        background-color: #fff;
        border-radius: 10px;
        margin-right: 10px;
    }
    
    .inputs-radio .form-check input[type='radio'] {
        display: none;
    }
    
    .inputs-radio .form-check label:before {
        content: " ";
        display: inline-block;
        position: relative;
        top: 4px;
        margin: 0 5px 0 0;
        width: 20px;
        height: 20px;
        border-radius: 11px;
        background-color: transparent;
        border: 2px solid #751D7C !important;
    }
    
    .inputs-radio .form-check input[type=radio]:checked+label:after {
        border-radius: 11px;
        width: 12px;
        height: 12px;
        position: absolute;
        top: 8px;
        left: 4px;
        content: " ";
        display: block;
        border: 2px solid #751D7C !important;
        background-color: #751D7C;
    }
    /* fin styles register */
    /* styles login */
    
    .send-to-register {
        background-color: #eee;
        padding: 20px 50px;
        text-align: center;
        margin-top: 30px;
        border-radius: 10px;
    }
    
    .form-login {
        padding: 160px 80px 0px 80px;
    }
    /* fin styles login */
    /* STYLES GRACIAS */
    
    .section-content-gracias {
        padding-top: 110px;
    }
    
    .image-icon-content img {
        max-width: 70px;
    }
    
    .group-buttons-gracias {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 35px;
    }
    
    .group-buttons-gracias .btn-ir-home,
    .group-buttons-gracias .btn-ver-evento {
        text-transform: uppercase;
        background-color: #6D2077;
        color: white;
        font-weight: 900;
        font-size: 15px;
        border: 1px solid #6D2077;
        border-radius: 5px;
        padding: 10px;
        outline: none;
        margin: 0 15px;
        width: 35%;
    }
    /* FIN STYLE GRACIAS */
    /* styles cronograma */
    
    .section-banner-cronograma {
        background-image: url('./../images/banner-cronograma.png');
        height: 281px;
    }
    
    .section-banner-cronograma .content-text {
        position: absolute;
        padding-top: 150px;
        padding-bottom: 160px;
        text-align: center;
    }
    
    .section-banner-cronograma .content-text label {
        font-size: 20px;
    }
    
    .section-content-cronograma {
        padding: 70px 90px 0px 90px;
    }
    
    .items-cards-days {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .items-cards-days .item-card {
        margin-right: 5px;
        display: flex;
        flex-direction: column;
    }
    
    .items-cards-days .item-card .card-items {
        max-height: 475px;
        height: 475px;
    }
    
    .items-cards-days .item-card .card-items.small {
        max-height: 200px !important;
        height: 200px !important;
    }
    
    .items-cards-days .item-card .card-items::-webkit-scrollbar {
        display: none;
    }
    
    .items-cards-days .item-card .card {
        padding: 8px;
        width: 280px;
    }
    
    .card-items .sub-card {
        margin-bottom: 5px;
        padding: 8px 15px !important;
    }
    /* bloque amarillo */
    /* inactivo */
    
    .card-items .card-yellow {
        background-color: #FFFAEF;
    }
    
    .card-items .sub-card.card-yellow .subtitle {
        color: #FFB81C;
    }
    
    .card-items .sub-card.card-yellow h6 {
        color: #FFB81C;
    }
    
    .card-items .sub-card.card-yellow .btn-card-small-yellow {
        color: #FFB81C;
        border: 1px solid #FFB81C;
    }
    /* activo */
    
    .card-items .sub-card.card-yellow.active {
        background-color: #FFB81C;
    }
    
    .card-items .sub-card.card-yellow.active .subtitle {
        color: #fff;
    }
    
    .card-items .sub-card.card-yellow.active h6 {
        color: #fff;
    }
    
    .card-items .sub-card.card-yellow.active .btn-card-small-yellow {
        color: #FFB81C;
        background-color: #fff;
        font-weight: bold;
        border: none;
    }
    
    .card-items .sub-card.card-yellow.active .text-inscrito {
        display: block;
    }
    /* fin bloque amarillo */
    /* bloque azul */
    /** inactivo */
    
    .card-items .card-blue {
        background-color: #E7F3FF;
    }
    
    .card-items .sub-card.card-blue .subtitle {
        color: #0055A8;
    }
    
    .card-items .sub-card.card-blue h6 {
        color: #0055A8;
    }
    
    .card-items .sub-card.card-blue .btn-card-small-blue {
        color: #0055A8;
        border: 1px solid #0055A8;
    }
    /** activo */
    
    .card-items .card-blue.active {
        background-color: #0055A8;
    }
    
    .card-items .sub-card.card-blue.active .subtitle {
        color: #fff;
    }
    
    .card-items .sub-card.card-blue.active h6 {
        color: #fff;
    }
    
    .card-items .sub-card.card-blue.active .btn-card-small-blue {
        background-color: #fff;
        color: #0055A8;
        font-weight: bold;
        border: none;
    }
    
    .card-items .sub-card.card-blue.active .text-inscrito {
        display: block;
    }
    /* fin bloque azul */
    /* bloque rojo */
    /** inactivo */
    
    .card-items .card-red {
        background-color: #FFF5F7;
    }
    
    .card-items .sub-card.card-red .subtitle {
        color: #E4002B;
    }
    
    .card-items .sub-card.card-red h6 {
        color: #E4002B;
    }
    
    .card-items .sub-card.card-red .btn-card-small-red {
        color: #E4002B;
        border: 1px solid #E4002B;
    }
    /** activo */
    
    .card-items .card-red.active {
        background-color: #E4002B;
    }
    
    .card-items .sub-card.card-red.active .subtitle {
        color: #fff;
    }
    
    .card-items .sub-card.card-red.active h6 {
        color: #fff;
    }
    
    .card-items .sub-card.card-red.active .btn-card-small-red {
        background-color: #fff;
        color: #E4002B;
        font-weight: bold;
        border: none;
    }
    
    .card-items .sub-card.card-red.active .text-inscrito {
        display: block;
    }
    /* fin bloque rojo */
    /* bloque morado */
    /** inactivo */
    
    .card-items .card-purple {
        background-color: #FDE2FF;
    }
    
    .card-items .sub-card.card-purple .subtitle {
        color: #751D7C;
    }
    
    .card-items .sub-card.card-purple h6 {
        color: #751D7C;
    }
    
    .card-items .sub-card.card-purple .btn-card-small-purple,
    .card-items .sub-card.card-purple .btn-detalle-foro {
        color: #751D7C;
        border: 1px solid #751D7C;
    }
    /** activo */
    
    .card-items .card-purple.active {
        background-color: #751D7C;
    }
    
    .card-items .sub-card.card-purple.active .subtitle {
        color: #fff;
    }
    
    .card-items .sub-card.card-purple.active h6 {
        color: #fff;
    }
    
    .card-items .sub-card.card-purple.active .btn-card-small-purple,
    .card-items .sub-card.card-purple.active .btn-detalle-foro {
        background-color: #fff;
        color: #751D7C;
        font-weight: bold;
        border: none;
    }
    
    .card-items .sub-card.card-purple.active .text-inscrito {
        display: block;
    }
    /* fin bloque morado */
    
    .card-items .card.sub-card {
        border: none;
        width: 100%;
    }
    
    .card-items .card.sub-card .content-text-card-item {
        min-height: 48px;
    }
    
    .btn-card-small-yellow,
    .btn-card-small-blue,
    .btn-card-small-white,
    .btn-card-small-red,
    .btn-card-small-purple {
        padding: 3px 8px;
        font-size: 10px;
        border-radius: 5px;
        background-color: transparent;
        width: 40%;
    }
    
    .btn-detalle-foro,
    .btn-detalle-foro:hover {
        padding: 4px 12px;
        font-size: 10px;
        border-radius: 5px;
        background-color: transparent;
        width: 55%;
        text-decoration: none;
    }
    
    .text-inscrito {
        text-transform: uppercase;
        font-weight: bold;
        color: rgba(255, 255, 255, 0.473);
        display: none;
    }
    
    .btn-card-small-yellow:focus,
    .btn-card-small-blue:focus,
    .btn-card-small-white:focus,
    .btn-card-small-red:focus,
    .btn-card-small-purple:focus {
        box-shadow: none;
        outline: none;
    }
    
    .section-participar-evento .section-content {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin-top: 40px;
    }
    
    .section-participar-evento {
        /* background-color: #E4002B; */
        padding-top: 90px;
        padding-bottom: 90px;
        background-image: url('./../images/backg-full-logo-circle.png');
        background-size: cover;
    }
    /* fin styles cronograma */
    /* STYLES NEW CRONOGRAMA */
    
    .card-text-vertical {
        padding: 0 10px !important;
        background-color: #f1f1f1;
    }
    
    @-moz-document url-prefix() {
        .card-text-vertical {
            padding: 0 24px !important;
        }
    }
    
    .items-new-cards .card-item {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0px;
        padding-right: 10px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    
    .items-new-cards .card-item .content-date {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        padding: 0px 10px;
    }
    
    .items-new-cards .card-item .content-subcards {
        width: 100%;
    }
    
    .content-subcards .content-title-subcard {
        background-color: #FFB81C;
        padding: 8px 15px;
        border-radius: 5px;
        margin-bottom: 15px;
    }
    
    .content-subcards .subcard-items {
        padding: 0px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: 150px;
        grid-gap: 10px;
    }
    
    .subcard-items .sub-card {
        margin-bottom: 5px;
        padding: 8px 15px !important;
    }
    /* bloque amarillo */
    /* inactivo */
    
    .subcard-items .card-yellow {
        background-color: #FFFAEF;
    }
    
    .subcard-items .sub-card.card-yellow .subtitle {
        color: #FFB81C;
    }
    
    .subcard-items .sub-card.card-yellow h6 {
        color: #FFB81C;
    }
    
    .subcard-items .sub-card.card-yellow .btn-card-small-yellow {
        color: #FFB81C;
        border: 1px solid #FFB81C;
    }
    /* activo */
    
    .subcard-items .sub-card.card-yellow.active {
        background-color: #FFB81C;
    }
    
    .subcard-items .sub-card.card-yellow.active .subtitle {
        color: #fff;
    }
    
    .subcard-items .sub-card.card-yellow.active h6 {
        color: #fff;
    }
    
    .subcard-items .sub-card.card-yellow.active .btn-card-small-yellow {
        color: #FFB81C;
        background-color: #fff;
        font-weight: bold;
        border: none;
    }
    
    .subcard-items .sub-card.card-yellow.active .text-inscrito {
        display: block;
    }
    /* fin bloque amarillo */
    /* bloque azul */
    /** inactivo */
    
    .subcard-items .card-blue {
        background-color: #E7F3FF;
    }
    
    .subcard-items .sub-card.card-blue .subtitle {
        color: #0055A8;
    }
    
    .subcard-items .sub-card.card-blue h6 {
        color: #0055A8;
    }
    
    .subcard-items .sub-card.card-blue .btn-card-small-blue {
        color: #0055A8;
        border: 1px solid #0055A8;
    }
    /** activo */
    
    .subcard-items .card-blue.active {
        background-color: #0055A8;
    }
    
    .subcard-items .sub-card.card-blue.active .subtitle {
        color: #fff;
    }
    
    .subcard-items .sub-card.card-blue.active h6 {
        color: #fff;
    }
    
    .subcard-items .sub-card.card-blue.active .btn-card-small-blue {
        background-color: #fff;
        color: #0055A8;
        font-weight: bold;
        border: none;
    }
    
    .subcard-items .sub-card.card-blue.active .text-inscrito {
        display: block;
    }
    /* fin bloque azul */
    /* bloque rojo */
    /** inactivo */
    
    .subcard-items .card-red {
        background-color: #FFF5F7;
    }
    
    .subcard-items .sub-card.card-red .subtitle {
        color: #E4002B;
    }
    
    .subcard-items .sub-card.card-red h6 {
        color: #E4002B;
    }
    
    .subcard-items .sub-card.card-red .btn-card-small-red {
        color: #E4002B;
        border: 1px solid #E4002B;
    }
    /** activo */
    
    .subcard-items .card-red.active {
        background-color: #E4002B;
    }
    
    .subcard-items .sub-card.card-red.active .subtitle {
        color: #fff;
    }
    
    .subcard-items .sub-card.card-red.active h6 {
        color: #fff;
    }
    
    .subcard-items .sub-card.card-red.active .btn-card-small-red {
        background-color: #fff;
        color: #E4002B;
        font-weight: bold;
        border: none;
    }
    
    .subcard-items .sub-card.card-red.active .text-inscrito {
        display: block;
    }
    /* fin bloque rojo */
    /* bloque morado */
    /** inactivo */
    
    .subcard-items .card-purple {
        background-color: #FDE2FF;
    }
    
    .subcard-items .sub-card.card-purple .subtitle {
        color: #751D7C;
    }
    
    .subcard-items .sub-card.card-purple h6 {
        color: #751D7C;
    }
    
    .subcard-items .sub-card.card-purple .btn-card-small-purple,
    .subcard-items .sub-card.card-purple .btn-detalle-foro {
        color: #751D7C;
        border: 1px solid #751D7C;
    }
    /** activo */
    
    .subcard-items .card-purple.active {
        background-color: #751D7C;
    }
    
    .subcard-items .sub-card.card-purple.active .subtitle {
        color: #fff;
    }
    
    .subcard-items .sub-card.card-purple.active h6 {
        color: #fff;
    }
    
    .subcard-items .sub-card.card-purple.active .btn-card-small-purple,
    .subcard-items .sub-card.card-purple.active .btn-detalle-foro {
        background-color: #fff;
        color: #751D7C;
        font-weight: bold;
        border: none;
    }
    
    .subcard-items .sub-card.card-purple.active .text-inscrito {
        display: block;
    }
    /* fin bloque morado */
    
    .subcard-items .card.sub-card {
        border: none;
    }
    
    .subcard-items .card.sub-card .content-text-card-item {
        min-height: 100px;
        width: 215px;
    }
    
    .inscribiendo-content {
        padding: 36px 10px;
    }
    /* FIN STYLES NEW CRONOGRAMA */
    /* SECTION TALLERES */
    
    .section-banner-talleres {
        background-image: url('./../images/banner-rueda-negocios.png');
        height: 271px;
    }
    
    .section-banner-talleres .content-text {
        position: absolute;
        padding-top: 120px;
        padding-bottom: 100px;
        text-align: center;
    }
    
    .section-cards-talleres .content-text .card {
        max-height: 540px;
        height: 495px;
        border-radius: 8px !important;
    }
    
    .section-cards-talleres .content-text .card .card-body {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .section-cards-talleres .content-text .card .card-body .parrafo-body {
        min-height: 110px;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .section-cards-talleres .content-text .card .card-body .header-text-content {
        height: 100px;
    }
    
    .section-cards-talleres .footer-card-items {
        bottom: 0;
        position: relative;
    }
    
    .section-talleres {
        padding-top: 40px;
        padding-bottom: 35px;
    }
    /* FIN SECTION TALLERES */
    /* section accede al evento */
    
    .section-banner-accede-evento {
        background-image: url('./../images/banner-foro.png');
        height: 270px;
    }
    
    .section-banner-accede-evento .content-text {
        position: absolute;
        padding-top: 160px;
        padding-bottom: 160px;
        text-align: center;
    }
    
    .section-accede-evento {
        padding-top: 60px;
        padding-bottom: 30px;
    }
    
    .section-accede-evento .ae-content-cards-info {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .section-accede-evento .ae-content-cards-info .card-blue {
        border: 1px solid #0055A8;
        border-radius: 10px;
        background-color: #0055A8;
        color: #fff;
        text-align: center;
        padding: 25px 25px;
        margin: 10px 25px;
    }
    
    .section-accede-evento .ae-content-cards-info .card-blue .btn-to-talleres,
    .section-accede-evento .ae-content-cards-info .card-blue .btn-to-foro {
        background-color: #004283;
        color: #fff;
        text-align: center;
        border-radius: 8px;
        padding: 10px 35px;
        border: 1px solid #fff;
        outline: none;
    }
    
    .section-accede-evento .ae-content-cards-info .card-blue .btn-to-talleres:focus,
    .section-accede-evento .ae-content-cards-info .card-blue .btn-to-foro:focus {
        outline: none;
    }
    
    .section-eventos-cards .section-evento-negocios,
    .section-eventos-cards .section-exhibicion {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
    }
    
    .section-eventos-cards .section-evento-negocios .content-text-img {
        position: absolute;
        top: 70px;
        left: 150px;
        width: 420px;
    }
    
    .section-eventos-cards .section-exhibicion .content-text-img {
        position: absolute;
        top: 30px;
        right: 135px;
        width: 420px;
    }
    
    .section-ceremonia {
        margin-top: 90px;
    }
    
    .section-ceremonia .content-text {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .swiperUsersContacts .swiper-slide img {
        display: inline;
        width: auto;
        height: auto;
        object-fit: fill;
    }
    
    .swiperUsersContacts .item-circle-user-contact {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .swiperUsersContacts .item-circle-user-contact .content-email {
        text-align: left !important;
    }
    
    .swiperUsersContacts .item-circle-user-contact .content-phone {
        text-align: left !important;
    }
    
    .item-circle-user-contact .content-text-img h6 {
        height: 40px;
    }
    
    .item-circle-user-contact .content-text-img {
        height: 120px;
    }
    
    .section-preguntas-frecuentes {
        margin-bottom: 40px;
    }
    
    .collapsible-question {
        background-color: #fff;
        cursor: pointer;
        padding: 18px;
        width: 100%;
        border: 1px solid #c9c9c9;
        text-align: left;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        outline: none;
        font-size: 20px;
        color: #0055A8;
        font-weight: bold;
    }
    
    .collapsible-question:focus {
        outline: none;
    }
    
    .collapsible-question.active,
    .collapsible-question:hover {
        background-color: #fff;
    }
    
    .collapsible-question.active {
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        border-bottom: none;
    }
    
    .content-text-question {
        padding: 0 18px;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.1s ease-out;
        background-color: #fff;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 12px;
    }
    
    .collapsible-question:after {
        content: '';
        float: right;
        margin-top: 10px;
        border: solid #0055A8;
        border-width: 0 3px 3px 0;
        padding: 6px;
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
    }
    
    .collapsible-question.active:after {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
    
    .section-accede-evento .ae-content-cards-info .ae-card-left p,
    .section-accede-evento .ae-content-cards-info .ae-card-rigth p {
        height: 90px;
    }
    /* fin section accede al evento */
    /* SECTION ENVIVO */
    
    .section-banner-envivo {
        background-image: url('./../images/banner-register.png');
        height: 281px;
    }
    
    .section-banner-envivo .content-text {
        position: absolute;
        padding-top: 160px;
        padding-bottom: 160px;
        text-align: center;
    }
    
    .section-banner-envivo .content-text label {
        font-size: 20px;
    }
    
    .section-envivo {
        padding-top: 60px;
        padding-bottom: 30px;
    }
    
    .video-item-princ {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
    }
    
    .video-item-taller {
        width: 100%;
        height: 300px;
    }
    
    .video-item-taller iframe {
        padding: 0 10px;
    }
    
    iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    .swiperVideosTestimonios,
    .swiperVideosTalleres {
        height: 90% !important;
    }
    
    .swiperVideosTalleres .swiper-slide,
    .swiperVideosTestimonios .swiper-slide {
        max-height: 300px;
    }
    
    .section-envivo-feeds {
        margin-top: 30px;
    }
    
    .section-envivo-feeds .content-feeds {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
        padding: 0 85px;
    }
    
    .item-tweet {
        min-width: 100%;
        display: flex;
        border: 1px solid #C0C0C0 !important;
        padding: 10px 20px;
        border-radius: 12px;
        margin-right: 5px;
        margin-bottom: 8px;
    }
    
    iframe[id^='twitter-widget-0'] {
        height: 300px !important;
        margin-bottom: 10px !important;
        width: 100% !important;
    }
    
    .content-feeds {
        max-height: 400px;
        overflow-y: scroll;
    }
    
    .content-feeds .item-tweet .twitter-tweet-text {
        padding: 10px 45px;
        display: flex;
        flex-direction: column;
    }
    
    .content-feeds .item-tweet .twitter-tweet-text .twitter-tweet-info {
        display: flex;
    }
    
    .item-tweet .twitter-tweet-text .twitter-tweet-info .text-info {
        display: flex;
        flex-direction: column;
        padding: 0 10px;
    }
    
    .content-feeds::-webkit-scrollbar {
        width: 6px;
        /* Tamaño del scroll en vertical */
        height: 6px;
        /* Tamaño del scroll en horizontal */
    }
    
    .content-feeds::-webkit-scrollbar-thumb {
        background: #ccc;
        border-radius: 4px;
    }
    
    .list-option-question {
        margin-top: 15px;
        margin-left: 15px;
    }
    
    .list-option-question li {
        font-size: 13px;
        margin-left: 10px;
    }
    /* FIN SECTION EN VIVO */
    /* styles peruservice summit */
    
    .section-banner-peruservicesummit {
        background-image: url('./../images/banner-peruservicesummit.png');
        height: 281px;
    }
    
    .section-banner-peruservicesummit .content-text {
        position: absolute;
        padding-top: 150px;
        padding-bottom: 160px;
        text-align: center;
    }
    
    .section-banner-peruservicesummit .content-text label {
        font-size: 20px;
    }
    
    .section-peruservicesummit {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    
    .section-pss-event {
        background-image: url('./../images/banner-pss-event.png');
        background-size: cover;
        padding-top: 65px;
        padding-bottom: 65px;
    }
    
    .section-pss-importancia .section-content {
        padding-bottom: 40px;
        padding-top: 80px;
    }
    /* fin styles peruservice summit */
    /* style foro */
    /* STYLES NEW FORO */
    
    .section-content-new-foro .content-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
        margin-bottom: 5px;
    }
    
    .section-content-new-foro .title-column-fields {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        background-color: #FFB81C;
        border-radius: 5px;
    }
    
    .section-content-new-foro .content-item-tema {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        border-radius: 5px;
        background-color: #F6F6F6;
    }
    
    .section-content-new-foro .content-item-tema .content-text-ponente {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
    }
    /* FIN STYLES NEW FORO */
    
    .section-banner-foro {
        background-image: url('./../images/banner-foro.png');
        height: 281px;
    }
    
    .section-banner-foro .content-text {
        position: absolute;
        padding-top: 125px;
        padding-bottom: 160px;
        text-align: center;
    }
    
    .section-banner-foro .content-text label {
        font-size: 20px;
    }
    
    .section-content-foro {
        background-image: url('./../images/subbanner-foro.png');
        background-size: cover;
        padding-top: 85px;
        padding-bottom: 95px;
    }
    
    .section-foro-panels {
        padding-top: 55px;
    }
    
    .content-panels .panel-item .content-card-image .card {
        border-radius: 10px;
    }
    
    .content-panels .panel-item .content-card-image .card img {
        max-width: 210px;
        align-self: center;
    }
    
    .content-panels .panel-item .content-card-image .card.small img {
        max-width: 125px !important;
    }
    
    .content-panels .panel-item .content-card-image .card.small {
        padding: 30px 5px;
        text-align: center;
        color: #fff;
    }
    
    .content-panels .panel-item .content-card-image .card-blue.small {
        background-color: #005EBB;
    }
    
    .content-panels .panel-item .content-card-image .card-purple.small {
        background-color: #751D7C;
    }
    
    .content-panels .panel-item .content-card-image .card-red {
        padding: 30px 20px;
        background-color: #E4002B;
        text-align: center;
        color: #fff;
    }
    
    .btn-inscribirme {
        padding: 6px 35px;
        border: 1px solid #E4002B;
        background-color: #fff;
        border-radius: 5px;
        font-weight: 600;
    }
    
    .btn-inscribirme.active {
        background-color: #E4002B;
        color: #fff !important;
        text-decoration: none;
    }
    
    .btn-inscribirme:focus {
        outline: none;
    }
    /* fin style foro */
    /* style rueda negocios */
    
    .section-banner-rueda-negocios {
        background-image: url('./../images/banner-rueda-negocios.png');
        height: 281px;
    }
    
    .section-banner-rueda-negocios .content-text {
        position: absolute;
        padding-top: 135px;
        padding-bottom: 160px;
        text-align: center;
    }
    
    .section-banner-rueda-negocios .content-text {
        font-size: 20px;
    }
    
    .section-rueda-negocios {
        padding-top: 65px;
    }
    
    .section-rueda-negocios .content-banner-rueda-image {
        background-image: url('./../images/subbanner-rueda-negocio.png');
        background-size: cover;
        border-radius: 10px;
        padding-top: 80px;
        padding-bottom: 80px;
    }
    
    .section-rueda-negocios .content-banner-rueda-image .content-text-banner-rueda {
        align-self: flex-end;
    }
    
    .btn-negocios {
        padding: 6px 35px;
        border: 1px solid #fff;
        background-color: #AF0021;
        border-radius: 5px;
        font-weight: 600;
    }
    
    .btn-negocios:focus {
        outline: none;
    }
    /* fin style rueda negocios */
    /** effects */
    
    .section-organizadores .group2 img {
        filter: grayscale(100%);
    }
    
    .section-organizadores .group2 img:hover {
        filter: grayscale(0%);
        transform: scale(1.03);
        transition: 0.7s ease;
    }
    
    .content-effect:hover .effect-1,
    .content-effect:hover .effect-2 {
        display: block;
    }
    
    .content-effect:hover .floating-button-exhibiton {
        animation: circleScale 1.25s infinite;
        transition: 0.5s ease;
    }
    
    @keyframes circleScale {
        0% {
            transform: scale(1)
        }
        50% {
            transform: scale(1.05)
        }
        100% {
            transform: scale(1)
        }
    }
    
    .text-floating-button {
        font-size: 13px;
        font-weight: 600;
    }
    
    .button-flotante {
        flex: auto;
        width: 120px;
        position: fixed;
        right: 35px;
        top: 43.5%;
        z-index: 200;
    }
    
    .button-flotante:before {
        content: "";
        float: left;
        padding-top: 100%;
    }
    
    .effect-1,
    .effect-2 {
        border-radius: 50%;
        display: none;
        mix-blend-mode: multiply;
        height: 130px;
        opacity: 1;
        position: absolute;
        width: 130px;
        z-index: 3000;
    }
    
    .effect-1 {
        animation: rotate 1.8s linear infinite;
        background: #FFB81C;
        opacity: 0.8;
    }
    
    .effect-2 {
        animation: rotate 1.2s linear reverse infinite;
        background: #6D2077;
        opacity: 0.8;
    }
    
    @keyframes rotate {
        0% {
            top: 0;
            left: 5%;
        }
        25% {
            top: 5%;
            left: 0%;
        }
        50% {
            top: 8%;
            left: 5%;
        }
        75% {
            top: 5%;
            left: 8%;
        }
        100% {
            top: 0;
            left: 5%;
        }
    }
    
    div.spinner {
        height: 28px;
        width: 28px;
        margin-right: 8px;
        border-radius: 50%;
        border: dashed 1px #a8a7a7;
        animation-name: loader-spin;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }
    
    @keyframes loader-spin {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(360deg);
        }
    }
    /* fin effects */
    /* MEDIA QUERIES */
    
    @media (max-width:279.99px) {
        .section-banner-peruservicesummit .content-text {
            padding-top: 123px;
        }
        .section-pss-importancia .section-content {
            padding-bottom: 10px;
            padding-top: 0px;
        }
        .section-pss-importancia .section-content-text {
            margin-top: 75px;
            text-align: center;
        }
        .section-pss-importancia .section-content-text h4 {
            margin-bottom: 25px;
        }
        .section-pss-event .group-text-event {
            text-align: center;
        }
        .section-pss-event .btn-ver-programa {
            width: -webkit-fill-available;
        }
        .section-pss-event {
            padding-top: 30px;
            padding-bottom: 30px;
        }
        .section-rueda-negocios .content-text-banner-rueda .group-buttons-banner .btn-negocios {
            width: 75%;
            margin-top: 5px;
            margin-bottom: 5px;
            margin-right: 0px !important;
        }
        .section-rueda-negocios .content-banner-rueda-image {
            background-image: url(./../images/subbanner-rueda-negocio.png);
            padding-top: 285px;
            padding-bottom: 10px;
        }
        .section-banner-rueda-negocios .content-text {
            padding-top: 120px;
        }
        .section-rueda-negocios .content-banner-rueda-image {
            background-image: url('./../images/subbanner-rueda-negocio-movil.png');
        }
        .button-flotante {
            width: 90px;
            right: 36px;
            top: 44%;
        }
        .effect-1,
        .effect-2 {
            height: 105px;
            width: 105px;
        }
        .btn-ver-register-event {
            width: 100%;
        }
        .section-participar-evento .section-content {
            margin-top: 0px;
        }
        .section-participar-evento {
            background-image: url('./../images/backg-movil-logo-circle.png');
            background-size: cover;
            background-repeat: no-repeat;
            text-align: center;
        }
        .items-cards-days {
            margin-top: 10px !important;
        }
        .items-cards-days .item-card .card-items.small {
            max-height: 200px !important;
            height: auto !important;
        }
        .section-banner-cronograma .content-text {
            padding-top: 110px;
            padding-bottom: 110px;
        }
        .section-content-cronograma {
            padding: 50px 25px 0px 25px;
            text-align: center;
        }
        .items-cards-days .item-card .card-items {
            height: auto;
            margin-bottom: 10px;
        }
        .clock-item .inner {
            width: 95%;
        }
        .section-organizadores .group1 img:nth-child(3) {
            max-width: 70px;
        }
        .section-organizadores .group1 img:nth-child(4) {
            max-width: 70px;
        }
        .group-buttons-gracias .btn-ir-home,
        .group-buttons-gracias .btn-ver-evento {
            margin: 5px 15px;
            width: 100%;
        }
        .section-content-gracias {
            padding: 110px 15px 0 15px;
        }
        .form-login {
            padding: 130px 20px 0px 20px;
        }
        .navbar-collapse {
            height: 100vh !important;
        }
        .navbar-collapse.collapse {
            transition: height 0.4s !important;
        }
        .navbar-collapse.collapsing {
            display: none;
        }
        .navbar-collapse.collapse.in {
            max-height: none !important;
            height: 100vh !important;
        }
        .section-banner-register .content-text {
            padding: 111px 11px;
        }
        .section-form-register .content-text {
            padding: 50px 10px;
        }
        #options-movil .btn-register {
            display: none;
        }
        #lang-movil {
            display: block;
        }
        #buttons-social-movil {
            display: block;
        }
        #header {
            padding: 8px 15px;
        }
        #header .navbar-brand img {
            max-width: 100px;
        }
        #lang-movil .btn-lang {
            font-size: 13px !important;
        }
        .navbar-collapse .navbar-nav {
            padding: 30px;
        }
        .nav-link.btn-register {
            margin-left: 0 !important;
        }
        #buttons-social-movil {
            margin-top: 5px;
        }
        #buttons-social-movil .nav-link a {
            margin-right: 15px;
        }
        .banner-content {
            bottom: 45px;
        }
        .banner-content .title-banner {
            font-size: 24px;
        }
        .banner-content h5 {
            font-size: 13.5px;
            font-weight: 500;
            padding: 0px 60px !important;
            margin-top: 10px !important;
            margin-bottom: 10px !important;
        }
        .banner-content .group-buttons .btn-ver-evento,
        .banner-content .group-buttons .btn-register {
            width: 55%;
            margin-bottom: 8px;
            font-size: 12px;
        }
        .section-bienvenida {
            padding-top: 40px;
            padding-bottom: 40px;
        }
        .section-bienvenida h1 {
            font-size: 15px;
        }
        .section-bienvenida .clock {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        .section-bienvenida .text-subtitle {
            font-size: 13px;
            padding: 0 35px;
        }
        .section-events {
            padding: 65px 15px;
        }
        .section-events .title-section,
        .section-bienvenida .title-section {
            font-size: 18px;
        }
        .section-events p {
            font-size: 13.5px;
        }
        .section-events .subtitle-section {
            font-size: 13px;
        }
        .group-cards .card-event {
            padding: 45px 8px;
            width: 185px;
            height: 215px;
            border: 1px solid #eee;
            margin: 8px;
        }
        .section-organizadores {
            padding-top: 20px;
            padding-bottom: 20px;
        }
        .section-organizadores .group1 {
            justify-content: center !important;
        }
        .section-organizadores .group1 img {
            max-width: 80px;
        }
        .section-organizadores .group1 img:nth-child(3) {
            margin-right: 35px;
        }
        .section-organizadores .group1 h5 {
            width: 100%;
            text-align: center;
            padding-bottom: 30px;
        }
        .section-organizadores .group2 {
            justify-content: center !important;
        }
        .section-organizadores .group2 img {
            max-width: 130px !important;
            margin-right: 15px !important;
        }
        .section-conoce-mas {
            background: rgb(246, 246, 246);
            padding-top: 0px;
            padding-bottom: 40px;
        }
        .section-conoce-mas .row {
            flex-direction: column !important;
        }
        .section-conoce-mas .section-logo {
            width: 100%;
            background-color: #E4002B;
            padding: 20px 10px;
            text-align: center;
        }
        .section-conoce-mas .section-content {
            text-align: center;
            padding: 30px 10px;
        }
        .section-conoce-mas .section-content h4 {
            font-size: 16px;
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .section-conoce-mas .section-content p {
            font-size: 14px;
        }
        .text {
            font-size: 30px;
            margin-top: -50px;
            top: 75%;
            width: 100%;
        }
        .kineticjs-content canvas {
            max-width: 180px !important;
            max-height: 180px !important;
        }
        .text .val {
            font-size: 26px;
        }
        .text .type-time {
            font-size: 14px;
            margin-bottom: 0px;
        }
        .clock-canvas {
            padding-bottom: 98%;
        }
        .clock-item {
            width: 44% !important;
            margin: 0px 0px 30px 15px;
        }
        .btn-ver-programa {
            font-size: 13px;
        }
        .float {
            height: 100px;
            width: 100px;
            right: 20px;
        }
        .text-floating-button {
            font-size: 10px;
        }
    }
    
    @media (min-width:279.99px) and (max-width:321px) {
        .sub-card.active .btn-detalle-foro,
        .sub-card.active .btn-detalle-foro:hover {
            padding: 4px 8px !important;
        }
        .section-eventos-cards .section-exhibicion .content-text-img {
            top: 209px !important;
            right: 23px !important;
            width: 275px !important;
        }
        .section-eventos-cards .section-evento-negocios .content-text-img {
            top: 205px !important;
            left: 20px !important;
            width: 276px !important;
        }
        .section-banner-foro .content-text {
            padding-top: 115px;
        }
        .section-content-foro .content-text .group-text-event {
            text-align: center;
        }
        .content-panels .content-card-image {
            margin-top: 30px;
            padding-left: 0px;
            padding-right: 0px;
        }
        .content-panels .btn-inscribirme {
            width: 100%;
        }
        .content-img-movil {
            background-size: contain !important;
        }
        .section-pss-event {
            padding-top: 30px;
            padding-bottom: 30px;
        }
        .section-rueda-negocios .content-banner-rueda-image {
            padding-top: 310px !important;
        }
        .navbar-collapse.show .navbar-nav {
            transition: opacity 0.6s !important;
        }
        .navbar-collapse.collapsing .navbar-nav {
            opacity: 0;
        }
        .navbar-collapse.show .navbar-nav {
            opacity: 1;
        }
        .float {
            height: 100px;
            width: 100px;
            right: 20px;
        }
        .text-floating-button {
            font-size: 10px;
        }
        .navbar-collapse .navbar-nav .nav-link {
            font-size: 16px !important;
        }
        .items-cards-days .item-card .card.card-items {
            width: 280px !important;
        }
        .section-organizadores .group1 img:nth-child(3) {
            max-width: 70px;
        }
        .section-organizadores .group1 img:nth-child(4) {
            max-width: 70px;
        }
        .group-buttons-gracias .btn-ir-home,
        .group-buttons-gracias .btn-ver-evento {
            margin: 5px 15px;
            width: 100%;
        }
        .section-content-gracias {
            padding: 110px 15px 0 15px;
        }
        .form-login {
            padding: 130px 20px 0px 20px;
        }
        .section-banner-register .content-text {
            padding: 111px 11px;
        }
        .section-form-register .content-text {
            padding: 50px 10px;
        }
        .btn-ver-programa {
            width: 100%;
            margin-left: 5px !important;
            margin-right: 5px !important;
        }
        .group-cards .card-event {
            width: 140px !important;
            margin: 2px !important;
        }
    }
    
    @media (min-width: 320px) and (max-width:360px) {
        .section-eventos-cards .section-evento-negocios .content-text-img {
            top: 235px;
            left: 20px !important;
            width: 320px;
        }
        .section-eventos-cards .section-evento-negocios .content-text-img p {
            line-height: 14pt;
        }
        .section-eventos-cards .section-evento-negocios .content-text-img button {
            margin-top: 5px !important;
        }
        .section-eventos-cards .section-exhibicion .content-text-img {
            top: 235px;
            right: 32px;
        }
        .section-pss-event {
            padding-top: 30px;
            padding-bottom: 30px;
        }
        .section-rueda-negocios .content-text-banner-rueda .group-buttons-banner .btn-negocios {
            width: 75%;
            margin-top: 5px;
            margin-bottom: 5px;
            margin-right: 0px !important;
        }
        .section-rueda-negocios .content-banner-rueda-image {
            background-image: url(./../images/subbanner-rueda-negocio.png);
            padding-top: 285px;
            padding-bottom: 10px;
        }
        .section-banner-rueda-negocios .content-text {
            padding-top: 120px;
        }
        .section-rueda-negocios .content-banner-rueda-image {
            background-image: url('./../images/subbanner-rueda-negocio-movil.png');
        }
        .section-banner-foro .content-text {
            padding-top: 115px;
        }
        .section-content-foro .content-text .group-text-event {
            text-align: center;
        }
        .content-panels .content-card-image {
            margin-top: 30px;
            padding-left: 0px;
            padding-right: 0px;
        }
        .content-panels .btn-inscribirme {
            width: 100%;
        }
        .section-banner-peruservicesummit .content-text {
            padding-top: 115px;
            padding-bottom: 160px;
        }
        .section-pss-event .group-text-event {
            text-align: center;
        }
        .section-pss-event .btn-ver-programa {
            width: -webkit-fill-available;
        }
        .button-flotante {
            width: 90px;
            right: 36px;
            top: 44%;
        }
        .section-pss-importancia .section-content-text {
            margin-top: 75px;
            text-align: center;
        }
        .section-pss-importancia .section-content-text h4 {
            margin-bottom: 25px;
        }
        .section-pss-importancia .separator {
            margin: 40px 10px;
        }
        .effect-1,
        .effect-2 {
            height: 105px;
            width: 105px;
        }
        .navbar-collapse .navbar-nav .nav-link {
            font-size: 18px;
        }
        .items-cards-days .item-card .card.card-items {
            width: 310px;
        }
        .btn-ver-register-event {
            width: 100%;
        }
        .section-participar-evento .section-content {
            margin-top: 0px;
        }
        .section-participar-evento {
            background-image: url('./../images/backg-movil-logo-circle.png');
            background-size: cover;
            background-repeat: no-repeat;
            text-align: center;
        }
        .items-cards-days {
            margin-top: 10px !important;
        }
        .items-cards-days .item-card .card-items.small {
            max-height: 200px !important;
            height: auto !important;
        }
        .section-banner-cronograma .content-text {
            padding-top: 110px;
            padding-bottom: 110px;
        }
        .section-content-cronograma {
            padding: 50px 25px 0px 25px;
            text-align: center;
        }
        .items-cards-days .item-card .card-items {
            height: auto;
            margin-bottom: 10px;
        }
        .clock-item .inner {
            width: 95%;
        }
        .text .type-time {
            font-size: 13px;
            margin-bottom: 0px;
        }
        .group-buttons-calendar button {
            font-size: 11px;
        }
        .group-cards .card-event .text-card {
            font-size: 13px;
        }
        .section-organizadores .group1 img:nth-child(3) {
            max-width: 85px;
        }
        .section-organizadores .group1 img:nth-child(4) {
            max-width: 85px;
        }
        .group-buttons-gracias .btn-ir-home,
        .group-buttons-gracias .btn-ver-evento {
            margin: 5px 15px;
            width: 100%;
        }
        .section-content-gracias {
            padding: 110px 15px 0 15px;
        }
        .form-login {
            padding: 130px 20px 0px 20px;
        }
        .send-to-register {
            padding: 20px 30px;
        }
        .navbar-collapse {
            height: 100vh !important;
        }
        .navbar-collapse.collapse {
            transition: height 0.4s !important;
        }
        .navbar-collapse.collapsing {
            height: 0 !important;
        }
        .navbar-collapse.collapse.in {
            max-height: none !important;
            height: 100vh !important;
        }
        .navbar-collapse.show .navbar-nav {
            transition: opacity 0.6s !important;
        }
        .navbar-collapse.collapsing .navbar-nav {
            opacity: 0;
        }
        .navbar-collapse.show .navbar-nav {
            opacity: 1;
        }
        .section-banner-register .content-text {
            padding: 111px 11px;
        }
        .section-form-register .content-text {
            padding: 50px 10px;
        }
        .btn-ver-programa {
            width: 100%;
            margin-left: 15px;
            margin-right: 15px;
        }
        #options-movil .btn-register {
            display: none;
        }
        #header {
            padding: 8px 15px;
        }
        #header .navbar-brand img {
            max-width: 140px;
        }
        #lang-movil .btn-lang {
            font-size: 13px !important;
        }
        .navbar-collapse .navbar-nav {
            padding: 30px;
        }
        .nav-link.btn-register {
            margin-left: 0 !important;
        }
        #buttons-social-movil {
            margin-top: 5px;
        }
        #buttons-social-movil .nav-link a {
            margin-right: 15px;
        }
        .banner-content {
            bottom: 45px;
        }
        .banner-content .title-banner {
            font-size: 24px;
        }
        .banner-content h5 {
            font-size: 13.5px;
            font-weight: 500;
            padding: 0px 60px !important;
            margin-top: 10px !important;
            margin-bottom: 10px !important;
        }
        .banner-content .group-buttons .btn-ver-evento,
        .banner-content .group-buttons .btn-register {
            width: 55%;
            margin-bottom: 8px;
            font-size: 12px;
        }
        .section-bienvenida {
            padding-top: 40px;
            padding-bottom: 40px;
        }
        .section-bienvenida h1 {
            font-size: 20px;
        }
        .section-bienvenida .clock {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        .section-bienvenida .text-subtitle {
            font-size: 13px;
            padding: 0 35px;
        }
        .section-events {
            padding: 65px 15px;
        }
        .section-events .title-section,
        .section-bienvenida .title-section {
            font-size: 18px;
        }
        .section-events p {
            font-size: 13.5px;
        }
        .section-events .subtitle-section {
            font-size: 16px;
        }
        .group-cards .card-event {
            padding-left: 5px;
            padding-right: 5px;
            padding-top: 30px;
            padding-bottom: 20px;
            width: 146px;
            height: 191px;
            border: 1px solid #eee;
            margin: 8px;
        }
        .section-organizadores {
            padding-top: 20px;
            padding-bottom: 20px;
        }
        .section-organizadores .group1 {
            justify-content: center !important;
        }
        .section-organizadores .group1 img:nth-child(3) {
            margin-right: 35px;
        }
        .section-organizadores .group1 h5 {
            width: 100%;
            text-align: center;
            padding-bottom: 30px;
        }
        .section-organizadores .group2 {
            justify-content: center !important;
        }
        .section-organizadores .group2 img {
            max-width: 130px !important;
            margin-right: 15px !important;
        }
        .section-conoce-mas {
            background: rgb(246, 246, 246);
            padding-top: 0px;
            padding-bottom: 40px;
        }
        .section-conoce-mas .row {
            flex-direction: column !important;
        }
        .section-conoce-mas .section-logo {
            width: 100%;
            background-color: #E4002B;
            padding: 20px 10px;
            text-align: center;
        }
        .section-conoce-mas .section-content {
            text-align: center;
            padding: 30px 10px;
        }
        .section-conoce-mas .section-content h4 {
            font-size: 16px;
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .section-conoce-mas .section-content p {
            font-size: 14px;
        }
        .text {
            font-size: 30px;
            margin-top: -50px;
            top: 60%;
            width: 100%;
        }
        .kineticjs-content canvas {
            max-width: 180px !important;
            max-height: 180px !important;
        }
        .text .val {
            font-size: 38px;
        }
        .text .type-time {
            font-size: 13px;
            margin-bottom: 0px;
        }
        .clock-canvas {
            padding-bottom: 98%;
        }
        .clock-item {
            width: 44% !important;
            margin: 0px 0px 30px 15px;
        }
        .float {
            height: 100px;
            width: 100px;
            right: 20px;
        }
        .text-floating-button {
            font-size: 10px;
        }
    }
    
    @media (min-width:374.99px) and (max-width:410px) {
        .section-eventos-cards .section-evento-negocios .content-text-img {
            left: 25px !important;
        }
        .section-eventos-cards .section-exhibicion .content-text-img {
            right: 40px !important;
        }
        .section-pss-event {
            padding-top: 30px;
            padding-bottom: 30px;
        }
        .section-rueda-negocios .content-text-banner-rueda .group-buttons-banner .btn-negocios {
            width: 75%;
            margin-top: 5px;
            margin-bottom: 5px;
            margin-right: 0px !important;
        }
        .section-rueda-negocios .content-banner-rueda-image {
            background-image: url(./../images/subbanner-rueda-negocio.png);
            padding-top: 285px;
            padding-bottom: 10px;
        }
        .section-banner-rueda-negocios .content-text {
            padding-top: 120px;
        }
        .section-rueda-negocios .content-banner-rueda-image {
            background-image: url('./../images/subbanner-rueda-negocio-movil.png');
        }
        .section-banner-foro .content-text {
            padding-top: 115px;
        }
        .section-content-foro .content-text .group-text-event {
            text-align: center;
        }
        .content-panels .content-card-image {
            margin-top: 30px;
            padding-left: 0px;
            padding-right: 0px;
        }
        .content-panels .btn-inscribirme {
            width: 100%;
        }
        .section-banner-peruservicesummit .content-text {
            padding-top: 125px;
            padding-bottom: 160px;
        }
        .section-pss-event .group-text-event {
            text-align: center;
        }
        .section-pss-event .btn-ver-programa {
            width: -webkit-fill-available;
        }
        .button-flotante {
            width: 90px;
            right: 36px;
            top: 44%;
        }
        .section-pss-importancia .section-content-text {
            margin-top: 75px;
            text-align: center;
        }
        .section-pss-importancia .section-content-text h4 {
            margin-bottom: 25px;
        }
        .section-pss-importancia .separator {
            margin: 40px 10px;
        }
        .navbar-collapse.show .navbar-nav {
            transition: opacity 0.6s !important;
        }
        .navbar-collapse.collapsing .navbar-nav {
            opacity: 0;
        }
        .navbar-collapse.show .navbar-nav {
            opacity: 1;
        }
        .button-flotante {
            width: 90px;
            right: 36px;
            top: 44%;
        }
        .effect-1,
        .effect-2 {
            height: 105px;
            width: 105px;
        }
        .navbar-collapse .navbar-nav .nav-link {
            font-size: 18px !important;
        }
        .items-cards-days .item-card .card.card-items {
            width: 320px;
        }
        .btn-ver-register-event {
            width: 100%;
        }
        .section-participar-evento .section-content {
            margin-top: 0px;
        }
        .section-participar-evento {
            background-image: url('./../images/backg-movil-logo-circle.png');
            background-size: cover;
            background-repeat: no-repeat;
            text-align: center;
        }
        .items-cards-days {
            margin-top: 10px !important;
        }
        .items-cards-days .item-card .card-items.small {
            max-height: 200px !important;
            height: auto !important;
        }
        .section-banner-cronograma .content-text {
            padding-top: 110px;
            padding-bottom: 110px;
        }
        .section-content-cronograma {
            padding: 50px 25px 0px 25px;
            text-align: center;
        }
        .items-cards-days .item-card .card-items {
            height: auto;
            margin-bottom: 10px;
        }
        .clock-item .inner {
            width: 95%;
        }
        .section-organizadores .group1 img:nth-child(3) {
            max-width: 95px;
        }
        .section-organizadores .group1 img:nth-child(4) {
            max-width: 95px;
        }
        .group-buttons-gracias .btn-ir-home,
        .group-buttons-gracias .btn-ver-evento {
            margin: 5px 15px;
            width: 100%;
        }
        .section-content-gracias {
            padding: 110px 15px 0 15px;
        }
        .form-login {
            padding: 130px 20px 0px 20px;
        }
        .navbar-collapse {
            height: 100vh !important;
        }
        .navbar-collapse.collapse {
            transition: height 0.4s !important;
        }
        .navbar-collapse.collapsing {
            height: 0 !important;
        }
        .navbar-collapse.collapse.in {
            max-height: none !important;
            height: 100vh !important;
        }
        .section-banner-register .content-text {
            padding: 111px 11px;
        }
        .section-form-register .content-text {
            padding: 50px 10px;
        }
        .btn-ver-programa {
            width: 100%;
            margin-left: 23px;
            margin-right: 23px;
        }
        #options-movil .btn-register {
            display: none;
        }
        #header {
            padding: 8px 15px;
        }
        #header .navbar-brand img {
            max-width: 140px;
        }
        #lang-movil .btn-lang {
            font-size: 13px !important;
        }
        .navbar-collapse .navbar-nav {
            padding: 30px;
        }
        .nav-link.btn-register {
            margin-left: 0 !important;
        }
        #buttons-social-movil {
            margin-top: 5px;
        }
        #buttons-social-movil .nav-link a {
            margin-right: 15px;
        }
        .banner-content {
            bottom: 45px;
        }
        .banner-content .title-banner {
            font-size: 24px;
        }
        .banner-content h5 {
            font-size: 13.5px;
            font-weight: 500;
            padding: 0px 60px !important;
            margin-top: 10px !important;
            margin-bottom: 10px !important;
        }
        .banner-content .group-buttons .btn-ver-evento,
        .banner-content .group-buttons .btn-register {
            width: 55%;
            margin-bottom: 8px;
        }
        .section-bienvenida {
            padding-top: 40px;
            padding-bottom: 40px;
        }
        .section-bienvenida h1 {
            font-size: 20px;
        }
        .section-bienvenida .clock {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        .section-bienvenida .text-subtitle {
            font-size: 13px;
            padding: 0 35px;
        }
        .section-events {
            padding: 65px 15px;
        }
        .section-events .title-section,
        .section-bienvenida .title-section {
            font-size: 18px;
        }
        .section-events p {
            font-size: 13.5px;
        }
        .section-events .subtitle-section {
            font-size: 16px;
        }
        .group-cards .card-event:nth-child(1),
        .group-cards .card-event:nth-child(2) {
            padding-top: 35px !important;
        }
        .group-cards .card-event {
            padding: 20px 8px;
            width: 146px;
            height: 191px;
            border: 1px solid #eee;
            margin: 8px;
        }
        .section-organizadores {
            padding-top: 20px;
            padding-bottom: 20px;
        }
        .section-organizadores .group1 {
            justify-content: center !important;
        }
        .section-organizadores .group1 img:nth-child(3) {
            margin-right: 35px;
        }
        .section-organizadores .group1 h5 {
            width: 100%;
            text-align: center;
            padding-bottom: 30px;
        }
        .section-organizadores .group2 {
            justify-content: center !important;
        }
        .section-organizadores .group2 img {
            max-width: 130px !important;
            margin-right: 15px !important;
        }
        .section-conoce-mas {
            background: rgb(246, 246, 246);
            padding-top: 0px;
            padding-bottom: 40px;
        }
        .section-conoce-mas .row {
            flex-direction: column !important;
        }
        .section-conoce-mas .section-logo {
            width: 100%;
            background-color: #E4002B;
            padding: 20px 10px;
            text-align: center;
        }
        .section-conoce-mas .section-content {
            text-align: center;
            padding: 30px 10px;
        }
        .section-conoce-mas .section-content h4 {
            font-size: 16px;
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .section-conoce-mas .section-content p {
            font-size: 14px;
        }
        .text {
            font-size: 30px;
            margin-top: -50px;
            top: 60%;
            width: 100%;
        }
        .kineticjs-content canvas {
            max-width: 180px !important;
            max-height: 180px !important;
        }
        .text .val {
            font-size: 38px;
        }
        .text .type-time {
            font-size: 17px;
            margin-bottom: 0px;
        }
        .clock-canvas {
            padding-bottom: 98%;
        }
        .clock-item {
            width: 44% !important;
            margin: 0px 0px 30px 15px;
        }
        .float {
            height: 100px;
            width: 100px;
            right: 20px;
        }
        .text-floating-button {
            font-size: 10px;
        }
    }
    
    @media (min-width:410.99px) and (max-width:540px) {
        .section-pss-event {
            padding-top: 30px;
            padding-bottom: 30px;
        }
        .section-rueda-negocios .content-text-banner-rueda .group-buttons-banner .btn-negocios {
            width: 75%;
            margin-top: 5px;
            margin-bottom: 5px;
            margin-right: 0px !important;
        }
        .section-rueda-negocios .content-banner-rueda-image {
            padding-top: 285px;
            padding-bottom: 10px;
            background-image: url('./../images/subbanner-rueda-negocio-movil.png');
        }
        .section-banner-rueda-negocios .content-text {
            padding-top: 120px;
        }
        .section-banner-foro .content-text {
            padding-top: 115px;
        }
        .section-content-foro .content-text .group-text-event {
            text-align: center;
        }
        .content-panels .content-card-image {
            margin-top: 30px;
            padding-left: 0px;
            padding-right: 0px;
        }
        .content-panels .btn-inscribirme {
            width: 100%;
        }
        .section-banner-peruservicesummit .content-text {
            padding-top: 125px;
            padding-bottom: 160px;
        }
        .section-pss-event .group-text-event {
            text-align: center;
        }
        .section-pss-event .btn-ver-programa {
            width: -webkit-fill-available;
        }
        .button-flotante {
            width: 90px;
            right: 36px;
            top: 44%;
        }
        .section-pss-importancia .section-content-text {
            margin-top: 75px;
            text-align: center;
        }
        .section-pss-importancia .section-content-text h4 {
            margin-bottom: 25px;
        }
        .section-pss-importancia .separator {
            margin: 40px 10px;
        }
        .navbar-collapse.show .navbar-nav {
            transition: opacity 0.6s !important;
        }
        .navbar-collapse.collapsing .navbar-nav {
            opacity: 0;
        }
        .navbar-collapse.show .navbar-nav {
            opacity: 1;
        }
        .button-flotante {
            width: 90px;
            right: 36px;
            top: 44%;
        }
        .effect-1,
        .effect-2 {
            height: 105px;
            width: 105px;
        }
        .navbar-collapse .navbar-nav .nav-link {
            font-size: 18px;
        }
        .items-cards-days .item-card .card.card-items {
            width: 325px;
        }
        .btn-ver-register-event {
            width: 100%;
        }
        .section-participar-evento .section-content {
            margin-top: 0px;
        }
        .section-participar-evento {
            background-image: url('./../images/backg-movil-logo-circle.png');
            background-size: cover;
            background-repeat: no-repeat;
            text-align: center;
        }
        .items-cards-days {
            margin-top: 10px !important;
        }
        .items-cards-days .item-card .card-items.small {
            max-height: 200px !important;
            height: auto !important;
        }
        .section-banner-cronograma .content-text {
            padding-top: 110px;
            padding-bottom: 110px;
        }
        .section-content-cronograma {
            padding: 50px 25px 0px 25px;
            text-align: center;
        }
        .items-cards-days .item-card .card-items {
            height: auto;
            margin-bottom: 10px;
        }
        .clock-item .inner {
            width: 95%;
        }
        .section-organizadores .group1 img:nth-child(3) {
            max-width: 95px;
        }
        .section-organizadores .group1 img:nth-child(4) {
            max-width: 95px;
        }
        .group-buttons-gracias .btn-ir-home,
        .group-buttons-gracias .btn-ver-evento {
            margin: 5px 15px;
            width: 100%;
        }
        .section-content-gracias {
            padding: 110px 15px 0 15px;
        }
        .form-login {
            padding: 130px 20px 0px 20px;
        }
        .navbar-collapse {
            height: 100vh !important;
        }
        .navbar-collapse.collapse {
            transition: height 0.4s !important;
        }
        .navbar-collapse.collapsing {
            height: 0 !important;
        }
        .navbar-collapse.collapse.in {
            max-height: none !important;
            height: 100vh !important;
        }
        .section-banner-register .content-text {
            padding: 111px 11px;
        }
        .section-form-register .content-text {
            padding: 50px 10px;
        }
        .btn-ver-programa {
            width: 100%;
            margin-left: 40px;
            margin-right: 40px;
        }
        #options-movil .btn-register {
            display: none;
        }
        #header {
            padding: 8px 15px !important;
        }
        #header .navbar-brand img {
            max-width: 140px !important;
        }
        #lang-movil .btn-lang {
            font-size: 13px !important;
        }
        .navbar-collapse .navbar-nav {
            padding: 30px;
        }
        .nav-link.btn-register {
            margin-left: 0 !important;
        }
        #buttons-social-movil {
            margin-top: 5px;
        }
        #buttons-social-movil .nav-link a {
            margin-right: 15px;
        }
        .float {
            height: 100px;
            width: 100px;
            right: 20px;
        }
        .text-floating-button {
            font-size: 10px;
        }
        .banner-content {
            bottom: 45px;
        }
        .banner-content .title-banner {
            font-size: 24px;
        }
        .banner-content h5 {
            font-size: 13.5px;
            font-weight: 500;
            padding: 0px 60px !important;
            margin-top: 10px !important;
            margin-bottom: 10px !important;
        }
        .banner-content .group-buttons .btn-ver-evento,
        .banner-content .group-buttons .btn-register {
            width: 55%;
            margin-bottom: 8px;
        }
        .section-bienvenida {
            padding-top: 40px;
            padding-bottom: 40px;
        }
        .section-bienvenida .clock {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        .section-bienvenida h1 {
            font-size: 20px;
        }
        .section-bienvenida .text-subtitle {
            font-size: 13px;
            padding: 0 35px;
        }
        .section-events {
            padding: 65px 15px;
        }
        .section-events .title-section,
        .section-bienvenida .title-section {
            font-size: 18px;
        }
        .section-events p {
            font-size: 13.5px;
        }
        .section-events .subtitle-section {
            font-size: 16px;
        }
        .group-cards .card-event:nth-child(1),
        .group-cards .card-event:nth-child(2) {
            padding-top: 30px !important;
        }
        .group-cards .card-event {
            padding-left: 5px;
            padding-right: 5px;
            padding-top: 8px;
            padding-bottom: 8px;
            width: 146px;
            height: 175px;
            margin: 8px;
        }
        .section-organizadores {
            padding-top: 20px;
            padding-bottom: 20px;
        }
        .section-organizadores .group1 {
            justify-content: center !important;
        }
        .section-organizadores .group1 img:nth-child(3) {
            margin-right: 35px;
        }
        .section-organizadores .group1 h5 {
            width: 100%;
            text-align: center;
            padding-bottom: 30px;
        }
        .section-organizadores .group2 {
            justify-content: center !important;
        }
        .section-organizadores .group2 img {
            max-width: 130px !important;
            margin-right: 15px !important;
        }
        .section-conoce-mas {
            background: rgb(246, 246, 246);
            padding-top: 0px;
            padding-bottom: 40px;
        }
        .section-conoce-mas .row {
            flex-direction: column !important;
        }
        .section-conoce-mas .section-logo {
            width: 100%;
            background-color: #E4002B;
            padding: 20px 10px;
            text-align: center;
        }
        .section-conoce-mas .section-content {
            text-align: center;
            padding: 30px 10px;
        }
        .section-conoce-mas .section-content h4 {
            font-size: 16px;
            padding: 10px 0;
        }
        .section-conoce-mas .section-content p {
            font-size: 14px;
        }
        .text {
            font-size: 30px;
            margin-top: -50px;
            top: 60%;
            width: 100%;
        }
        .kineticjs-content canvas {
            max-width: 180px !important;
            max-height: 180px !important;
        }
        .text .val {
            font-size: 38px;
        }
        .text .type-time {
            font-size: 17px;
            margin-bottom: 0px;
        }
        .clock-canvas {
            padding-bottom: 98%;
        }
        .clock-item {
            width: 44% !important;
            margin: 0px 0px 30px 15px;
        }
    }
    
    @media(max-width:540px) {
        .section-envivo-feeds .content-feeds {
            padding: 0 5px !important;
        }
        .content-feeds .item-tweet .twitter-tweet-text {
            padding: 10px 15px !important;
        }
        .item-tweet {
            padding: 10px 10px !important;
        }
        #title-terminos {
            font-size: 22px !important;
        }
        .modal-terminos .modal-body {
            padding: 25px 5px !important;
        }
        .cards-talleres {
            grid-template-columns: repeat(7, 1fr);
            overflow-x: scroll;
        }
        .cards-talleres::-webkit-scrollbar {
            display: none;
        }
        .items-new-cards .subcard-items.foro button,
        .items-new-cards .subcard-items.foro a {
            width: 120px;
        }
        .sub-card.active .btn-detalle-foro,
        .sub-card.active .btn-detalle-foro:hover {
            padding: 4px 8px !important;
        }
        .swiperVideosTestimonios {
            height: 80% !important;
        }
        .swiperVideosTalleres {
            height: 87% !important;
        }
        .video-item-taller iframe {
            padding: 20px 25px;
        }
        .section-ceremonia {
            margin-top: 25px;
        }
        .content-text-ceremonia .content-item-button {
            display: flex;
            justify-content: center;
        }
        .section-ceremonia .content-text {
            padding: 0 !important;
        }
        .content-img-ceremonia {
            padding: 0 !important;
        }
        #ae-eventos-tablet {
            display: none;
        }
        #ae-eventos-full {
            display: none;
        }
        #ae-eventos-movil {
            display: block;
        }
        .section-eventos-cards .section-evento-negocios .content-text-img {
            position: absolute;
            top: 255px;
            left: 44px;
            width: 325px;
            text-align: center;
        }
        .section-eventos-cards .section-evento-negocios .content-text-img h4 {
            font-size: 20px;
        }
        .section-eventos-cards .section-evento-negocios .content-text-img p {
            font-size: 12px !important;
        }
        .section-eventos-cards .section-exhibicion .content-text-img h4 {
            font-size: 20px !important;
        }
        .section-eventos-cards .section-exhibicion .content-text-img {
            position: absolute;
            top: 280px;
            right: 60px;
            width: 300px;
            text-align: center;
        }
        .content-text-ceremonia {
            margin-bottom: 15px;
        }
        .section-banner-accede-evento .content-text {
            position: absolute;
            padding-top: 150px;
            padding-bottom: 30px;
            text-align: center;
        }
        .content-text-ceremonia h4,
        .content-text-ceremonia h3 {
            text-align: center;
        }
        .section-eventos-cards .section-exhibicion .content-text-img p {
            font-size: 12px !important;
            line-height: 14pt;
        }
        .section-banner-cronograma .content-text {
            padding-top: 125px;
        }
        .content-banner-rueda-image .content-text-banner-rueda p {
            line-height: 13pt !important;
            margin-bottom: 0;
        }
        .section-content-new-foro .title-column-fields {
            display: none;
        }
        .section-new-foro .card-temas .content-title h4 {
            font-size: 20px;
        }
        .section-new-foro .card-temas {
            padding-left: 10px !important;
            padding-right: 10px !important;
            padding-top: 40px !important;
            padding-bottom: 40px !important;
        }
        .video-item-princ {
            position: relative;
            width: 100%;
            height: 300px;
        }
        .section-new-foro .card-temas .content-item-tema.movil {
            display: block !important;
        }
        .section-banner-peruservicesummit .content-text h2,
        .section-banner-foro .content-text h2,
        .section-banner-rueda-negocios .content-text h2,
        .section-banner-cronograma .content-text h2,
        .section-banner-envivo .content-text h2,
        .section-banner-accede-evento .content-text h2,
        .section-accede-evento .content-text h2 {
            font-size: 20px;
        }
        .section-banner-peruservicesummit .content-text label,
        .section-banner-foro .content-text label,
        .section-banner-rueda-negocios .content-text label,
        .section-banner-cronograma .content-text label,
        .section-banner-envivo .content-text label {
            font-size: 16px;
        }
        .section-banner-envivo .content-text {
            padding-top: 135px;
            padding-bottom: 40px;
        }
        .section-envivo .content-text h2 {
            font-size: 24px;
        }
        .section-banner-talleres .content-text {
            position: absolute;
            padding-top: 110px;
            padding-bottom: 40px;
            text-align: center;
        }
        .section-banner-talleres .content-text h2 {
            font-size: 20px;
        }
        .content-item-tema .time-text {
            max-width: 80px;
            margin-left: 13px;
            margin-bottom: 5px !important;
            margin-top: 5px !important;
        }
        .content-item-tema {
            padding-left: 0px !important;
        }
        .items-new-cards .card-item {
            padding-left: 10px;
        }
        .items-new-cards {
            padding-right: 5px;
        }
        .section-content-new-cronograma {
            flex-wrap: nowrap !important;
        }
        .card-text-vertical {
            margin-right: 15px;
        }
        .items-new-cards .card-item .content-date {
            text-align: left;
        }
        .subcard-items .card.sub-card .content-text-card-item {
            width: 200px;
        }
        .content-subcards .subcard-items {
            grid-template-columns: repeat(1, 1fr);
            grid-auto-rows: 150px;
            grid-gap: 10px;
        }
        .button-flotante {
            width: 90px;
            right: 5px;
            top: 44%;
        }
        .effect-1,
        .effect-2 {
            height: 75px;
            width: 75px;
        }
        .float {
            height: 100px;
            width: 100px;
            right: 20px;
        }
        .float {
            height: 70px;
            width: 70px;
            right: 20px;
        }
        .floating-button-exhibiton img {
            padding-top: 8px !important;
        }
        .text-floating-button {
            display: none;
        }
        .content-img-movil {
            background-image: url('./../images/pss-image-movil1.png');
            height: 280px;
            background-repeat: no-repeat;
            width: 100%;
            background-size: cover;
        }
    }
    
    @media (min-width:540px) {
        #ae-eventos-tablet {
            display: block;
        }
        #ae-eventos-movil {
            display: none;
        }
        .content-img-movil .content {
            display: none;
        }
        .inputs-radio .first-radio {
            margin-right: 125px;
        }
        .swiper-slide #img-carrousel {
            display: block !important;
        }
        #lang-movil {
            display: none;
        }
        #lang-full {
            display: block;
        }
        #buttons-social-movil {
            display: none;
        }
        .swiper-slide #img-carrousel-movil {
            display: none !important;
        }
        .swiper-slide img {
            object-fit: cover !important;
        }
    }
    
    @media (min-width:539.99px) and (max-width:767.99px) {
        #ae-eventos-full {
            display: none;
        }
        .clock {
            justify-content: center;
        }
        .section-pss-importancia {
            text-align: center;
        }
        .section-pss-event {
            background-image: none;
            background-color: #E4002B;
        }
        .section-rueda-negocios .content-banner-rueda-image {
            padding-top: 320px;
        }
        .group-buttons-gracias {
            flex-wrap: nowrap;
        }
        .group-buttons-gracias .btn-ir-home,
        .group-buttons-gracias .btn-ver-evento {
            margin: 5px 15px;
            width: 50%;
        }
        .form-login {
            padding: 132px 70px 0px 70px;
        }
        .clock-item {
            width: 36% !important;
            margin: 0px 0px 30px 15px;
        }
        .section-bienvenida .clock {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
    }
    
    @media (min-width:767.99px) and (max-width:1024.99px) {
        .cards-talleres {
            grid-template-columns: repeat(2, 1fr);
        }
        .sub-card .content-text-card-item h6 {
            margin-bottom: 35px;
        }
        .items-new-cards .subcard-items.foro button,
        .items-new-cards .subcard-items.foro a {
            width: 120px;
        }
        .section-eventos-cards .section-exhibicion .content-text-img {
            top: 365px;
            text-align: center;
        }
        .section-eventos-cards .section-evento-negocios .content-text-img {
            top: 370px;
            text-align: center;
        }
        #ae-eventos-full {
            display: none;
        }
        .ae-card-left.card-blue,
        .ae-card-rigth.card-blue {
            flex: 0 0 70%;
            max-width: 70%;
        }
        .section-ceremonia .content-text .content-text-ceremonia .content-item-button {
            display: flex;
            justify-content: center;
            padding-right: 30px 0;
        }
        .section-ceremonia .content-text {
            flex: 0 0 95%;
            max-width: 95%;
        }
        .section-ceremonia .content-text .content-img-ceremonia {
            text-align: center;
        }
        .section-ceremonia .content-text .content-text-ceremonia,
        .section-ceremonia .content-text .content-img-ceremonia {
            margin-bottom: 15px;
            flex: 0 0 90%;
            max-width: 90%;
        }
        .ae-content-cards-info {
            flex: 0 0 100%;
            max-width: 100%;
        }
        .section-eventos-cards .section-evento-negocios,
        .section-eventos-cards .section-exhibicion {
            flex: 0 0 90%;
            max-width: 90%;
        }
        .section-envivo .content-text,
        .section-videos .content-text,
        .section-videos-talleres .content-text {
            flex: 0 0 95%;
            max-width: 95%;
        }
        .swiperVideosTalleres .swiper-slide,
        .swiperVideosTestimonios .swiper-slide {
            max-height: 225px;
        }
        .section-banner-talleres .content-text {
            position: absolute;
            padding-top: 142px;
            padding-bottom: 100px;
            text-align: center;
        }
        .section-banner-talleres .content-text h2 {
            font-size: 23px;
        }
        .swiperTalleres {
            max-height: 105vh !important;
        }
        .section-content-new-foro {
            flex: 0 0 100%;
            max-width: 100%;
        }
        .items-new-cards .card-item {
            padding-left: 10px;
        }
        .btn-card-small-yellow,
        .btn-card-small-blue,
        .btn-card-small-white,
        .btn-card-small-red,
        .btn-card-small-purple {
            width: 50%;
        }
        .btn-detalle-foro {
            width: 55%;
        }
        .items-new-cards {
            flex: 0 0 90%;
            max-width: 90%;
        }
        .subcard-items .card.sub-card .content-text-card-item {
            min-height: 130px;
            width: 185px;
        }
        .content-subcards .subcard-items {
            grid-template-columns: repeat(3, 1fr);
            grid-auto-rows: 184px;
        }
        .content-img-movil {
            background-image: url('./../images/pss-image-tablet1.png');
            height: 375px;
            background-repeat: no-repeat;
            width: 100%;
            background-size: cover;
        }
        .section-rueda-negocios .content-banner-rueda-image .content-text-banner-rueda {
            flex: 0 0 95%;
            max-width: 95%;
        }
        .section-rueda-negocios .content-text-banner-rueda .group-buttons-banner .btn-negocios {
            width: 75%;
            margin-top: 5px;
            margin-bottom: 5px;
            margin-right: 0px !important;
        }
        .section-rueda-negocios .content-banner-rueda-image {
            padding-top: 210px;
            padding-bottom: 40px;
            background-image: url(./../images/subbanner-rueda-negocio-tablet.png);
            min-height: 385px;
            background-size: contain;
            background-repeat: no-repeat;
            background-color: #CD0027;
        }
        .section-banner-rueda-negocios .content-text {
            padding-top: 125px;
        }
        .section-banner-rueda-negocios .content-text h2 {
            font-size: 23px;
        }
        .section-pss-importancia .section-content .col-md-5 {
            flex: 0 0 50%;
            max-width: 50%;
        }
        .section-pss-importancia .section-content .col-md-6 {
            flex: 0 0 80%;
            max-width: 80%;
            margin-top: 50px;
            text-align: center;
        }
        .btn-ver-register-event {
            padding: 12px 30px;
        }
        .section-pss-event {
            background-image: none;
            background-color: #E4002B;
        }
        .section-pss-event .section-content {
            flex-direction: column;
        }
        .section-pss-event .section-content .content-text {
            flex: 0 0 100%;
            max-width: 100%;
            text-align: center;
            padding-left: 80px;
            padding-right: 80px;
        }
        .items-cards-days .item-card:nth-child(1) .card-items {
            height: 475px;
        }
        .items-cards-days .item-card:nth-child(1) .card-items.small {
            height: 200px !important;
        }
        .navbar-toggler {
            font-size: 30px;
        }
        .navbar-toggler>.close {
            font-size: 30px;
        }
        .navbar-collapse .navbar-nav .nav-link {
            font-size: 24px !important;
        }
        .btn-ver-register-event {
            width: 100%;
        }
        .section-participar-evento .section-content {
            margin-top: 0px;
        }
        .section-participar-evento {
            background-image: url('./../images/backg-tablet-logo-circle.png');
            background-size: cover;
            background-repeat: no-repeat;
            text-align: center;
        }
        .items-cards-days {
            margin-top: 10px !important;
        }
        .items-cards-days .item-card .card-items.small {
            max-height: 200px !important;
            height: auto !important;
        }
        .section-banner-cronograma .content-text {
            padding-top: 155px;
            padding-bottom: 110px;
        }
        .section-content-cronograma {
            padding: 50px 25px 0px 25px;
            text-align: center;
        }
        .items-cards-days .item-card .card-items {
            height: auto;
            margin-bottom: 10px;
        }
        .clock-item .inner {
            width: 95%;
        }
        .section-organizadores .group2 img {
            width: 130px;
        }
        .button-flotante {
            top: 44.5%;
            ;
        }
        .btn-conoce-mas {
            width: 60%;
        }
        .group-buttons-gracias {
            flex-wrap: wrap;
        }
        .group-buttons-gracias .btn-ir-home,
        .group-buttons-gracias .btn-ver-evento {
            margin: 5px 15px;
            width: 100%;
        }
        .form-login {
            padding: 170px 20px 0px 20px;
            flex: 0 0 50%;
            max-width: 50%;
        }
        .navbar-nav .nav-link {
            font-size: 18px !important;
        }
        .banner-content {
            bottom: 170px;
        }
        .content-social-buttons a {
            margin-right: 15px;
        }
        .navbar-collapse .navbar-nav {
            padding: 30px;
        }
        #header {
            padding: 15px 45px;
        }
        #lang-movil {
            display: block;
            margin-left: 10px !important;
            margin-right: 15px;
        }
        #lang-full {
            display: none;
        }
        #buttons-social-movil {
            display: block;
        }
        .nav-item .nav-link.btn-register {
            display: none;
        }
        #options-movil .btn-register {
            display: block;
        }
        .banner-content .title-banner {
            font-size: 35px;
        }
        .section-events {
            padding: 80px 10px;
        }
        .group-cards .card-event {
            margin-bottom: 20px;
        }
        .section-conoce-mas {
            background: linear-gradient( 285deg, rgba(246, 246, 246, 1) 59%, rgba(228, 0, 43, 1) 59%);
        }
        .section-conoce-mas .section-content h4 {
            font-size: 24px;
        }
        .section-conoce-mas .section-text {
            flex: 0 0 48%;
            max-width: 48%;
        }
        .section-conoce-mas .section-logo {
            -ms-flex: 0 0 25%;
            flex: 0 0 38%;
            max-width: 38%;
        }
        .section-conoce-mas .section-content {
            text-align: left;
        }
        .section-conoce-mas .row {
            flex-direction: row !important;
        }
        .section-conoce-mas .section-logo {
            background-color: transparent;
            text-align: left;
        }
        .section-organizadores {
            padding: 80px 20px;
        }
        .clock-item {
            margin: auto;
        }
        .text .val {
            font-size: 40px;
        }
        .text .type-time {
            font-size: 14px;
            margin-bottom: 0px;
        }
        .text {
            margin-top: -28px;
        }
    }
    
    @media (min-width:1024px) and (max-width:1366px) {
        .section-ceremonia .content-text .content-img-ceremonia {
            text-align: center;
        }
        .items-new-cards .subcard-items.foro button,
        .items-new-cards .subcard-items.foro a {
            width: 120px;
        }
        .items-new-cards .subcard-items.foro .sub-card.active a {
            padding-left: 8px !important;
            padding-right: 8px !important;
        }
        .section-ceremonia {
            padding: 0px 110px;
        }
        .section-ceremonia .content-text-ceremonia {
            padding-bottom: 40px;
        }
        .section-ceremonia .content-text-ceremonia h4,
        .section-ceremonia .content-text-ceremonia h3 {
            text-align: center;
        }
        .section-accede-evento {
            padding-left: 60px;
            padding-right: 60px;
        }
        .section-eventos-cards .section-evento-negocios .content-text-img {
            left: 255px;
        }
        .section-eventos-cards .section-exhibicion .content-text-img {
            right: 250px;
        }
        .ae-eventos-tablet {
            display: none;
        }
        .text-rotation-vertical {
            height: 82%;
        }
        .items-new-cards .card-item {
            flex-wrap: nowrap;
        }
        .content-img-movil {
            background-image: url('./../images/pss-image-tablet1.png');
            background-repeat: no-repeat;
            width: 100%;
            background-size: cover;
        }
        .section-rueda-negocios .content-banner-rueda-image {
            padding-top: 280px;
        }
        .navbar-toggler {
            font-size: 30px;
        }
        .navbar-toggler {
            font-size: 30px;
        }
        .navbar-collapse .navbar-nav .nav-link {
            font-size: 24px !important;
        }
        .navbar-toggler>.close {
            font-size: 30px;
        }
        .navbar-collapse .navbar-nav .nav-link {
            font-size: 24px !important;
        }
        .btn-conoce-mas {
            width: 50%;
        }
        .section-organizadores .group2 img {
            width: 150px;
        }
        .button-flotante {
            top: 44%;
        }
        .group-buttons-gracias {
            flex-wrap: nowrap;
        }
        .group-buttons-gracias .btn-ir-home,
        .group-buttons-gracias .btn-ver-evento {
            margin: 5px 15px;
            width: 45%;
        }
        .form-login {
            padding: 170px 20px 0px 20px;
            flex: 0 0 35%;
            max-width: 35%;
        }
        .group-buttons .btn-ver-evento {
            margin-right: 10px;
        }
        .banner-content {
            bottom: 200px;
        }
        .content-social-buttons a {
            margin-right: 15px;
        }
        .navbar-collapse .navbar-nav {
            padding: 30px;
        }
        .banner-content .title-banner {
            font-size: 42px;
        }
        .group-buttons .btn-ver-evento {
            font-size: 20px;
            margin-right: 10px;
        }
        .group-buttons .btn-register {
            font-size: 20px;
        }
        .swiper-pagination-bullet {
            height: 16px;
            width: 16px;
        }
        .group-cards {
            padding: 0 90px;
        }
        .group-cards .card-event {
            padding: 40px 8px;
            width: 180px;
            height: 226px;
        }
        .group-logos {
            -ms-flex: 0 0 95%;
            flex: 0 0 95%;
            max-width: 95%;
        }
        .section-conoce-mas .section-logo {
            -ms-flex: 0 0 25%;
            flex: 0 0 38%;
            max-width: 38%;
        }
        .section-participar-evento {
            /* background-color: #E4002B; */
            padding-top: 125px;
            padding-bottom: 125px;
            background-image: url(./../images/backg-full-logo-circle.png);
        }
        .section-participar-evento .section-content {
            flex: 0 0 85%;
            max-width: 88%;
        }
    }
    
    @media(min-width: 1280px) and (max-width:1365.99px) {
        .section-banner-rueda-negocios .content-text h2 {
            font-size: 28px !important;
        }
        .section-rueda-negocios .content-text-banner-rueda p {
            line-height: 16pt;
        }
        .section-rueda-negocios .content-text-banner-rueda .group-buttons-banner {
            margin-top: 10px !important;
        }
        .section-rueda-negocios .content-banner-rueda-image {
            background-image: url('./../images/subbanner-rueda-negocio.png');
            background-size: contain;
            border-radius: 10px;
            padding-top: 80px;
            padding-bottom: 95px;
            background-repeat: no-repeat;
            height: 375px;
        }
        .section-ceremonia .content-text .content-img-ceremonia {
            text-align: center;
        }
        .cards-talleres {
            grid-template-columns: repeat(2, 1fr);
        }
        #ae-eventos-full {
            display: block;
        }
        .section-eventos-cards .section-evento-negocios .content-text-img {
            left: 80px;
        }
        .section-eventos-cards .section-exhibicion .content-text-img {
            right: 40px;
        }
        .swiperVideosTalleres .swiper-slide,
        .swiperVideosTestimonios .swiper-slide {
            max-height: 210px;
        }
        .section-organizadores {
            padding-top: 80px;
        }
        .section-cards-talleres .content-text {
            flex: 0 0 75%;
            max-width: 75%;
        }
        .swiperTalleres {
            max-height: 160vh !important;
        }
        #options-movil {
            display: none !important;
        }
        #lang-movil {
            display: none !important;
        }
        #header {
            padding: 15px 20px;
        }
        .navbar-collapse .navbar-nav .nav-link {
            font-size: 12px !important;
        }
        .navbar-expand-xl .navbar-nav {
            align-items: center !important;
        }
        .navbar-collapse .navbar-nav {
            padding: 15px !important;
        }
        .banner-content {
            bottom: 85px;
        }
        .group-cards {
            padding: 0 0px !important;
        }
        .group-cards .card-event {
            width: 165px !important;
            height: 215px;
        }
    }
    
    @media (min-width:1348.99px) and (max-width:1366px) {
        .items-new-cards .subcard-items.foro a {
            padding-left: 13px !important;
            padding-right: 13px !important;
        }
        .items-new-cards .subcard-items.foro .sub-card.active a {
            padding-left: 8px !important;
            padding-right: 8px !important;
        }
        .section-eventos-cards .section-evento-negocios .content-text-img {
            left: 100px;
        }
        .section-eventos-cards .section-exhibicion .content-text-img {
            right: 70px;
        }
        .section-ceremonia .content-text .content-text-ceremonia h4 {
            font-size: 20px;
        }
        .section-ceremonia .content-text .content-img-ceremonia img {
            height: 100% !important;
        }
        .swiperVideosTalleres .swiper-slide,
        .swiperVideosTestimonios .swiper-slide {
            max-height: 215px;
        }
        .content-text-banner-rueda p {
            line-height: 14pt;
        }
        .content-text-banner-rueda .group-buttons-banner {
            margin-top: 25px !important;
        }
        .section-banner-rueda-negocios .content-text {
            padding-top: 110px;
        }
        .section-content-foro {
            background-size: contain;
            background-repeat: no-repeat;
            padding-top: 55px;
        }
        .section-cards-talleres .content-text {
            flex: 0 0 70%;
            max-width: 70%;
        }
        .items-new-cards .card-item {
            flex-wrap: nowrap;
        }
        .navbar-collapse .navbar-nav .nav-link {
            font-size: 12px !important;
        }
        .section-participar-evento .section-content {
            margin-top: 10px;
        }
        .items-cards-days .card.card-items {
            width: 260px;
        }
        .section-conoce-mas .section-logo {
            flex: 0 0 25%;
            max-width: 25%;
        }
        .section-conoce-mas .section-text {
            flex: 0 0 45%;
            max-width: 45%;
        }
        .group-logos {
            flex: 0 0 75% !important;
            max-width: 75% !important;
        }
    }
    
    @media (min-width: 1366px) {
        .cards-talleres {
            grid-template-columns: repeat(3, 1fr) !important;
        }
        .navbar-nav .nav-item.active .nav-link {
            border-bottom: 2px solid #FFB81C;
        }
        .section-ceremonia {
            padding: 0 15px;
        }
        #ae-eventos-tablet {
            display: none;
        }
        #ae-eventos-full {
            display: block;
        }
        .swiperTalleres {
            max-height: 170vh !important;
        }
        .items-new-cards .card-item {
            flex-wrap: nowrap;
        }
        .btn-conoce-mas {
            width: 50%;
        }
        .form-login {
            padding: 175px 75px 0px 75px;
            flex: 0 0 35%;
            max-width: 35%;
        }
        .group-logos {
            -ms-flex: 0 0 95%;
            flex: 0 0 80%;
            max-width: 80%;
        }
        .group-buttons .btn-ver-evento {
            margin-right: 15px;
        }
        .navbar-nav {
            align-items: center;
        }
        #lang-movil {
            display: none !important;
        }
        #lang-full {
            display: block;
        }
        #buttons-social-movil {
            display: none;
        }
        .nav-item .nav-link.btn-register {
            display: block;
        }
        #options-movil .btn-register {
            display: none;
        }
    }
    
    @media (min-width: 1365px) and (max-width:1599.99px) {
        .items-new-cards .subcard-items.foro a {
            padding-left: 15px;
            padding-right: 15px;
        }
        #ae-eventos-full {
            display: block;
        }
        .section-eventos-cards .section-evento-negocios .content-text-img {
            left: 100px;
        }
        .section-eventos-cards .section-exhibicion .content-text-img {
            right: 70px;
        }
        .swiperVideosTalleres .swiper-slide,
        .swiperVideosTestimonios .swiper-slide {
            max-height: 215px;
        }
        .section-organizadores {
            padding-top: 80px;
        }
        .content-img-movil {
            display: none;
        }
        .section-rueda-negocios .content-banner-rueda-image {
            background-size: 100%;
            border-radius: 10px;
            padding-top: 50px;
            padding-bottom: 80px;
            background-repeat: no-repeat;
        }
        .section-content-gracias {
            padding-top: 130px;
        }
        .send-to-register {
            padding: 15px 30px;
        }
        #header {
            background-color: #E4002B;
            padding: 0px 45px;
            vertical-align: middle;
        }
        .banner-content {
            bottom: 80px !important;
        }
        .group-cards .card-event {
            padding-left: 5px;
            padding-right: 5px;
            padding-top: 30px;
            padding-bottom: 21px;
            width: 155px;
            height: 190px;
            margin-bottom: 15px;
        }
        .group-cards {
            padding: 0px;
        }
        .section-events {
            padding: 120px 75px;
        }
    }
    
    @media (min-width: 1518px) {
        .items-new-cards .subcard-items.foro a {
            padding-left: 13px;
            padding-right: 13px;
        }
        .section-eventos-cards .section-evento-negocios .content-text-img {
            left: 165px;
        }
        .section-eventos-cards .section-exhibicion .content-text-img {
            right: 140px;
        }
        .swiperTalleres {
            max-height: 150vh !important;
        }
        .form-login {
            padding: 175px 90px 0px 90px;
        }
        .navbar-nav .nav-item {
            margin-right: 15px;
        }
        .navbar-dark .navbar-nav .nav-link {
            font-size: 13px;
        }
        .btn-conoce-mas {
            width: 50%;
        }
        .section-organizadores {
            padding-top: 80px;
        }
    }
    
    @media(min-width: 1919.99px) {
        .cards-talleres {
            grid-auto-rows: 560px;
        }
        .items-new-cards .subcard-items.foro .btn-detalle-foro {
            padding-left: 30px;
            padding-right: 30px;
        }
        .section-eventos-cards .section-exhibicion .content-text-img {
            top: 55px;
        }
        .section-eventos-cards .section-evento-negocios .content-text-img {
            top: 100px;
            left: 135px !important;
        }
        .section-eventos-cards {
            padding-left: 130px;
            padding-right: 130px;
        }
        .section-eventos-cards .section-evento-negocios img,
        .section-eventos-cards .section-exhibicion img {
            width: 100%;
            max-height: 420px;
        }
        .swiperTalleres {
            max-height: 125vh !important;
        }
        .section-cards-talleres .content-text .card {
            max-height: 550px;
            height: 550px;
        }
        .section-cards-talleres .content-text .card {
            width: 23rem !important;
        }
        .section-banner-talleres .content-text {
            padding-top: 155px;
        }
        .section-banner-foro .content-text {
            position: absolute;
            padding-top: 140px;
            padding-bottom: 160px;
            text-align: center;
        }
        .section-gracias {
            padding-top: 70px;
            padding-bottom: 70px;
        }
        .section-gracias .section-content-gracias {
            padding-top: 160px;
            padding-bottom: 25px;
        }
    }
    
    .modal-header button {
        margin-top: -55px !important;
    }
    
    .modal-header {
        padding-top: 55px;
        padding-bottom: 5px;
        border-bottom: none;
    }
    
    .modal-terminos .modal-body {
        padding: 25px 50px;
        margin: 5px 20px;
    }
    
    .modal-body p {
        font-size: 16px;
    }
    
    .modal-body {
        height: 75vh;
        overflow-y: auto;
    }
    
    .modal-body::-webkit-scrollbar {
        width: 8px;
        /* Tamaño del scroll en vertical */
        height: 8px;
        /* Ocultar scroll */
    }
    
    .modal-body::-webkit-scrollbar-thumb {
        background: #C4C4C4;
        border-radius: 4px;
    }
    
    .modal-body::-webkit-scrollbar-thumb:hover {
        background: #C4C4C4;
        box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    }
    /* Cambiamos el fondo cuando esté en active */
    
    .modal-body::-webkit-scrollbar-thumb:active {
        background-color: #C4C4C4;
    }
    
    .modal-content {
        border-radius: 20px !important;
    }
    
    #title-terminos {
        font-size: 30px;
        color: #E4002B;
        font-weight: bold;
    }
    
    .subtitle-terminos {
        font-size: 20px;
        color: #E4002B;
        font-weight: bold;
    }
    
    .list-termin-recop {
        margin-left: 20px;
    }
    
    #link-terminos {
        text-decoration: underline;
        color: #E4002B;
    }