.contenidoPaginaAdmisiones {
    background-color: white;
}

.fondo_imagen {
    /*  background: url(../../uso_public/global/assets/img/home-pregrado/Biblioteca_opaca_2opaca.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
    z-index: -1;
    opacity: 1;*/
    background-color: #e5dfdf;
}

.link_navegacion {
    font-size: 1rem;
    border-color: none !important;
}

.container_links {
    display: inline-flex;
    border: 1px solid #808285;
    margin-left: 0px;
    padding-left: 0px;
    background-color: #808285;
}

.contenedor_logo {
    margin-left: 0px;
}

@media (max-width: 170px) {
    .container_links {
        display: block;
    }
}

@media (max-width: 760px) {
    .navegacion_busqueda {
        display: block;
        align-items: center;
        margin: auto;
    }

    .contenedor_logo {
        margin: auto;
    }

    .container_links {
        max-width: 90%;
        padding-left: 0px;
    }

    .container_botones_up {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

.consulta_interes p,
h3 {
    color: black !important;
}

.consulta_interes:hover p {
    color: white !important;
}

.consulta_interes:hover h3 {
    color: white !important;
}

/***************************************************************** CSS del carrusel *****************************************************************/
.contenedor_infoGeneral {
    display: flex;
    max-width: 100%;
    margin: auto;
    padding-top: 20px;
    justify-content: space-around;
}

.control_banner {
    width: 60px;
    border: none;
    background: transparent;
}

.control_banner:hover {
    background-color: gray;
    opacity: 0.2;
}

.carousel-indicators {
    margin-bottom: 5px;
    z-index: 1;
}

.botoncambiocarusel {
    background-color: #ff3333;
    height: 6px;
    width: 5%;
    border: inherit;
}

max-width .carousel_banner {
    height: 93%;
    width: 100%;
    /*height: 400px; 
    width: 1300px;*/
    box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
    border-radius: 10px;
}

.imagen_banner {
    height: 100%;
    width: 100%;
    /*height: 400px; 
    width: 100%;*/
    border-radius: 10px;
}

.contenedor_carrusel_redes {
    max-width: 100% !important;
    margin: auto;
    padding-top: 20px;
    display: block;
    /* background-color: #f5f5f5; */
}

/***************************************************************** Sedes Banner *****************************************************************/

.sedes_banner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    color: black;
}

.sede_banner {
    background-color: white;
    font-weight: 700;
    border-radius: 5px;
    width: auto;
    padding: 5px;
    font-size: 0.7em;
    border: 1px solid;
}

.sede_banner:hover {
    cursor: pointer;
}

/***************************************************************** Fin Sedes Banner*****************************************************************/

.cambio_Sedes {
    background-color: white;
    font-weight: 700;
    border-radius: 5px;
    width: auto;
    padding: 5px;
    font-size: 0.7em;
    border: 1px solid;
    transition: background-color 0.3s, transform 0.2s;
}

.cambio_Sedes:hover {
    background-color: #6b6b6b85;
    color: white;
    transform: scale(1.01);
}

.modal_body_Sedes {
    display: flex;
    justify-content: center;
    gap: 5px;
    flex-wrap: wrap;
    align-items: stretch;
    flex-direction: row;
    padding: 5px;
}

@media (max-width: 1620px) {
    .carousel_banner {
        height: 40%;
        width: 100%;
    }

    .imagen_banner {
        width: 100%;
        height: 100%;
    }
}

.contenedor_socialMedia {
    display: flex;
    justify-content: right;
    font-weight: 600;
    width: 60px;
    margin-left: 20px;
    align-items: center;
    gap: 5px;
}

@media (max-width: 450px) {
    .contenedor_socialMedia {
        margin-left: 0px;
        gap: 3px;
        width: 50px;
    }
}

/*****************************************************************css informacion de contacto*****************************************************************/
.informacion_contacto {
    /*text-align: center;*/
    background-color: white;
    padding: 10px;
    color: #494949;
    border-radius: 0 0 10px 10px;
    max-width: 350px;
    text-decoration: none;
    padding-bottom: 10px;
    box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1),
        0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
    font-size: 0.7em;
    margin-bottom: 30px;
}

.informacion_contacto2 {
    background-color: white;
    padding: 10px;
    color: #494949;
    border-radius: 0 0 10px 10px;
    max-width: 24.8rem;
    text-decoration: none;
    padding-bottom: 10px;
    box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1),
        0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
    font-size: 0.9em;
    /* margin-bottom: 30px; */
}

.tituloInfoContact {
    background-color: #f22828;
    color: white !important;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    /* margin-top: 30px; */
    margin-bottom: 0;
    text-align: center;
    font-size: 1.5em;
}

.tituloInfoContact2 {
    background-color: #f22828;
    color: white !important;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    margin-bottom: 0;
    text-align: center;
    font-size: 1.5em;
    max-width: 25rem;
    /* margin-top: 30px; */
}

.info_Infocontact {
    list-style: none;
    /* border: 1px solid; */
    padding-left: 10px;
}

.info_Infocontact2 {
    list-style: none;
}

/* .info_Infocontact b {
    display: flex; 
    justify-content: center;
  } */

.info_redes_sociales {
    margin-top: 5px;
    /* text-align: center; */
}

/***************************************************************** inicio CSS Section Oferta *****************************************************************/

/***************************************************************** CSS redes sociales Admisiones*****************************************************************/

.redes {
    color: gray;
}

.redes:hover {
    color: black;
}

.redesTwitter {
    color: gray;
}

.redesTwitter:hover {
    color: #000000;
}

.redesFacebook {
    color: gray;
}

.redesFacebook:hover {
    color: #3a5793;
}

.redesYoutube {
    color: gray;
}

.redesYoutube:hover {
    color: #ff0000;
}

.nav-tabs {
    gap: 10px;
}

.nav-tabs:active {
    outline: none;
}

.nav-link>.active {
    background-color: #f22828;
    color: white;
    font-size: 1.2em;
    border-radius: 20px !important;
}

/* .active {
    color: black !important;
  } */
.contenido_pocesos {
    padding: 20px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
    height: auto;
}

.procesos {
    display: flex;
    justify-content: center;
}

