/* =====================================================
   Agenda de carreras (dentro del intro) — Carreras UCU
   ===================================================== */

:root .ficha_agenda_homecarreras .ucu-carousel {
     padding-bottom: 0;
}

.ficha_agenda_homecarreras {
    color: var(--color-blanco) !important;
    font-weight: 400;
    font-family: 'flamalight';
}

.ficha_agenda_homecarreras .ucu-carousel {
    background-color: var(--text-azul);
}

.ficha_agenda_homecarreras .ico_fichaagenda {
    float: left;
    margin-right: 10px;
}

.ficha_agenda_homecarreras .ucu-carousel .holder {
    padding: 20px 30px;
    opacity: 1;
}

.ficha_agenda_homecarreras .ucu-carousel .h6 {
    color: var(--color-blanco);
}

.ficha_agenda_homecarreras .ucu-carousel a:hover {
    opacity: .8;
}

.ficha_agenda_homecarreras .ucu-carousel .owl-nav .owl-prev {
    left: 10px;
}

.ficha_agenda_homecarreras .ucu-carousel .owl-nav .owl-next {
    right: 10px;
}

.ficha_agenda_homecarreras .ucu-carousel .h5 {
    display: flex;
    align-items: center;
    color: var(--color-blanco);
}

/* Ojo: en el archivo original este selector viene combinado con
   ".fondointro_carreras .h1 strong". Lo aíslo tal cual afecta a
   .ficha_agenda_homecarreras strong: */
.ficha_agenda_homecarreras strong {
    font-family: 'flamabold';
    font-weight: normal !important;
}

/* Nota: en el archivo esto usa "#" (ID), no "." (clase). Lo dejo
   igual por si en algún template existe como id="ficha_agenda_homecarreras" */
#ficha_agenda_homecarreras .owl-dots {
    display: none !important;
}

/* DOTS AGENDA */
.ficha_agenda_homecarreras .owl-controls {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -26px;
    text-align: center;
}
.ficha_agenda_homecarreras .owl-controls .owl-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 5px;
    opacity: 0.7;
    transition: opacity 200ms ease-out;
}
.ficha_agenda_homecarreras .owl-controls .owl-dot.active {
    opacity: 1;
}

:root .ficha_agenda_homecarreras .ucu-carousel {
    min-height: initial;
}


/* ============================================================
   980px+  (primera aparición en el archivo)
   ============================================================ */
@media (min-width: 980px) {
    .ficha_agenda_homecarreras .ucu-carousel {
        overflow: visible;
    }
    .ficha_agenda_homecarreras .ucu-carousel .owl-nav .owl-prev {
        left: -15px !important;
    }
    .ficha_agenda_homecarreras .ucu-carousel .owl-nav .owl-next {
        right: -15px !important;
    }
}


/* ============================================================
   980px+  (segunda aparición — bloque grande "INI MEDIA QUERYS")
   Acá es donde se posiciona la agenda como "flotante" sobre el
   intro, con position:absolute.
   ============================================================ */
@media (min-width: 980px) {
    .ficha_agenda_homecarreras .ucu-carousel {
        background-color: rgba(23, 51, 99, 0.65);
        min-height: 245px;
    }
    .ficha_agenda_homecarreras {
        display: block;
        position: absolute;
        right: 50%;
        top: 52%;
        width: 270px;
        height: 245px;
        z-index: 50;
        margin-right: -442px;
    }
    .ficha_agenda_homecarreras .ico_fichaagenda {
        margin-left: 28px;
    }
    .ficha_agenda_homecarreras .ucu-carousel .h5 {
        margin-right: 0;
    }
    .ficha_agenda_homecarreras .ucu-carousel {
        background-color: rgba(23, 51, 99, 1);
    }
    .ficha_agenda_homecarreras .ucu-carousel .h5 {
        margin-left: -31px;
    }
}


/* ============================================================
   1200px+
   ============================================================ */
@media (min-width: 1200px) {
    .ficha_agenda_homecarreras {
        margin-right: -573px;
        top: 46%;
    }
}


/* ============================================================
   2380px+
   ============================================================ */
@media (min-width: 2380px) {
    .ficha_agenda_homecarreras {
        top: 45%;
    }
}


/* ============================================================
   Hasta 979px (mobile/tablet — la agenda deja de ser "flotante"
   y pasa a fluir normal, con márgenes distintos)
   ============================================================ */
@media (max-width: 979px) {
    .ficha_agenda_homecarreras {
        margin-top: 30px;
    }
    .ficha_agenda_homecarreras .ucu-carousel {
        padding: 10px -1px 30px 20px;
    }
    .ficha_agenda_homecarreras .owl-controls {
        bottom: -30px;
    }
}