/* CONGRESO */


.bg-imagen-principal-c23 {
    background-image: url(/img/congreso2025/fondo_2025_7.png) !important;
    background-position: top !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.bg-img-congreso23-fecha {
    background-image: url(/img/congreso2023/FONDO-3.jpg) !important;
    background-position: top !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.header-congreso23 {
    background: #003973 !important;
}

header .navbar-light .navbar-toggler {
    background-color: #0455a7;
    border-color: #0455a7;
}

.titular-banner-congreso23 {
    font-size: 2.2rem !important;
    line-height: 2.1rem !important;
    margin-bottom: 0px !important;
    text-align: center;
    text-transform: uppercase;
}

.boton-fl-c23 {
    position: fixed;
    top: 200px;
    right: -20px;
    border-radius: 90px;
    text-align: center;
    letter-spacing: 2px;
    font-size: 20px;
    text-transform: uppercase;
    box-shadow: -1px 3px 4px #000;
    z-index: 1500;
    transition: all 1s;
    padding: 10px 30px;
    color: #ffffff !important;
    FONT-WEIGHT: 800;
    background: #0455a7 !important;
    border-color: #0455a7 !important;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transition: 0.5s ease all;
    animation: pulsing 1s ease infinite;
}

    .boton-fl-c23:hover {
        position: fixed;
        top: 210px;
        right: -20px;
        border-radius: 90px;
        text-align: center;
        letter-spacing: 2px;
        font-size: 20px;
        text-transform: uppercase;
        box-shadow: -1px 3px 4px #000;
        z-index: 1500;
        transition: all 1s;
        padding: 10px 30px;
        color: #ffffff !important;
        FONT-WEIGHT: 800;
        background: #0455a7 !important;
        border-color: #0455a7 !important;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transition: 0.5s ease all;
        animation: pulsing 1s ease infinite;
    }


@media(max-width:992px) {
    .margen-logo {
        margin-left: -0.5rem;
    }

    .navbar-collapse .boton-llamado-c23 {
        background: #003973 !important;
        color: #fff !important;
        border: none !important;
        font-size: 0.9rem !important;
        border-radius: 80px !important;
        display: inline-flex !important; 
        align-items: center;
        justify-content: center;
        width: 205px;
        height: 50px;
        margin: 0.2rem;
        text-align: center;
    }

        /* Hover */
        .navbar-collapse .boton-llamado-c23:hover {
            background: #005bb5 !important;
            color: #fff !important;
        }

    header .navbar-collapse {
        top: 82px;
    }

    header .navbar ul li.current-menu-item a, header .navbar ul li a:hover {
        background: rgb(161 194 227)!important;
    }

}


.logo-c23 {
    width: 173px;/*192px*/
    padding-top: 15px;
    padding-bottom: 15px;
}

.titular-platinum-c23 {
    font-size: 2.3em !important;
    text-align: center;
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: 800;
    padding: 0;
    margin: 0 !important;
    color: transparent;
    background: linear-gradient( 0deg, #4b2e07, /* marrón oscuro */
    #7c4a1a 24%, /* bronce profundo */
    #b87333 45%, /* bronce clásico */
    #cd7f32 76%, /* cobre brillante */
    #d4af37 /* dorado suave */
    );
    -webkit-background-clip: text;
    background-clip: text;
}

.titular-gold-c23 {
    font-size: 2.4em;
    text-align: center;
    letter-spacing: 0px;
    text-transform: uppercase;
    font-weight: 800;
    padding: 0;
    margin: 0 !important;
    color: #f1a700 !important;
}

.titular-silver-c23 {
    font-size: 2.3em;
    text-align: center;
    letter-spacing: 0px;
    text-transform: uppercase;
    font-weight: 800;
    padding: 0;
    margin: 0 !important;
    color: #ababab !important;
}

@media (max-width: 1024px) and (min-width: 993px) {
    
    .margen-logo {
        margin-left: -1rem!important;
    }
    .tamanio-logo {
        max-width:500px!important;
    }
    .margin-back-madre-c25 {
        margin-top: 5rem !important;
        margin-bottom: -2rem !important; /*0rem*/
    }
    .titular-banner-congreso23 {
        font-size: 1.5rem !important;
        line-height: 1.5rem !important;
    }
}

@media (max-width: 992px) {
    .logo-c23 {
        width: 190px;
        padding-top: 0px;
        padding-bottom: 15px;
    }
    .tamanio-logo {
        max-width: 380px !important;
    }
    .margin-back-madre-c25 {
        margin-top: 0rem !important;
        margin-bottom: -2rem !important; /*0rem*/
    }
    .titular-banner-congreso23 {
        font-size: 1.5rem !important;
        line-height: 1.5rem !important;
    }
}

@media (max-width: 777px) and (min-width: 426px) {
    .logo-c23 {
        width: 182px;
        padding-top: 0px;
        padding-bottom: 15px;
    }

    .titular-platinum-c23 {
        font-size: 2em !important;
        text-align: center;
        letter-spacing: 0;
        text-transform: uppercase;
        font-weight: 800;
        padding: 0;
        margin: 0 !important;
        color: transparent;
        background: linear-gradient( 0deg, #4b2e07, /* marrón oscuro */
        #7c4a1a 24%, /* bronce profundo */
        #b87333 45%, /* bronce clásico */
        #cd7f32 76%, /* cobre brillante */
        #d4af37 /* dorado suave */
        );
        -webkit-background-clip: text;
        background-clip: text;
    }

    .titular-s-c23 {
        font-size: 1.1em;
        text-align: center;
        letter-spacing: 0px;
        text-transform: uppercase;
        font-weight: 800;
        padding: 0;
        padding-right: 2rem;
        margin: 0 !important;
        color: #ababab !important;
        width: 13.5rem;
        height: 10rem;
        -ms-transform: rotate(270deg); /* IE 9 */
        -moz-transform: rotate(270deg); /* Firefox */
        -webkit-transform: rotate(270deg); /* Safari and Chrome */
        -o-transform: rotate(270deg); /* Opera */
        position: absolute;
    }
    .titular-banner-congreso23 {
        font-size: 1.9rem !important;
        line-height: 1.8rem !important;
    }
    
    .margin-back-madre-c25 {
        margin-top: 0rem !important;
        margin-bottom: -2rem !important;/*0rem*/
    }

    .tamanio-logo {
        max-width: 380px!important;
    }
    .margen-logo {
        margin-left: 0rem !important;
    }
    .xamin-analytics {
        margin-bottom: 25px!important;
        margin-left: 55px!important;/*100px*/
    }
    .boton-fl-c23 {
        top: 465px!important;
    }
    .carousel .carousel-item {
        height: 215px!important;
    }
    .carousel-item img {
        max-height: 215px !important;
        min-height: 215px !important;
        object-fit: cover !important;
    }

}

@media (max-width: 425px) and (min-width: 350px) {
    .logo-c23 {
        width: 182px;
        padding-top: 0px;
        padding-bottom: 15px;
    }

    .tamanio-logo {
        max-width: 380px!important;
    }
    .margin-back-madre-c25 {
        margin-top: 0rem !important;
        margin-bottom: -2rem !important;
    }
    .margen-logo {
        margin-left: 0rem !important;
    }
    .xamin-analytics {
        margin-bottom: 25px !important;
        margin-left: 22px !important;
    }
    .contador-inner {
        width: 82px!important; 
    }
    #contador .contador-box {
        max-width: 16%!important;
    }
    .titular-congreso1-23 {
        font-size: 3.2em!important;
    }
    .titular-banner-congreso23 {
        font-size: 1.9rem !important;
        line-height: 1.8rem !important;
    }
    .boton-fl-c23 {
        top: 465px !important;
    }
    .carousel .carousel-item {
        height: 215px!important;
    }
    .carousel-item img {
        max-height: 215px !important;
        min-height: 215px !important;
        object-fit: cover !important;
    }
}

@media (max-width: 375px) and (min-width: 321px) {
    .logo-c23 {
        width: 182px;
        padding-top: 0px;
        padding-bottom: 15px;
    }
    .tamanio-logo {
        max-width: 335px !important;
    }
    .margin-back-madre-c25 {
        margin-top: 0rem !important;
        margin-bottom: -2rem !important;
    }
    .margen-logo {
        margin-left: 0rem !important;
    }
    .boton-fl-c23 {
        top: 465px !important;
    }
    .carousel .carousel-item {
        height: 215px!important;
    }
    .carousel-item img {
        max-height: 215px !important;
        min-height: 215px !important;
        object-fit: cover !important;
    }
}

@media (max-width: 320px) {
    .logo-c23 {
        width: 182px;
        padding-top: 0px;
        padding-bottom: 15px;
    }

    .tamanio-logo {
        max-width: 380px !important;
    }
    .margin-back-madre-c25 {
        margin-top: 0rem !important;
        margin-bottom: -2rem !important;
    }
    .boton-fl-c23 {
        top: 465px !important;
    }
}
.margin-back-madre-c25 {
    margin-top: 5rem;
    margin-bottom: 7rem;
}
.tamanio-logo {
    max-width: 630px;
}
#contador {
    gap: 1rem;
    padding: 1rem 0;
    flex-wrap: wrap;
    /*Esto es nuevo*/
    margin-left: -1.3rem;
}