.contenido_tarjetas {
    display: grid;
    /* grid-template-columns: repeat(4, 1fr); */
    /* grid-gap: 10px;*/                               /* SE COMENTO PARA HACER PRUEBAS, DESCOMENTAR SI SE QUIERE REGRESAR EL ESPACIO EN LOS TITULOS */
    /* grid-auto-rows: minmax(20px, auto); */
    font-size: 11.5px;
    height: auto;
    box-shadow: 1px 6px 16px -6px rgba(0, 0, 0, 0.85);
    width: 100%;
    justify-content: space-around;
}

.contenedor_tarjetas {
    padding-top: 13px;
    padding-left: 30px;
    padding-right: 14px;
    justify-content: center;
}

.borde_tarjetas {
    box-shadow: 1px 6px 16px -6px rgba(0, 0, 0, 0.85);
    border-radius: 10px;
    padding: 10px;
}

.titulo_facultad:first-child {
    margin-top: 10px;
}

.titulo_facultad {
    display: grid;
    grid-column-end: span 4;
    height: 40px;
    align-items: center;
    background-color: #f22828;
    color: white;
    border-radius: 4px;
    justify-content: center;
}

.titulo_programa {
    font-size: 1.3em;
    font-family: "Inter", sans-serif;
}

.bd-callout {
    background-color: white;
    padding: 1.25rem;
    padding-bottom: 0.5px;
    margin-bottom: 30px;
    border: 1px solid #e9ecef;
    border-left-width: 0.4rem;
    border-radius: 0.35rem;
    max-width: auto;
    max-height: auto;
}

.bd-callout-info {
    border-left-color: #5bc0de;
}

/* 
  .busqueda_oferta {
    display: flex; */
/*text-align: center;
  } */

.txt_busquedaOferta {
    border: none;
    border-radius: 5px;
    max-width: 350px;
    margin-bottom: 6px;
    background-color: #e5dfdf;
    padding: 6px 12px;
}

.contenedor_busqueda {
    background-color: white;
    border-radius: 10px;
    padding: 10px;
    height: auto;
    box-shadow: 10px 11px 26px -7px rgba(0, 0, 0, 0.85);
    /* width: 300%; */
}

.contenedor_estudios {
    display: flex;
    justify-content: space-between;
}

.tituliTipoInscripcion {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    text-align: center;
    padding: 5px;
    font-weight: bold;
}

.titulEstudiosFormales {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    text-align: center;
    padding: 5px;
    font-weight: bold;
    font-size: 1em;
    border: 1px solid #f22828;
    /* color: white; */
}

.titulEstudiosComplementarios {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    text-align: center;
    padding: 5px;
    font-weight: bold;
    font-size: 1em;
    border: 1px solid #284071;
    /* background-color: #74a95f; */
}

.tipo_programa {
    display: flex;
    flex-direction: column;
    border: none;
    border-radius: 5px;
    width: auto;
    margin-right: 20px;
    margin-bottom: 6px;
    padding: 12px;
    /* padding-right: 0; */
    outline: none;
    gap: 5px;
    text-align: start;
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); */
    /* justify-content: space-around; */
}

.opcion_programa {
    padding-left: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    padding: 4px;
    background-color: #dad5d5;
    color: #f22828;
    font-weight: bold;
    font-size: 0.9em;
    margin-bottom: 8px;
}

.opcion_programa p {
    margin-bottom: 0px;
}

.opcion_programa:hover {
    color: black;
    font-weight: bold;
    border-top-left-radius: 4px;
    border-end-start-radius: 4px;
    cursor: pointer;
    background-color: #f0bbbb;
}

.estudiosFormales {
    /* max-width: 320px; */
    background-color: #f22828;
    color: white;
}

.estudiosComplementarios {
    background-color: #dad5d5;
    /* background-color: #74a95f; */
    color: #243d6f;
    /* max-width: 310px; */
}

.estudiosComplementarios:hover {
    /* #C0F9A9 */
    background-color: white;
}

@media (max-width: 768px) {
    .contenedor_estudios {
        flex-direction: column;
    }
}

select option:hover {
    color: black;
    font-weight: bold;
    border-radius: 4px;
    transform: translateY(-10%);
    transition: transform 0.5s, opacity 0.5s;
    cursor: pointer;
}

select option {
    margin-bottom: 2px;
}

.tipo_sedes {
    border: none;
    border-radius: 5px;
    width: auto;
    color: black;
    background-color: #f0bbbb;
    /* background-color: #f22828; */
    margin-right: 20px;
    margin-bottom: 6px;
    padding: 6px 10px;
    outline: none;
    z-index: 20;
    position: absolute;
    left: 230px;
    top: 59px;
    opacity: 0.98;
}

select option:first-child {
    display: none;
}

.overOption {
    color: black;
    font-weight: bold;
    background-color: #f0bbbb;
}

.overOptionSedesFormales {
    background-color: #f0bbbb;
}

.overOptionComplementarios {
    color: black;
    font-weight: bold;
    background-color: white;
}

.overOptionSedesComplementarios {
    background-color: #dad5d5;
}

@media (max-width: 502px) {
    .tipo_sedes {
        max-width: 100px;
    }
}

/*****************************************************************inicio Calendario CSS*****************************************************************/


.calendar {
    mask: linear-gradient(
      90deg,
      #0000,
      #000 3% 95%,
      #0000
    ); /* EFECTO DE DESVANECIDO DE ESQUINA DERECHA*/
    width: 94%;
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    flex-direction: row;
    background: transparent;
    color: #494949;
    border-right: none;
    border-radius: 0px 0px 0px 5px;
    margin-bottom: 0px;
    min-width: 340px;
    padding: 10px;
    /* text-transform: uppercase; */
    border-end-end-radius: 10px;
    border-end-start-radius: 10px;
    /* box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1), 
    0.3em 0.1em 1em rgba(0, 0, 0, 0.1); */
    /* overflow: hidden auto !important; */
    /* overflow-x: hidden; */
    overflow-x: auto;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
  }

.calendar::-webkit-scrollbar {
    display: none;
}

.calendar .div:nth-child(odd) {
    background-color: blue;
}
.titulo_calendario {
    background-color: #f22828;
    color: white !important;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    margin-bottom: 0px;
    text-align: center;
    font-size: 1.5em;
    width: 100%;
}

.dc-cont-itemdhuz_ {
    margin-right: 0.5rem;
    width: 98%;
    /* background-color: #dad5d5; */
    height: auto;
    margin-bottom: 6px;
    background-color: white;
	position: relative; border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
}

.dc-det-ev {
    background-color: #cccccc;
    border-radius: 10px;
    /* margin-top: 5px;
    position: absolute;
    z-index: 999; */
}

