﻿.ss_color-principal {
    color: #02C9E3 !important; /*e7be26*/
}

.ss_color-secundario {
    color: #0297AB !important;
}

.ss_bg-principal {
    background-color: #02C9E3 !important;
}

.ss_bg-secundario {
    background-color: #0297AB !important;
}

.ss_btn-color-secundario {
    background-color: #02C9E3 !important;
    border-radius: 1rem;
    border: 2px solid #FFF;
    color: #FFF !important;
    font-weight: bold;
    text-transform: uppercase;
}

    .ss_btn-color-secundario:hover {
        background-color: #0297AB !important;
    }

.ss_botonera {
    color: #FFF !important;
    padding: 1rem !important;
    border-radius: 1rem;
}

    .ss_botonera:hover {
        background-color: #0297ab;
    }

.ss_bg-imagen-principal {
    background-position: top center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0px;
}

    .ss_bg-imagen-principal.session-20 {
        background-image: url('/img/sessionCorporativa/portada-web-1.jpeg') !important;
        height: 100vh;
        width: 100% !important;
    }
    .ss_bg-imagen-principal.session-32 {
        background-image: url('/img/sessionCorporativa/sessionCo1/PORTADA-WEB.png') !important;
        /*height: 100vh;*/
        width: 100% !important;
    }


.ss_bg-img-fondo {
    background: rgb(240,131,0);
    /* background: radial-gradient(circle, rgba(240,131,0,1) 0%, rgba(245,159,66,1) 100%);*/
    background: radial-gradient(circle, rgba(64,64,64,1) 0%, rgba(128,128,128,1) 50%, rgba(192,192,192,1) 100%);
}

.titular-banner-fecha-inscripcion {
    text-decoration: underline;
}

.chat-widget-container2:hover {
    background-color: #FFF;
}

header .navbar-light .navbar-toggler {
    background-color: #0297ab;
    border-color: #0297ab;
}
.margen-colaborador {
    margin-top: -7rem;
}

@media(max-width:992px) {
    .ss_botonera {
        color: rgba(128,128,128,1) !important;
    }

    .eventos_tamano-imagen-ss {
        height: 17rem;
        width: 516px !important;
        background-size: cover;
        background-position: center;
    }
    .margen-colaborador {
        margin-top: -4rem;
    }
}

@media(max-width: 500px) {
    .ss_bg-imagen-principal {
        background-position: top center !important;
        background-repeat: no-repeat !important;
        background-size: contain !important;
        padding-bottom: 1px;
        margin-top: -0.6px;
        height: 76vh !important;
    }

        .ss_bg-imagen-principal.session-20 {
            background-image: url('/img/sessionsConst/sessionC1/PORTADA-WEB-CELULAR.png') !important;
        }
        .ss_bg-imagen-principal.session-32 {
            background-image: url('/img/sessionCorporativa/sessionCo1/PORTADA-WEB-CELULAR.png') !important;
        }
    .margen-colaborador {
        margin-top: -3rem;
    }
}

/* INSCRIPCION */
h3, h5 {
    color: #02C9E3;
}

.btn-primary {
    background-color: #02C9E3;
    border-color: #02C9E3;
}

    .btn-primary:hover, .btn-primary:disabled, .btn-primary:focus, .btn-primary:active {
        background-color: #0297AB;
        border-color: #0297AB;
    }

/* INSCRIPCION FIN */

.xamin-analytics {
    margin-left: 50px;
}

.image-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; /* Asegura que la imagen no desborde el contenedor */
}

    /* Ajuste de la imagen para cubrir todo el espacio sin dejar huecos en blanco */
    .image-container img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* Cubre todo el contenedor sin distorsión */
    }

.ss_btn-principal {
    background-color: #e1b226 !important;
}

    .ss_btn-principal:hover, .ss_btn-principal:focus, .ss_btn-principal:active {
        background-color: #B00B1A !important;
    }

@media (max-width: 992px) {
    header .navbar ul li.current-menu-item a, header .navbar ul li a:hover {
        background: #8c898247;
        text-align: left;
        color: #ffffff;
    }
    .margenS {
        padding-top: 0rem !important;
    }
}

.margin-back-madre {
    margin-top: 10rem !important;
    margin-bottom: 24rem !important;/*20 rem?*/
}
.margenS {
    padding-top: 6rem;
}

@media(max-width:1024px) and (min-width:769px){
    .margin-back-madre {
        margin-top: 3rem !important;
        margin-bottom: 14rem !important;
    }
    .ss_bg-imagen-principal.session-20 {
        background-image: url(/img/sessionCorporativa/portada-web-1.jpeg) !important;
        margin-top: 0.0rem !important;
        margin-bottom: 1rem !important; /*-16*/
        height: 100vh !important;
    }
    .ss_bg-imagen-principal.session-32 {
        background-image: url(/img/sessionCorporativa/sessionCo1/PORTADA-WEB.png) !important;
        margin-top: 0.0rem !important;
        margin-bottom: 1rem !important; /*-16*/
        height: 100vh !important;
    }
}

.container-con-borde {
    position: relative;
}

    .container-con-borde::after {
        content: "";
        position: absolute;
        top: 60px; 
        bottom: 20px; 
        right: 40px;
        width: 2px;
        background-color: #b6b6b6;
    }

/* Ocultar el borde en pantallas pequeñas */
@media (max-width: 768px) {
    .container-con-borde::after {
        display: none;
    }

    .titulo-org {
        font-size: 2.2em!important;
    }
}

@media (max-width:1100px) and (min-width: 901px) {
    .margen-colaborador {
        margin-top: -4rem;
    }
}

.titulo-org {
    font-size: 2.9em;
}