.contador-box {
    margin: 0 0.5rem;
}

.contador-inner {
    background: #ffffffba;
    border-radius: 20px;
    padding: 16px 0px;
    width: 95px; /*min-wdth: 90px*/
    height: 100px;
    display: flex; 
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #6c757d;
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow: none;
    text-align: center;
}

    .contador-inner h3 {
        font-size: 28px;
        margin: 0;
        font-weight: 600;
        color: #444;
    }

    .contador-inner small {
        font-size: 13px;
        text-transform: uppercase;
        color: #444;/*#eaeaea*/
        letter-spacing: 1px;
    }

.border-start {
    position: relative;
    padding-left: 1.5rem !important;
}

.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.border-left-primary {
    border-left: 5px solid #007bff;
}

.border-left-success {
    border-left: 5px solid #28a745;
}

.card-title i {
    margin-right: 6px;
}
.social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0 5px;
    border-radius: 50%;
    background-color: #f1f1f1;
    color: #333;
    font-size: 18px;
    text-decoration: none;
    transition: all 0.3s ease;
}

    .social-icon:hover {
        background-color: #007bff;
        color: #fff;
    }


.fecha-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: default;
}

.fecha-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    cursor: pointer;
}

.text-secundario-c23 {
    color: #2A8DFF; 
}