.ql-editor {
    padding: 0px !important;
    white-space: inherit !important;
    text-align: justify !important;
  }

.cont-ddatos-evdhuz_ {
    display: inline-block;
    /* width: 100%; */
    padding: 10px;
    height: 147px;
    font-size: 0.6em;
}

.cont-ddatos-evdhuz_:nth-child(even) {
    background-color: red;
}

.cont-ddatos-evdhuz_:nth-child(odd) {
    background-color: #ccc;
    border-radius: 10px;
}

.cont-ddatos-evdhuz_.par {
    /* background-color: rgba(255, 0, 0, 0.219); */
    background-color: rgb(230, 230, 230);

    box-shadow: 0 2px 5px rgb(28 28 28 / 40%);
    /* Color de fondo para las tarjetas pares */
}

.cont-ddatos-evdhuz_.impar {
    /* background-color: rgba(0, 85, 255, 0.219);  */
    background-color: rgb(218, 213, 213);
    box-shadow: 0 1px 4px rgb(28 28 28 / 40%);
    /* Color de fondo para las tarjetas impares */
}

/**********************************************************************************************************************/
/* antes del cambio de posicion

.dc-fecha {
  width: 100%;
  background-color: #fff;
  border-radius: 5px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
} 
  
*/

.dc-fecha {
    padding: 8px;
    width: 100%;
    height: 60px;
    background-color: #fff;
    border-radius: 5px;
    text-align: center;
    display: flex;
    font-size: medium;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: #0f2a4a;
  }
  /**********************************************************************************************************************/
.dc-texto-informacion p {
    margin-bottom: 0rem !important;
}

.dc-texto-informacion {
    color: #0f2a4a;
    font-size: 1.5em;
    /* padding: 5px; */
    /* padding-right: 20px; */
    font-family: Open-Sans;
    border-radius: 5px;
    text-align: center;
    display: flex;
    align-items: center;
    width: 100%;
    height: 30px;
  }
  
.card-containerCalendar {
    perspective: 1000px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.cardCalendar {
    width: 300px;
    height: 175px;
    position: relative;
    transform-style: preserve-3d;
    transition: transform 0.6s;
    cursor: pointer;
    border: transparent;
}

.cardCalendar.is-flipped {
    transform: rotateY(180deg);
    /* border: 1px solid rgba(0, 0, 0, .125); */
}

.card-face {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.card-back {
    background-color: #ffffff;
    transform: rotateY(180deg);
    border-color: white;
}

.dc-hasta-ev {
    color: #173268;
    font-family: Open-Sans;
    font-size: 1.1em;
    display: inline-block;
    width: 40%;
    text-align: center;
    padding-left: 4px;
    /*margin-bottom: -8px;*/
}

.ContenedorTarjetasCal {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /* height: 16.2rem; */
    box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1),
      0.3em 0.1em 1em rgba(0, 0, 0, 0.1);
    border-end-end-radius: 10px;
    border-end-start-radius: 10px;
    justify-content: space-between;
  }

.Contenedor_img_flecha_calendar {
    width: 25px;
    display: flex;
    justify-content: center;
  }
  
  .flechaProximasFechasBack{
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    align-content: center;
    width: 15px;
    height: 20px;
    /* border: 2px solid #c5c5c5; */
    border-left: none;
    border-radius: 0px 5px 5px 0px;
    cursor: pointer;
    transform: scaleX(-1)
    /* margin-left: 10px; */
    /* box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1),
        0.3em 0.1em 1em rgba(0, 0, 0, 0.1); */
  }
  
  .flechaProximasFechasNext {
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    align-content: center;
    width: 15px;
    height: 20px;
    /* border: 2px solid #c5c5c5; */
    border-left: none;
    border-radius: 0px 5px 5px 0px;
    cursor: pointer;
    /* margin-left: 10px; */
    /* box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1),
        0.3em 0.1em 1em rgba(0, 0, 0, 0.1); */
  }

/***************************************************************** tabla de manual y scroll de la pagina *****************************************************************/

.fac_titulo_tabla {
    text-align: center;
}

.tabla_ponderaciones {
    font-size: 1em;
    border-radius: 5px;
    height: 700px;
    border-collapse: collapse;
}

.titulo_prog_ponderaciones {
    font-size: 0.85em !important;
}

.titulo_pon {
    background-color: #f22828;
    color: white;
}

.table thead th {
    vertical-align: middle;
    text-align: center;
}

.titulos_ponderaciones {
    text-align: center;
    font-size: 0.8rem;
    background-color: rgb(29 79 102);
    color: white;
}

.ponderacion_prueba_a {
    color: #fff !important;
}

/*****************************************************************Scroll para Chrome*****************************************************************/

::-webkit-scrollbar {
    background-color: #c9c9c9;
    width: 0.55rem;
    height: 0.55rem;
}

/* Cambiar el color del thumb (la parte móvil de la barra) */
::-webkit-scrollbar-thumb {
    background-color: #ff000075;
    border-radius: 12px;
}

/* Cambiar el color del thumb al pasar el ratón por encima */
::-webkit-scrollbar-thumb:hover {
    background-color: #f22828;
}

/*****************************************************************FIREFOX*****************************************************************/
/* Cambiar el color de fondo de la barra de desplazamiento */

* {
    scrollbar-color: #ff0000 #ffbabac0;
}

/* Cambiar el color del thumb (la parte móvil de la barra) */

* {
    scrollbar-color: #e40808 #ffbabac0;
}

/* Cambiar el color del thumb al pasar el ratón por encima */

* {
    scrollbar-color: #f22828 #ffbabac0;
}

/* Cambiar el grosor de la barra de desplazamiento */

* {
    scrollbar-width: thin;
}

.ponderacion_lectura {
    text-align: center;
    font-size: 0.8rem;
}

.ponderacion_mat {
    text-align: center;
    font-size: 0.8rem;
}

.ponderacion_sociales {
    text-align: center;
    font-size: 0.8rem;
}

.ponderacion_ingles {
    text-align: center;
    font-size: 0.8rem;
}

.ponderacion_prueba {
    text-align: center;
    font-size: 0.8rem;
}

.ponderacion_mat {
    text-align: center;
    font-size: 0.8rem;
}

.ponderacion_nat {
    text-align: center;
    font-size: 0.8rem;
}

.guia_ponde {
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(3, 1fr);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8rem;
    color: black !important;
    max-width: 95%;
    box-shadow: 0 2px 5px rgb(28 28 28 / 90%);
    padding: 2px;
    text-align: start;
}

@media (max-width: 575px) {
    .guia_ponde {
        display: flex;
        flex-direction: column;
    }
}

.guia_ponde h5 {
    grid-column: 1/4;
    color: #f33333;
    font-weight: bold;
    font: bolder;
    text-align: center;
    font-size: 0.95rem;
}

.guia_ponde p {
    margin-bottom: inherit;
}

.bolita {
    width: 30px;
    height: 20px;
    color: #1f3a93;
    font-weight: bold;
    border-radius: 10px;
    background-color: #f5e7e4;
    text-align: center;
}

.contenedor_bolita {
    display: inline-flex;
}

/*****************************************************************FIN SCROLL Y TABLA MANUAL*****************************************************************/

.dc-dia-ev {
    color: #173268;
    font-family: Open-Sans;
    font-size: 2rem;
    display: inline-block;
    width: 30%;
    text-align: end;
    justify-content: center;
    height: 100%;
    margin-right: 6px;
}

.dc-mes-ev {
    color: #173268;
    font-family: Open-Sans;
    font-size: 1.5rem;
    display: inline-block;
    width: 100%;
    text-align: initial;
    font-size: 1.3em;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* antes del cambio de posicion
.dc-tit-ev {
  color: #173268;
  font-family: Open-Sans;
  font-size: 1rem;
  display: flex;
  width: 269px;
  justify-content: center;
} */

.dc-tit-ev {
    color: #173268;
    font-family: Open-Sans;
    /* font-size: 1rem; */
    display: flex;
    /*  width: auto;*/
    width: 269px;
    justify-content: center;
  }
  /*////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
  
.dc-proc-ev {
    font-size: 0.7rem;
    display: flex;
    justify-content: center;
    text-align: center;
}

.dc-titulo-contactenos {
    justify-content: center !important;
}

.dc-flecha-ev {
    color: #173268;
    display: flex;
    float: right;
    /*  width: 50px;*/
    /* margin: 0px 10px 0px -70px;*/
    justify-content: center;
    align-items: center;
    /*  padding-top: 10px;*/
}

.abre {
    border: none;
    background-color: transparent;
    display: flex;
    cursor: pointer;
    /* margin-left: 10px;*/
}

.cierra {
    border: none;
    background-color: transparent;
    display: none;
    cursor: pointer;
    /*margin-left: 20px;*/
}

.cierraflecha {
    display: none;
}

.dc-contenido_ {
    display: none;
}
.activarDisplayOn{
    padding: 10px;
    border-bottom: 9px solid #173268;
    border-radius: 10px;
    display: block !important;
    height: 232px;
}

.dc-contenido_ ol {
    padding-left: 20px;
}

.tituloAdmisiones {
    font-size: 2.12em;
    font-weight: bold;
    text-align: left;
    color: #ff0000;
    margin-bottom: 0px;
    /* background-color: white; */
    /* border-radius: 8px; */
    /* box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.5); */
}

@media (max-width: 450px) {
    .cont-ddatos-evdhuz_ {
        height: 70px;
    }

    .dc-dia-ev {
        width: auto;
        max-height: 30px;
        font-size: 1.5rem;
        margin-bottom: 10px;
    }

    .dc-tit-ev {
        font-size: 0.8rem;
    }

    .dc-mes-ev {
        width: auto;
        font-size: 1rem;
    }

    .dc-fecha {
        height: 65px;
    }

    .dc-contenido_ {
        padding-bottom: 0px;
    }

    .tituloAdmisiones {
        font-size: 0.8em;
    }

    .contenedor_socialMedia {
        font-size: 0.62em;
    }

    .nav-tabs {
        gap: 5px;
    }

    .txt_busquedaOferta {
        max-width: 200px;
    }
}

@media (max-width: 290px) {
    .tituloAdmisiones {
        font-size: 0.75em;
    }

    .tipo_programa {
        max-width: 200px;
    }
}

/*****************************************************************Fin Calendario CSS*****************************************************************/

@media (max-width: 575px) {
    .bd-callout {
        padding: 0.5rem;
        padding-bottom: 0px;
        margin-bottom: 10px;
    }

    .titulo_facultad {
        max-height: 60px;
        padding: 10px;
    }
}

@media (max-width: 991px) {
    .titulo_facultad {
        height: 60px;
    }
}

/* @media (max-width: 1330px) {
    .busqueda_oferta {
      display: flex;
      flex-wrap: wrap;
    }
  } */

@media (max-width: 1330px) {
    .procesos {
        display: block;
    }

    .nav-tabs {
        width: auto;
    }

    .bd-callout {
        font-size: 0.8em;
    }
}

@media (max-width: 777px) {
    .contenido_tarjetas {
        grid-template-columns: repeat(2, 1fr);
    }

    .titulo_facultad {
        grid-column-end: span 2;
        height: 60px;
        justify-content: center;
    }

    .txt_busquedaOferta {
        width: auto;
    }

    .contenido_pocesos {
        padding: 0px;
    }

    .bd-callout {
        padding: 0.5rem;
        padding-bottom: 0px;
        margin-bottom: 10px;
    }

    .tituloAdmisiones {
        font-size: 0.9em;
    }
}

/*CSS section videos*/
.contenedor-videos__tabla1 {
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    justify-items: center;
    /* width: 50%; */
}

.contenedor_video {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 326px;
    box-shadow: 4px 0px 5px 0px rgba(0, 0, 0, 0.3);
    padding: 5px;
}

.titulo_videos {
    display: flex;
    width: 100%;
    color: red !important;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    align-content: center;
    padding-left: 10px;
    flex-wrap: wrap;
    border-radius: 10px;
    margin-bottom: 10px;
}

.titulo_videos h4 {
    font-size: 0.9em;
    font-weight: bold;
}

.contenido_videos {
    display: grid;
    gap: 1rem;
    align-items: start;
}

.contenedor-videos__tabla2 {
    display: flex;
    flex-wrap: wrap;         /* para que bajen si no caben */
    gap: 16px;               /* separación entre tarjetas */
    align-items: flex-start; /* opcional */
}

.contenedor_video2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 246px;
    /* height: 280px; */
    padding: 5px;
}

.titulo_videos2 {
    /* display: flex; */
    width: 100%;
    height: 70px;
    color: red !important;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    align-content: center;
    padding-left: 10px;
    flex-wrap: wrap;
    border-radius: 10px;
    margin-bottom: 10px;
}