.container-con-borde {
    position: relative;
}

    .container-con-borde::after {
        content: "";
        position: absolute;
        top: 60px;
        bottom: 20px;
        right: 40px;
        width: 2px;
        background-color: #b6b6b6;
    }
.margen-logo {
    margin-left: -4rem;
}
.inv-card {
    background: linear-gradient(135deg, #ffffff, #e6f4ea);
    border-radius: 15px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    font-family: 'Georgia', serif;
}

/*.titular-metal-silver-dark {
    font-size: 2.3em !important;
    text-align: center;
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: 800;
    padding: 0;
    margin: 0 !important;
    color: transparent;
    background: linear-gradient( 0deg, #555555, 
    #aaaaaa 25%, 
    #dddddd 50%, 
    #aaaaaa 75%, 
    #555555 100% 
    );
    -webkit-background-clip: text;
    background-clip: text;
}*/
.titular-metal-silver-dark {
    font-size: 2.3em !important;
    text-align: center;
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: 800;
    padding: 0;
    margin: 0 !important;
    color: transparent;
    background: linear-gradient( 0deg, #555555, #aaaaaa 75%, #dddddd 100%, #aaaaaa 100%, #555555 100% );
    -webkit-background-clip: text;
    background-clip: text;
}

.play-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 4rem;
    color: white;
    text-shadow: 0 0 10px rgba(0,0,0,.7);
    cursor: pointer;
    z-index: 2;
}
#contador .contador-box {
    flex: 0 0 25%;
    max-width: 18%;
}

@media (max-width: 1225px) and (min-width: 1200px) {
    .tamanio-logo {
        max-width: 500px !important;
        margin-top: 3rem!important;
    }
    .logo-c23 {
        width: 140px!important;
    }
    .navbar-expand-lg .navbar-collapse {
        margin-left: -40px!important;
    }
}
navbar-brand {
    margin-right: 0rem!important;
}

#modalCoctel .carousel-item img {
    width: 100%;
    object-fit: cover;
    max-height: 220px; 
}

@media (max-width: 768px) {
    .carousel .carousel-item {
        height: 215px!important;
    }
    .carousel-item img {
        max-height: 215px !important;
        min-height: 215px !important;
        object-fit: cover !important;
    }
}

.iq-pricing .priceing-description ul li {
    margin-bottom: 0px!important; 
}
.iq-list li {
    margin-bottom: 0px!important; 
}