.titulo_videos2 h4 {
    font-size: 0.9em;
    font-weight: bold;
}

@media (max-width: 1200px) {
    .contenido_videos {
        flex-direction: column;
        align-items: center;
        
    }

    .contenedor-videos__tabla2 {
        width: auto;
        box-shadow: none !important;
        align-items: center;
    }
}

.icono_flecha {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f03636;
    transition: transform 0.3s ease;
}

.icono_flecha:hover {
    cursor: pointer;
    opacity: 0.5;
}

@media (max-width: 502px) {
    .icono_flecha {
        margin-top: 50px !important;
    }
}

.rotacionIconos {
    transform: rotate(180deg);
}

.video2 {
    /* border: 1px solid black;
    box-shadow: 0px 10px 10px -6px black;
    border-radius: 10px; */
    /* width: 327px; */
    width: 306px;
    height: auto;
    /* height: 200px; */
    margin-bottom: 10px;
}

.video {
    border: 1px solid black;
    box-shadow: 0px 10px 10px -6px black;
    border-radius: 10px;
    /* width: 327px; */
    width: 246px;
    height: auto;
    /* height: 200px; */
    margin-bottom: 15px;
}

.ContenedorVideosNew {
    display: flex;
    justify-content: center;
}

@media (max-width: 992px) {
    .ContenedorVideosNew {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
}

.texto_video {
    /* border: 1px solid black; */
    font-size: 0.8em;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    padding: 5px;
    border-radius: 10px;
    width: 246px;
    height: auto;
    margin-bottom: 10px;
    display: flex;
    align-content: center;
    justify-content: center;
}

.title {
    color: #25589f;
}

/*CSS de las tarjetas procesos*/
.bordetem {
    display: flex;
    justify-content: space-around;
    gap: 10px;
}

.tarjetas {
    background-color: white;
    border-radius: 30px;
    width: 400px;
    height: 300px;
    padding: 6px;
    font-size: 0.8em;
}

.titulo__tarjetas {
    font-size: 1.6em;
}

.imagenes__admisiones {
    width: 90%;
    border-radius: 10px;
}

.mensaje_error {
    display: flex;
    font-size: 0.8em;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    background-color: white;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 10px 11px 26px -7px rgba(0, 0, 0, 0.85);
    width: 100%;
}

.flecha_cierra_proceso {
    display: flex;
    float: left;
    width: 100%;
    padding: 10px;
}

.flecha_cierra_proceso img:hover {
    cursor: pointer;
}

.flecha_cierra_proceso img {
    height: 25px;
    width: 25px;
}

.cont_videos {
    background-color: #f03636;
    color: white;
}

.sombra {
    box-shadow: 10px 11px 26px -7px rgba(0, 0, 0, 0.85);
}

.link_programa {
    font-size: 1.2em;
    border-radius: 5px;
    font-weight: bold;
}

.link_programa:hover {
    background-color: #c5c6c8;
    color: red;
}

.pasos_manual {
    font-size: 1.6em !important;
}

.info_pasos_manual ul {
    margin-left: 40px;
}

.info_pasos_manual li {
    font-weight: normal;
    font-size: 12px;
}

.info_pasos_manual ol {
    margin-left: 40px;
}

.info_pasos_manual b {
    color: #f22828;
}

@media (max-width: 760px) {
    .pasos_manual {
        font-size: 1.4em !important;
    }
}

@media (max-width: 500px) {
    .pasos_manual {
        font-size: 1.3em !important;
    }

    .info_pasos_manual {
        line-height: 100%;
    }

    .info_pasos_manual ul {
        margin-left: 0 !important;
    }

    .info_pasos_manual ol {
        margin-left: 0 !important;
    }
}

/* inicio CSS Section Oferta */

/* INICIO CSS INFORMACION DEL PROGRAMA*/

.univalle-da {
    font-family: \"Roboto\";
    font-size: 1.5em;
    background-color: #d12e2e;
    color: #ffffff;
}

.contenido_prog {
    background-color: white;
    border-radius: 10px;
    padding: 10px;
    height: auto;
    margin-top: 10px;
    width: 100%;
}

.botones {
    border: 2px solid white;
    border-radius: 0;
    margin-bottom: 10px;
}

.links {
    color: white;
}

.links:hover {
    color: white;
}

.acordeon {
    background-color: #c4c9ce;
    font-size: 1.5em;
    padding: 0.5rem 1.25rem !important;
}

.acordeon_gray {
    background-color: #f8f8f8;
    font-size: 2em;
}

.acordeon_gray p {
    margin-bottom: 0px;
}

.acordeon_gray_white {
    background-color: #eeeeee;
    font-size: 2em;
}

.acordeon_gray:hover {
    background: #f43737;
    color: white;
}

.acordeon_gray_white:hover {
    background: #f43737;
    color: white;
}

.acordeon:hover {
    background: #f43737;
    color: white;
}

.hamburger {
    float: right;
    border-radius: 5px;
}

.hamburger2 {
    float: right;
    border-radius: 5px;
}

.conte_info_adic {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

/* FIN CSS INFORMACION DEL PROGRAMA*/

/*  INICIO CSS MENU IZQUIERDA */

.contenedorTitulo {
    background-color: white;
    border-radius: 10px;
    align-items: center;
    box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1),
        0.3em 0.3em 1em rgba(0, 0, 0, 0.3);

    margin: auto;
    width: 50%;
}

.noMostrar {
    display: none;
}

.mostrar {
    display: inline;
}

.menu-nav-new {
    display: flex;
    gap: 20px;
    margin: auto;
    /* margin-top: 20px; */
    max-width: 1200px;
    padding: 5px;
}

.contenido_menu_izquierda {
    background-color: white;
    /* border: 2px solid #c5c5c5; */
    border-radius: 5px;
    max-height: 250px;
    margin: 1rem;
    align-content: center;
    /* margin-left: 20px; */
    box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1),
      0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    /* min-width: 250px; */
}

.menu-nav-content {
    display: flex;
    flex-direction: row;
    padding: 10px;
    justify-content: space-evenly;
}

/* @media (max-width: 1199px) {
    
    .menu-nav-content {
        padding: 10px;
        justify-content: space-evenly;

    }

    .mapa_univalle{
        max-width: 350px;
        display: block;
    }
} */
    

.titulo_contenido {
    background-color: #f22828;
    color: white !important;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 1.5em;
}

.opciones_menu_izquierda {
    padding: 5px;
    width: 300px;
}

.box {
    display: flex;
    gap: 4px;
    align-items: center;
    margin-bottom: 7px;
    max-height: 50px;
    max-width: 300px;
    font-weight: bold;
}

.seleccionado {
    opacity: 0.8;
    color: #f22828;
    font-size: 1.1rem;
}

.box:hover {
    color: #f22828;
    cursor: pointer;
    font-size: 1.1rem;
    transform: translateY(-10%);
    transition: transform 0.5s, opacity 0.5s;
}

.box img {
    width: 20px;
    height: 20px;
}

.box p {
    margin: 0;
}

.menu-btn {
    display: none;
    flex-direction: column;
    height: 30px;
    width: 80px;
    background: #ee2828;
    border: none;
    cursor: pointer;
    padding: 2px;
    border-radius: 4px;
    color: white;
    font-weight: bold;
    margin-left: 5px;
    align-items: center;
    justify-content: center;
}

.menu-btn:focus {
    outline: none;
}

.menu-btn span {
    display: block;
    width: auto;
    height: 3px;
    background: #fff;
    transition: transform 0.3s ease-in-out;
    margin: auto;
}

.menu-btn.open span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.menu-btn.open span:nth-child(2) {
    transform: translateX(-20px);
    opacity: 0;
}

.menu-btn.open span:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -6px);
}

.rotador h5 {
    font-weight: bold;
    color: white;
    font-size: 2.5em;
}

.rotador p {
    color: white;
    font-size: 1em;
}

.calendario_contactenos {
    display: none;
}

.mapa_univalle {
    max-width: 1000px;
    display: block;
}

.mapa_univalle h3 {
    color: white !important;
    background-color: #f22828;
    border-radius: 10px 10px 0 0;
    text-align: center;
    font-size: 1.5em;
    margin-bottom: 0px;
}

.mapa_univalle iframe {
    border-radius: 0 0 10px 10px;
}

.mapa_univalle2 {
    max-width: 25rem;
    display: none;
}

.mapa_univalle2 h3 {
    color: white !important;
    background-color: #f22828;
    border-radius: 10px 10px 0 0;
    text-align: center;
    font-size: 1.5em;
    margin-bottom: 0px;
}

.mapa_univalle2 iframe {
    border-radius: 0 0 10px 10px;
}

@media (max-width: 1000px) {
    .menu-nav-new {
        display: flex;
        flex-direction: column;
        margin-top: 0;
        gap: 5px;
    }

    .informacion_contacto,
    .tituloInfoContact {
        display: none;
    }

    .menu-btn {
        display: flex;
    }

    .contenido_menu_izquierda {
        /* position: absolute; */
        /* top: 5px;
      left: 0; */
        display: none;
        width: 100%;
        background: #fff;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        /* padding: 10px; */
        /* z-index: 0; */
        margin-top: 0;
    }

    .rotador {
        font-size: 0.8em;
        z-index: 0;
    }

    .rotador h5 {
        font-size: 1.3em;
    }

    .proximasFechas {
        display: none;
    }

    .menu-btn.open~.menu-nav-content .contenido_menu_izquierda {
        display: block;
    }

    .calendario_contactenos {
        display: flex;
        padding-top: 5px;
        flex-wrap: nowrap;
        justify-content: space-evenly;
    }

    .dropdown-content a:hover {
        background-color: rgba(228, 228, 228, 0.6);
        font-weight: bold;
        border-radius: 4px;
    }

    .section.how .carousel-control-prev,
    .section.how .carousel-control-next {
        z-index: 1;
    }

    .contenedor_carrusel_redes {
        max-width: 100% !important;
    }

    .mapa_univalle {
        display: none;
    }

    .mapa_univalle2 {
        display: block;
        /* max-width: 100%;
        max-height: 100%; */
    }

    .mapa_univalle2 iframe{
        max-width: 100%;
        max-height: 100%;
    }
}

/*  FIN CSS MENU IZQUIERDA */

.dropbtn {
    background-color: transparent;
    color: black;
    padding: 0px;
    font-size: 1rem;
    border: none;
    cursor: pointer;
    width: 100%;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    left: 163px;
    top: -30px;
    background-color: rgb(242, 40, 40);
    min-width: 160px;
    z-index: 1;
    border-radius: 6px;
    border-width: 10px;
}

.dropdown-content p {
    color: black;
    padding: 3px;
    text-decoration: none;
    display: block;
    font-size: 0.9rem;
    color: white;
}

.dropdown-content p:hover {
    background-color: rgba(228, 228, 228, 0.6);
    font-weight: bold;
    border-radius: 4px;
    transform: translateY(-10%);
    transition: transform 0.5s, opacity 0.5s;
}

.dropdown:hover .dropdown-content {
    display: inline-block;
}

.dropbtn:focus .dropdown-content {
    display: inline-block;
}

.dropdown:hover .dropbtn {
    font-weight: bold;
    color: #f22828;
}

.contenedor-tablaOferta {
    position: relative;
    max-height: 550px;
    overflow: auto;
    margin-bottom: 5px;
}

.tabla_oferta {
    display: table;
    /* max-height: 600px; */
    font-size: 0.9em;
    border-collapse: collapse;
}

#tfootTablaOferta {
    position: sticky;
    bottom: 20px;
    background-color: transparent;
    z-index: 2;
    cursor: pointer;
    width: 40px;
    margin: auto;
    height: 22px;
}

#tituloConven {
    cursor: pointer;
    display: flex;
}

.tabla_oferta thead {
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 2;
}

.tabla_oferta tfoot {
    position: sticky;
    bottom: 0;
    background-color: white;
    z-index: 2;
}

@media (max-width: 560px) {
    .tabla_oferta td {
        padding: 0.05rem !important;
    }
}

.requisitos {
    margin-top: 10px;
    font-family: sans-serif;
    color: black !important;
    max-width: 95%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    margin-left: 16px;
    margin-right: 16px;
    padding: 5px;
    border-radius: 7px;
    text-align: start;
    margin-bottom: 22px;
}

.requisitos li {
    color: black;
}

.requisitos ul {
    margin-bottom: 0px;
}

.requisitos p {
    font-size: 1.6em;
    color: red;
    font-weight: 600;
    margin-bottom: 5px;
}

@media (max-width: 502px) {
    .requisitos {
        margin-top: 50px;
    }
}

@media (max-width: 1195px) {
    .tituloAdmisiones {
        display: none;
    }
}

.contenidoProceso {
    margin-top: 20px;
}

@media (max-width: 770px) {
    .contenidoProceso {
        margin-top: 50px;
    }
}

.cards-list {
    z-index: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.cardInteres {
    margin: 30px auto;
    width: 150px;
    height: 150;
    border-radius: 40px;
    box-shadow: 5px 5px 30px 7px rgba(0, 0, 0, 0.25),
        -5px -5px 30px 7px rgba(0, 0, 0, 0.22);
    cursor: pointer;
    transition: 0.4s;
}

select {
    overflow: hidden;
}

.img-relleno {
    max-width: 390px;
    height: 200px;
    border-radius: 5px;
    border: 1px solid;
    box-shadow: 0px 10px 10px -6px black;
}

@media (max-width: 1200px) {
    .img-relleno {
        max-width: 260px;
    }
}

@media (max-width: 1000px) {
    .img-relleno {
        max-width: 350px;
    }
}

@media (max-width: 770px) {
    .img-relleno {
        display: none;
    }
}

/* Base: móvil (1 columna) */
.videos_inscripcion{
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  align-items: start;
  justify-items: center;
}
.videos_inscripcion .video{
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  display: block;
  border-radius: 12px;
}

/* Tablet: 2 + 2 + 1 (último centrado si es impar) */
@media (min-width: 768px) and (max-width: 991.98px){
  .videos_inscripcion{
    /* 4 columnas "virtuales"; cada tarjeta ocupa 2 => 2 por fila */
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .videos_inscripcion > .contenedor_video2{
    grid-column: span 2;
  }
  /* Si el total es impar, centra el último en las columnas 2–3 */
  .videos_inscripcion > .contenedor_video2:last-child:nth-child(odd){
    grid-column: 2 / span 2;
  }
}

/* Desktop: 3 por fila; última fila con 2 centrados (o 1 centrado) */
@media (min-width: 992px){
  .videos_inscripcion{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .videos_inscripcion > .contenedor_video2{
    grid-column: span 2; /* 3 por fila */
  }
  /* Si sobran 2: colócalos centrados (2–3 y 4–5) */
  .videos_inscripcion > .contenedor_video2:nth-last-child(2):nth-child(3n+1){
    grid-column: 2 / span 2;
  }
  .videos_inscripcion > .contenedor_video2:last-child:nth-child(3n+2){
    grid-column: 4 / span 2;
  }
  /* Si sobrara 1: céntralo (3–4) */
  .videos_inscripcion > .contenedor_video2:last-child:nth-child(3n+1){
    grid-column: 3 / span 2;
  }
}


/* CSS tarjetas Estadisticas */
.tarjetasEstadisticas {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    flex-wrap: wrap;
    gap: 10px;
}

.tarjeta_estadisticas {
    /* max-width: 500px; */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.tarjeta_estadisticas .card-header {
    padding: 5px;
}

.tarjeta_estadisticas .card-header b {
    font-size: 0.8em;
}

.botonesPeriodos {
    margin: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 10px;
}

.modalPdfs-body {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    padding-top: 50px;
}

/* FIN CSS tarjetas Estadisticas */

.titulo-modal {
    color: red;
    font-weight: bold;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.modal-preguntas-body {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.pregunta-titulo {
    background-color: red;
    color: white !important;
    padding: 5px;
    padding-left: 10px;
}

.pregunta-titulo p {
    margin-bottom: 0px;
}

.pregunta-respuesta {
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding: 10px;
}

.pregunta-respuesta ol {
    padding-left: 50px;
}

.pregunta-respuesta ul {
    padding-left: 40px;
}

.cuerpoQuienes img {
    color: red;
}

.modalContainerQS {
    background-color: rgb(228, 228, 228);
    border-radius: 12px;
}

.modalBorder {
    border-radius: 0px 12px 12px 12px;
    position: relative;
}

/* Oferta General */

.contenidoOfertaGeneral {
    /* border: 1px solid; */
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 5px;
    /* box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px; */
    padding: 10px;
}

.filtroSelect {
    border-radius: 6px;
    padding: 2px;
    font-size: 0.92em;
}

.contenedorofertaGeneral {
    /* border: 1px solid; */
    margin-top: 10px;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.tituloOfertaGen {
    background-color: #fc4545;
    color: white;
}

.convenciones {
    border-radius: 10px;
    font-size: 0.8em;
    padding: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    margin-bottom: 10px;
    color: red;
}

.convFac {
    margin-left: 5px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
    color: black;
    list-style: none;
}

.abvConv {
    display: inline-flex;
    border-radius: 10px;
    background-color: #f5e7e4;
    width: 25px;
    height: 20px;
    justify-content: center;
    align-items: center;
}

.boxFiltros {
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 10px;
}

.tablaOfertaGeneral {
    max-height: 600px;
    max-width: 700px;
    font-size: 0.7em;
    border-collapse: collapse;
}

.tablaOfertaGeneral>thead {
    background-color: white;
    z-index: 2;
}

.loading-section {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.loading-spinner {
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.estadoOferta {
    white-space: nowrap;
    font-size: 0.85em;
}

.sedesBox {
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    padding: 5px;
    text-align: center;
    margin-bottom: 10px;
    display: flex !important;
    gap: 13px;
    flex-wrap: wrap;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    justify-content: center;
}

.sedesAct {
    color: black;
    font-weight: 600;
    margin: 1px 1px;
    /* text-transform: uppercase; */
    background-color: #d8d8d8c0;
    /* padding: 0.75rem 1rem; */
    border: solid 0.125rem #dfd5d5;
    /* box-shadow: 0.25rem 0.25rem 5px 0px #a7a3a3; */
    border-radius: 0.5rem;
    display: inline-block;
    position: relative;
    overflow: hidden;
    transition: color 0.3s, border-color 0.3s, transform 0.3s;
}

.sedesAct::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    /* width: 300%;
    height: 300%; */
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    transition: width 0.3s, height 0.3s, opacity 0.3s;
    transform: translate(-50%, -50%);
    z-index: 0;
}

.sedesAct:hover::before {
    width: 0;
    height: 0;
    opacity: 0;
}

.sedesAct:hover {
    color: black;
    font-weight: bold;
    border-color: #d4d4d4c0;
    transform: scale(1.05);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    cursor: pointer;
}

.botonOferGen {
    color: black;
    font-weight: 700;
    margin-right: 3px;
    /* text-transform: uppercase; */
    background-color: white;
    /* padding: 0.75rem 1rem; */
    border: solid 0.125rem #c4c0c0;
    box-shadow: 0.25rem 0.25rem 5px 0px #a7a3a3;
    transition: transform 50ms, box-shadow 50ms;
    border-radius: 0.25rem;
}

.botonOferGen:hover {
    background-color: #a3a1a1;
    color: white;
    border-color: #a3a1a1;
}

/* .botonOferGen:focus {
    outline: none;
    box-shadow: 0.25rem 0.25rem 5px 0px #c4c0c0;
    background-color: #a3a1a1;
    color: white;
    border-color: #a3a1a1;
    transition: transform 50ms, box-shadow 50ms;
  } */

.botonOferGen:active {
    transform: translate(0.125rem, 0.125rem);
    box-shadow: 0.25rem 0.25rem 5px 0px #c4c0c0;
}

.buscaTuPrograma {
    border: none;
    border-bottom: 2px solid gray;
    margin-left: auto;
    font-size: 0.9em;
    height: 25px;
    width: 270px;
}

.tituloFacSed {
    background-color: #eb3333;
    color: white;
    font-weight: 700;
}

.modal-iframe {
    width: 100%;
    height: 500px;
    border: none;
}

/* Fin Oferta General */

/*animacion de boton de teclado mecanico*/

/* ESTILOS BOTON por defecto */
.keyboard-button {
    display: inline-block;
    /* margin: 12px 0px 12px 7px; */
    padding: 6px 6px;
    font-size: 0.7rem;
    font-weight: 650;
    background-color: #ffffff;
    color: rgb(0, 0, 0);
    border: solid 0.125rem #c4c0c0;
    border-radius: 5px;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
    box-shadow: 0.25rem 0.25rem 5px 0px #6b6969;
}

/* Efecto al presionar */
.keyboard-button:active {
    transform: translateY(4px);
    box-shadow: 0.25rem 0.25rem 5px 0px #b92828;
    background-color: #ebebeb;
}

/*/////////////////////////////////////////////////////////////////////////////*/

/*animacion para boton importante con pulso*/
.animated-button {
    border: 2px solid transparent;
    /* Define un borde transparente */
    /* padding: 10px 20px; */
    background-color: white;
    /* Fondo transparente */
    font-size: 15px;
    cursor: pointer;
    transition: border-color 0.3s ease-in-out;
    /* Transición para el color del borde */
    position: relative;
    /* Agrega posición relativa al elemento */
}

.animated-button:before {
    content: "";
    /* Agrega un pseudo-elemento antes del texto */
    position: absolute;
    /* Posición absoluta para el pseudo-elemento */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: inherit;
    /* Copia el borde del elemento principal */
    animation: pulse 2s infinite;
    /* Aplica la animación de pulso al pseudo-elemento */
}

@keyframes pulse {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1);
        border-color: #f22828;
    }

    100% {
        transform: scale(1);
        border-color: transparent;
    }
}

.img-link {
    display: flex;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin: auto;
}

.img-link:hover {
    opacity: 0.5;
}

.modal-pruebas-body {
    padding: 40px;
}

.listaPruebasEspecificas {
    list-style: none;
}

.listaPruebasEspecificas>li {
    color: #007bff;
    font-weight: 600;
}

.listaPruebasEspecificas>li:hover {
    cursor: pointer;
    color: black;
}

.textoTituloMes {
    font-size: 1.2em;
}

.listadoResultados {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}

.colorListado a {
    color: black;
}

.colorListado h4 {
    color: #f22828;
}

.styleButtonCalendar {
    margin-bottom: 12px !important;
    padding: 5px !important;
    font-weight: 500;
    color: white;
    background-color: #dc3545;
    border: 0px;
    font-size: 0.9rem;
    /* line-height: 1.5; */
    border-radius: 0.25rem;
    /* box-shadow: 0.25rem 0.25rem 5px 0px #a7a3a3;
    transition: transform 50ms, box-shadow 50ms; */
}

/* .styleButtonCalendar:hover { */
/* color: white; */
/* background-color: #2d2d2d; */
/* font-weight: bold; */
/* border-color: #d4d4d4c0; */
/* transform: scale(1.05); */
/* box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); */
/* cursor: pointer; */
/* } */

.linkSedesAct {
    background-color: transparent;
    color: black;
    justify-content: center;
    margin-bottom: 0rem !important;
    font-weight: 600;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    padding: 3px;
    border-radius: 5px;
}

.linkSedesAct:hover {
    color: black;
    font-weight: bold;
    border-left: 1px solid #b92828;
    border-bottom: 1px solid #b92828;
    transform: scale(1.05);
    /* box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); */
    cursor: pointer;
}

.linkFacultadAct {
    background-color: transparent;
    color: black;
    justify-content: center;
    margin-bottom: 0rem !important;
    font-weight: 600;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    padding: 3px;
    border-radius: 5px;
}

.linkFacultadAct:hover {
    color: black;
    font-weight: bold;
    border-left: 1px solid #b92828;
    border-bottom: 1px solid #b92828;
    transform: scale(1.05);
    /* box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); */
    cursor: pointer;
}

.TituloponderacionesTrans {
    font-size: 0.85em !important;
    text-align: center;
}

/* .encabezado-tarjetas {
    
} */


.mensajeErrorSinPago{
  display: flex;
  margin-top: 20px;
  align-content: center;
  text-align-last: center;
  background-color: rgb(254 242 242);
  padding: 10px;
  border-radius: 5px;
  color: #991B1B;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: bold;
}

.form-text {
  margin-top: .25rem;
  font-size: .875em;
  color: #6c757d;
}

.form-check {
  display: flex;
  border: 1px solid #dcd7d7;
    padding: 15px;
    padding-left: 20px;
    border-radius: 10px;
    font-size: 14px;
}

.checkbox-grande {
    transform: scale(1.5);
    transform-origin: bottom;
    cursor: pointer;
    margin-right: 16px;
  }

/* From Uiverse.io by satyamchaudharydev */ 
.loaderForm {
 --clr: #3498db;
 /* color of spining  */
 width: 30px;
 height: 30px;
 position: relative;

}

.loaderForm:before, .loaderForm:after {
 content: "";
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 border-radius: 100%;
 border: 5px solid transparent;
 border-top-color: var(--clr);
}

.loaderForm:before {
 z-index: 100;
 animation: spin 1s infinite;
}

.loaderForm:after {
 border: 5px solid #ccc;
}

@keyframes spin {
 0% {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
 }

 100% {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
 }
}