*{
    font-size: 10px;
}
/*@charset "UTF-8"; */


/* Móviles pequeños (hasta 480px) */
@media only screen and (max-width: 480px) {
    /* Estilos para móviles pequeños */
    .dialogoLogin{width: 80% !important;margin-left: 10%;}
    .Container100{ width:100%; float:left; }
    .Container96{ width:96%; float:left; padding:5px; }
    .Container90{ width:90%; float:left; padding:5px; }
    .Container85{ width:85%; float:left; padding:5px; }
    .Container80{ width:80%; float:left; padding:5px; }
    .Container75{ width:75%; float:left; padding:5px; }
    .Container70{ width:70%; float:left; padding:5px; }
    .Container60{ width:60%; float:left; padding:5px; }
    .Container50{ width:50%; float:left; padding:5px; }
    .Container40{ width:40%; float:left; padding:5px; }
    .Container33{ width:33.3%; float:left; padding:5px; }
    .Container30{ width:30%; float:left; padding:5px; }
    .Container25{ width:25%; float:left; padding:5px; }
    .Container20{ width:20%; float:left; padding:5px; }
    .Container10{ width:10%; float:left; padding:5px; }
    .Container5{ width:5%; float:left; padding:5px; }
    .NoIndent{display:block; margin:0px auto; padding:0px;}
    .Responsive{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsivee{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive50{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive100{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .WidAutoOnMobile{width:auto !important;}
    .HeiAutoOnMobile{height:auto !important;}
    .IconoImagenScroll{width: 12rem; height: 12rem;}
    .contenidoAgenda{flex-direction: column;}
    .cajaHorariosAgenda{width: 100% !important;}
    .content_titulo{margin-left: 0 !important; width: 100% !important;}
    .content_ponente{width: 100% !important;}
    .contenido_tres_columnas{grid-template-columns: repeat(1, 1fr) !important;}
    .contenido_cuatro_columnas_start{grid-template-columns: repeat(1, 1fr) !important;}
    .contenido_dos_columnas_center{grid-template-columns:repeat(1, 1fr) !important; }
    .espacio14{width: 28%;}
    #layout-portlets-cover {padding: 0rem 0rem 2rem 0rem;}
    .ui-button-text{width: 120px !important;}
    .contenidoRow{gap: 1rem !important}
    .opcionesRow_tabla{flex-direction: row !important;}
    .card_etapas{width: 78%;}
    .contenedorTituloCard{width: 100% !important;}
    .contenidoCard{min-width: 54%; margin-left: 6px; max-width: 50%;}
    .imagenCard_circularEvento{width: 60px !important;}
    .tituloCard{max-width: 210px !important;}
    .iformacionCard_direccion{max-width: 192px;}
    .tarjetaInteractuable_desktop{display: none !important;}
    .imagenCard_circular{width: 100px !important; border-radius: 50% !important;}
    .etiqueta_oculta{display: none !important;}
    .etiqueta_ocultaMovil{display: flex; align-items: center; gap: 6px;}
    .contenedor_eventos{flex-direction: column !important;}
    .contenidoInformacionEvento{flex-direction: row-reverse !important; width: 100% !important;}
    .informacionEvento{ width: 90% !important;}
    .card_asistentesEventos{width: 100% !important; box-shadow: none;}
    .fondo_imagen{display: none !important;}
    .fondo_imagenMovil{display: block !important;}
    .tabButtonOn_icon{max-width: 100px !important; white-space: normal !important;}
    .encabezado_tarjeta_derecha{justify-content: center}
    .contenidoRow_eventos{width: 75% !important;}
    .optTablasBg_eventos{justify-content: center; width: 100% !important;}
    .contenidoFechas {flex-direction: column !important; gap: 6px;}
    .boton-dia {margin-top: 5px; margin-bottom: 5px;}
    .contenidoRow_dinamico{position: relative !important; left: 0 !important; flex-direction: row !important;}
    .contenedorTarjetasRelativas{flex-direction: column !important;}
    .contenidoTarjetasRelativas{max-height: 42vh !important;}
    .tarjeta_dinamica50{width: 100% !important;}
    .carrito-etapas-container{top:6% !important;}
    .scrollTarjetas_carrito{ max-height: 46vh;}
    .scrollTarjetas_vacates{ max-height: 46vh;}
    .contendorOpcionesTablas_movil{display: flex !important;}    
    .contendorOpcionesTablas_bigScreen{display: none !important;}
    .texto_dinamico{display: none;}
    .carruselContainer{width: 60% !important;}  
    .carruselContainer{display: none !important;}
    .buscadorSection{height: 8.8rem;}
    .titulo_responsivo{font-size: 1.4rem; text-overflow: ellipsis; max-width: 16rem; white-space: nowrap; overflow: hidden;}
    .fotos-orgEncabezados{width: 5.8rem;}
    .panelInfoContenido, .panelCards{width: 100%; padding: 2% 4%;}
    .panelInfoContenido{padding-bottom: 14%;}
    .info_text, .info_text12{max-width: 200px; white-space: pre-wrap;}
    .btn-wrap {position: relative;display: inline-block;}
    .notif-menus { position: absolute; top: 0px; right: 0px; transform: translateY(-50%); color: #fff; border-radius: 50%; padding: 3px 7px; font-size: 14px; font-weight: 700; min-width: 18px; text-align: center; box-sizing: border-box; line-height: 1;}
    .organizacionImagenPostulaciones{border: solid 1px #000; position: relative; top: 30px !important; max-width: 20vw ; border-radius: 30%; object-fit: contain;}
    .CorreoCampusContenedor{width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; align-items: start;}
    .tablaHorarios{width: 80vw;}
    .tamanoCorreo{width:80%; float:left; padding:5px;}
    .tamanoBotonCorreo{width:20%; float:left; padding:5px;}
    .buscarCluster{display: none !important}
    .configuracionMovil{display: flex !important;}
    .configuracionComputadora{display: none !important;}
    .tarjeta-eventos-info-Responsive { height: 130px; border: solid 1px #dddddd; background-color: #ffffff; margin: 10px; border-radius: 10px; position: relative; overflow: hidden; transition: transform 0.3s ease-in-out; }
    .tarjeta-eventos-info-Responsive::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; background-color: transparent; transition: background-color 0.3s ease-in-out;}
    .tarjeta-eventos-info-Responsive::after {background-color: #e2002b;}
    .tarjeta-eventos-info-Responsive::after {background-color: #009688;}
    .tarjeta-eventos-info-Responsive:hover::after {background-color: #009688 !important;}
    .tamanioMapaEventos{width: 80% !important; height: 300px !important ; border: 2px solid rgb(216, 224, 231); border-radius: 10px;}
    .event-row { display: flex !important; flex-direction: column !important; gap: 8px;}
    .botonResponsivoEventos{padding-left: 29vw;}
    .botonCurriculumVitae{
        .ui-button{background: transparent;}
        .ui-fileupload-buttonbar{padding: 0rem !important;}
        .ui-button.ui-button-text-icon-left .ui-icon{padding-left: 40px;}
        .ui-button.ui-state-hover{background: transparent;}
    }
    .optTablasBgMovil{display: flex !important;}
    .optTablasBgComputadora{display: none !important;}
    body .ui-growl {top: 10%; left: 60%;}
    body .ui-datatable-reflow .ui-reflow-dropdown{ background-color: #34a196; color: white; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-color: transparent;}
    .imagenUsuarioPase{max-width: 15vw ; border-radius: 30%; object-fit: contain;}
    .buscadorMovil{margin-top: 20%;}
    .tarjeta-responsiva{width:60%; float:left;}
    .contenedorImagenVacantesOrganizacion{width:50px; height:100px; border-radius: 50%; object-fit: cover;}
    .tituloVacantesVistaPerfil{color: black; overflow: hidden; text-overflow: ellipsis;}
    .espacioCuponRegalo{margin-left: 100px; margin-right: 0px}
    .etapa-nombre {font-size: 10px;}
    .estilosUniversal{display: block !important;}
    .estilosIOS{display: none;}
    @supports (-webkit-touch-callout: none) {

        .estilosUniversal{display: none !important}
        .estilosIOS{display: block !important}
    }
}

/* Móviles medianos/grandes (481px - 767px) */
@media only screen and (min-width: 481px) and (max-width: 767px) {
    /* Estilos para móviles más anchos */
    .dialogoLogin{width: 60% !important;margin-left: 20%;}
    .Container100{ width:100%; float:left; }
    .Container96{ width:96%; float:left; padding:5px; }
    .Container90{ width:90%; float:left; padding:5px; }
    .Container85{ width:85%; float:left; padding:5px; }
    .Container80{ width:80%; float:left; padding:5px; }
    .Container75{ width:75%; float:left; padding:5px; }
    .Container70{ width:70%; float:left; padding:5px; }
    .Container60{ width:60%; float:left; padding:5px; }
    .Container50{ width:50%; float:left; padding:5px; }
    .Container40{ width:40%; float:left; padding:5px; }
    .Container33{ width:33.3%; float:left; padding:5px; }
    .Container30{ width:30%; float:left; padding:5px; }
    .Container25{ width:25%; float:left; padding:5px; }
    .Container20{ width:20%; float:left; padding:5px; }
    .Container10{ width:10%; float:left; padding:5px; }
    .Container5{ width:5%; float:left; padding:5px; }
    .NoIndent{display:block; margin:0px auto; padding:0px;}
    .Responsive{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsivee{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive50{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive100{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .WidAutoOnMobile{width:auto !important;}
    .HeiAutoOnMobile{height:auto !important; min-height:50px !important;}    
    .ui-button-text{width: 120px !important;}
    .contenido_tres_columnas{grid-template-columns: repeat(2, 1fr) !important;}
    .espacio14{width: 24%;}
    /*.opcionesRow_tabla{flex-direction: row !important;}*/
    .contenidoAgenda{flex-direction: column;}
    .content_titulo{width: 100% !important;}
    .content_ponente{width: 100% !important;}
    .cajaHorariosAgenda{width: 100% !important;}
    .ContainerTiempo{width: 33% !important;}
    .tarjetaInteractuable_desktop{display: none !important;}
    .imagenCard_circularEvento{width: 92px !important;}
    .imagenCard_circular{width: 100px !important; border-radius: 50% !important;}
    .iformacionCard_direccion{max-width: 270px;}
    .tituloCard{max-width: 300px !important;}
    .etiqueta_oculta{display: none !important;}
    .etiqueta_ocultaMovil{display: flex; align-items: center; gap: 6px;}
    .contenedor_eventos{flex-direction: column !important;}
    .contenidoInformacionEvento{flex-direction: row-reverse !important; width: 100% !important;}
    .informacionEvento{ width: 90% !important;}
    .card_asistentesEventos{width: 100% !important; box-shadow: none;}
    .fondo_imagen{display: block !important; height: 50vh;}
    .fondo_imagenMovil{display: none !important;}
    .tabButtonOn_icon{max-width: 100px !important; white-space: normal !important;}
    .encabezado_tarjeta_derecha{justify-content: end}
    .contenidoRow_eventos{width: 75% !important;}
    .optTablasBg_eventos{justify-content: end; width: 100% !important;}
    .contenidoFechas {flex-direction: column !important; gap: 6px;}
    .boton-dia {margin-top: 10px; margin-bottom: 10px;}
    .contenidoTarjetasRelativas{max-height: 42vh !important;}
    .contenidoRow_dinamico{position: relative !important; left: 0 !important; flex-direction: row !important;}
    .contenedorTarjetasRelativas{flex-direction: column !important;}
    .contenidoTarjetasRelativas{max-height: 42vh !important;}
    .tarjeta_dinamica50{width: 100% !important;}
    .carrito-etapas-container{top:6% !important;}
    .scrollTarjetas_carrito{ max-height: 52vh;}
    .scrollTarjetas_vacates{ max-height: 52vh;}
    .contendorOpcionesTablas_movil{display: flex !important;}
    .contendorOpcionesTablas_bigScreen{display: none !important;}
    .texto_dinamico{display: none;}   
    .texto_reponsivoCards{white-space: normal; max-width: 60% !important;}
    .carruselContainer{display: none !important;}
    .buscadorSection{height: 8.8rem;}
    .titulo_responsivo{font-size: 1.4rem; text-overflow: ellipsis; max-width: 16rem; white-space: nowrap; overflow: hidden;}
    .fotos-orgEncabezados{width: 5.8rem;}
    .panelInfoContenido, .panelCards{width: 100%;}
    .panelInfoContenido{padding-bottom: 8%;}    
    .info_text, .info_text12{max-width: 200px; white-space: pre-wrap;}
    .btn-wrap {position: relative;display: inline-block;}
    .notif-menus { position: absolute; top: 0px; right: 0px; transform: translateY(-50%); color: #fff; border-radius: 50%; padding: 3px 7px; font-size: 14px; font-weight: 700; min-width: 18px; text-align: center; box-sizing: border-box; line-height: 1;}
    .organizacionImagenPostulaciones{border: solid 1px #000; position: relative; top: 15px !important; max-width: 15vw ; border-radius: 30%; object-fit: contain;}
    .tablaHorarios{width: 80vw;}
    .tamanoCorreo{width:80%; float:left; padding:5px;}
    .tamanoBotonCorreo{width:20%; float:left; padding:5px;}
    .configuracionMovil{display: flex !important;}
    .configuracionComputadora{display: none !important;}
    .tamanioMapaEventos{width: 100% !important; height: 300px !important ; border: 2px solid rgb(216, 224, 231); border-radius: 10px;}
    .tarjeta-eventos-info-Responsive {height: 130px; border: solid 1px #dddddd; background-color: #ffffff; margin: 10px; border-radius: 10px; position: relative; overflow: hidden; transition: transform 0.3s ease-in-out; }
    .tarjeta-eventos-info-Responsive::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; background-color: transparent; transition: background-color 0.3s ease-in-out;}
    .tarjeta-eventos-info-Responsive::after {background-color: #e2002b;}
    .tarjeta-eventos-info-Responsive::after {background-color: #009688;}
    .tarjeta-eventos-info-Responsive:hover::after {background-color: #009688 !important;}
    .botonCurriculumVitae{
        .ui-button{background: transparent;}
        .ui-fileupload-buttonbar{padding: 0rem !important;}
        .ui-button.ui-button-text-icon-left .ui-icon{padding-left: 40px;}
        .ui-button.ui-state-hover{background: transparent;}
    }
    .optTablasBgMovil{display: flex !important;}
    .optTablasBgComputadora{display: none !important;}
    body .ui-growl {top: 10%; left: 55%;}
    body .ui-datatable-reflow .ui-reflow-dropdown{ background-color: #34a196; color: white; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-color: transparent;}
    .imagenUsuarioPase{max-width: 10vw ; border-radius: 30%; object-fit: contain;}
    .buscadorMovil{margin-top: 20%;}
    .tituloVacantesVistaPerfil{color: black; overflow: hidden; text-overflow: ellipsis;}
    .contenedorImagenVacantesOrganizacion{width:100px; height:100px; border-radius: 50%; object-fit: cover;}
    .espacioCuponRegalo{margin-left: 100px; margin-right: 0px}
    .etapa-nombre {font-size: 10px;}
}

/* Tablets (768px - 1023px) */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    /* Estilos para tablets en vertical/horizontal */
    .container, .container-fluid {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .dialogoLogin{width: 50% !important;margin-left: 25%;}
    .Container110{ width:110%; float:left; padding:5px;}
    .Container105{ width:105%; float:left; padding:5px;}
    .Container100{ width:100%; float:left;}
    .Container96{ width:96%; float:left; padding:5px;}
    .Container90{ width:90%; float:left; padding:5px;}
    .Container85{ width:85%; float:left; padding:5px;}
    .Container80{ width:80%; float:left; padding:5px;}
    .Container75{ width:75%; float:left; padding:5px;}
    .Container70{ width:70%; float:left; padding:5px;}
    .Container60{ width:60%; float:left; padding:5px;}
    .Container50{ width:50%; float:left; padding:5px;}
    .Container45{ width:45%; float:left; padding:5px;}
    .Container40{ width:40%; float:left; padding:5px;}
    .Container33{ width:33.3%; float:left; padding:5px;}
    .Container30{ width:30%; float:left; padding:5px;}
    .Container25{ width:25%; float:left; padding:5px;}
    .Container20{ width:20%; float:left; padding:5px;}
    .Container10{ width:10%; float:left; padding:5px;}
    .Container5{ width:5%; float:left; padding:5px;}
    .NoIndent{display:block; margin:0px auto; padding:0px;}
    .Responsive{width:50%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsivee{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive50{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive100{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .WidAutoOnMobile{width:auto !important;}
    .HeiAutoOnMobile{height:auto !important; min-height:50px !important;}    
    .ui-button-text{width: 120px !important;}
    .espacio14{width: 18%;}
    .opcionesRow_tabla{flex-direction: column !important;}
    .contenedorTituloCard{width: 80% !important;}
    .contenidoAgenda{flex-direction: column;}
    .content_titulo{width: 100% !important;}
    .content_ponente{width: 100% !important;}
    .cajaHorariosAgenda{width: 100% !important;}
    .ContainerTiempo{width: 33% !important;}
    .tarjetaInteractuable_desktop{display: flex !important; gap: 18px;}
    .tarjetaInteractuable_movil{display: none !important;}
    .imagenCard_circularEvento{width: 100px !important;}
    .imagenCard_circular{width: 100px !important; border-radius: 50% !important;}
    .iformacionCard_direccion{max-width: 480px;}
    .fondo_imagen{display: block !important;}
    .fondo_imagenMovil{display: none !important;}
    .boton-dia {margin-top: 10px; margin-bottom: 10px;}    
    .contenidoRow_dinamico{left: 88% !important;}
    .carrito-etapas-container{ top: 8%  !important;}
    .scrollTarjetas_carrito{max-height: 52vh;}
    .scrollTarjetas_vacates{max-height: 52vh;}
    .contendorOpcionesTablas_movil{display: none !important;}
    .texto_reponsivoCards{white-space: normal; max-width: 80% !important;}
    .fotos-orgEncabezados{width: 5.8rem;}
    .info_text, .info_text12{max-width: 200px; white-space: pre-wrap;}
    .btn-wrap {position: relative;display: inline-block;}
    .notif-menus { position: absolute; top: 0px; right: 0px; transform: translateY(-50%); color: #fff; border-radius: 50%; padding: 3px 7px; font-size: 14px; font-weight: 700; min-width: 18px; text-align: center; box-sizing: border-box; line-height: 1;}
    .organizacionImagenPostulaciones{border: solid 1px #000; position: relative; top: 15px !important; max-width: 10vw ; border-radius: 30%; object-fit: contain;}
    .organizacionRegistro{ width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; align-items: start;}
    .campusContenedor{ width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; align-items: start;}
    .contenedorHorarioMapa{width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; align-items: start;}
    .tamanoCorreo{width:80%; float:left; padding:5px;}
    .tamanoBotonCorreo{width:20%; float:left; padding:5px;}
    .configuracionMovil{display: none !important;}
    .configuracionComputadora{display: flex !important;}
    .tamanioMapaEventos{width: 100% !important; height: 300px !important ; border: 2px solid rgb(216, 224, 231); border-radius: 10px;}
    .tarjeta-eventos-info-Responsive { height: 130px; border: solid 1px #dddddd; background-color: #ffffff; margin: 10px; border-radius: 10px; position: relative; overflow: hidden; transition: transform 0.3s ease-in-out; }
    .tarjeta-eventos-info-Responsive::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; background-color: transparent; transition: background-color 0.3s ease-in-out;}
    .tarjeta-eventos-info-Responsive::after {background-color: #e2002b;}
    .tarjeta-eventos-info-Responsive::after {background-color: #009688;}
    .tarjeta-eventos-info-Responsive:hover::after {background-color: #009688 !important;}
    .optTablasBgMovil{display: none !important;}
    .optTablasBgComputadora{display: flex !important;}
    .imagenUsuarioPase{max-width: 10vw ; border-radius: 30%; object-fit: contain;}
    .tarjeta-responsiva{width: 100%}
    .tituloVacantesVistaPerfil{color: black; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
    .contenedorImagenVacantesOrganizacion{width:100px; height:100px; border-radius: 50%; object-fit: cover;}
    .espacioCuponRegalo{margin-left: 500px; margin-right: 0px}
    .etapa-nombre {font-size: 16px;}
}

/* Escritorios pequeños/pantallas grandes (1024px - 1279px) */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    /* Estilos para laptops o monitores pequeños */
    .dialogoLogin{width: 30%;margin-left: 35%;}
    .Responsive{width:33.3%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsivee{float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive50{width:50%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive100{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .WidAutoOnMobile{width:auto !important;}
    .HeiAutoOnMobile{height:auto !important; min-height:50px !important;}    
    .opcionesRow_tabla{flex-direction: column !important;}
    .contenedorTituloCard{width: 90% !important;}
    .contenidoAgenda{flex-direction: row;}
    .tarjetaInteractuable_desktop{display: flex !important; gap: 32px;}
    .tarjetaInteractuable_movil{display: none !important;}
    .imagenCard_circularEvento{width: 100px !important;}
    .imagenCard_circular{width: 100px !important; border-radius: 50% !important;}
    .fondo_imagen{display: block !important;}
    .fondo_imagenMovil{display: none !important;}
    .boton-dia {margin-top: 10px; margin-bottom: 10px;}
    /*.contenidoTarjetasRelativas{outline: solid red;}*/
    .scrollTarjetas_carrito{ max-height: 50vh;}
    .scrollTarjetas_vacates{ max-height: 50vh;}
    .contendorOpcionesTablas_movil{display: none !important;}
    .texto_reponsivoCards{white-space: normal; max-width: 80% !important;}
    .fotos-orgEncabezados{width: 5.8rem;}
    .btn-wrap {position: relative;display: inline-block;}
    .notif-menus { position: absolute; top: 0px; right: 0px; transform: translateY(-50%); color: #fff; border-radius: 50%; padding: 3px 7px; font-size: 14px; font-weight: 700; min-width: 18px; text-align: center; box-sizing: border-box; line-height: 1;}
    .organizacionImagenPostulaciones{border: solid 1px #000; position: relative; top: 15px !important; max-width: 10vw ; border-radius: 30%; object-fit: contain;}
    .organizacionRegistro{ width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; align-items: start;}
    .campusContenedor{ width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; align-items: start;}
    .contenedorHorarioMapa{width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; align-items: start;}
    .tamanoCorreo{width:80%; float:left; padding:5px;}
    .tamanoBotonCorreo{width:20%; float:left; padding:5px;}
    .espacioImagenVacante{padding-left: 30rem;}
    .configuracionMovil{display: none !important;}
    .configuracionComputadora{display: flex !important;}
    .tamanioMapaEventos{width: 100% !important; height: 300px !important ; border: 2px solid rgb(216, 224, 231); border-radius: 10px;}
    .tarjeta-eventos-info-Responsive { width: 420px; height: 130px; border: solid 1px #dddddd; background-color: #ffffff; margin: 10px; border-radius: 10px; position: relative; overflow: hidden; transition: transform 0.3s ease-in-out; }
    .tarjeta-eventos-info-Responsive::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; background-color: transparent; transition: background-color 0.3s ease-in-out;}
    .tarjeta-eventos-info-Responsive::after {background-color: #e2002b;}
    .tarjeta-eventos-info-Responsive::after {background-color: #009688;}
    .tarjeta-eventos-info-Responsive:hover::after {background-color: #009688 !important;}
    .optTablasBgMovil{display: none !important;}
    .optTablasBgComputadora{display: flex !important;}
    .imagenUsuarioPase{max-width: 10vw ; border-radius: 30%; object-fit: contain;}
    .tituloVacantesVistaPerfil{color: black; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
    .contenedorImagenVacantesOrganizacion{width:100px; height:100px; border-radius: 50%; object-fit: cover;}
    .espacioCuponRegalo{margin-left: 500px; margin-right: 0px}
    .etapa-nombre {font-size: 16px;}
}

/* Escritorios grandes (1280px - 1919px) */
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
    .dialogoLogin{width: 30%;margin-left: 35%;}    
    /*.opcionesRow_tabla{flex-direction: row !important;}*/
    .tarjetaInteractuable_desktop{display: flex !important; gap: 32px;}
    .tarjetaInteractuable_movil{display: none !important;}
    .imagenCard_circularEvento{width: 100px !important;}
    .imagenCard_circular{width: 100px !important; border-radius: 50% !important;}
    .fondo_imagen{display: block !important;}
    .fondo_imagenMovil{display: none !important;}
    .fondo_imagen{display: block !important;}
    .carrito-etapas-container{ margin-bottom: 2%;}
    .scrollTarjetas_carrito{max-height: 56vh;}
    .scrollTarjetas_vacates{max-height: 56vh;}
    .contendorOpcionesTablas_movil{display: none !important;}
    .texto_reponsivoCards{white-space: normal; max-width: 90% !important;}
    .fotos-orgEncabezados{width: 6.8rem;}    
    .btn-wrap {position: relative;display: inline-block;}
    .notif-menus { position: absolute; top: 0px; right: 0px; transform: translateY(-50%); color: #fff; border-radius: 50%; padding: 3px 7px; font-size: 14px; font-weight: 700; min-width: 18px; text-align: center; box-sizing: border-box; line-height: 1; }
    .organizacionImagenPostulaciones{border: solid 1px #000; position: relative; top: 15px !important; max-width: 7vw ; border-radius: 30%; object-fit: contain;}
    .organizacionRegistro{ width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; align-items: start;}
    .campusContenedor{ width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; align-items: start;}
    .contenedorHorarioMapa{width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; align-items: start;}
    .tamanoCorreo{width:90%; float:left; padding:5px;}
    .tamanoBotonCorreo{width:10%; float:left; padding:5px;}
    .espacioImagenVacante{padding-left: 20rem;}
    .configuracionMovil{display: none !important;}
    .configuracionComputadora{display: flex !important;}
    .tamanioMapaEventos{width: 100% !important; height: 300px !important ; border: 2px solid rgb(216, 224, 231); border-radius: 10px;}
    .tarjeta-eventos-info-Responsive { width: 420px; height: 130px; border: solid 1px #dddddd; background-color: #ffffff; margin: 10px; border-radius: 10px; position: relative; overflow: hidden; transition: transform 0.3s ease-in-out; }
    .tarjeta-eventos-info-Responsive::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; background-color: transparent; transition: background-color 0.3s ease-in-out;}
    .tarjeta-eventos-info-Responsive::after {background-color: #e2002b;}
    .tarjeta-eventos-info-Responsive::after {background-color: #009688;}
    .tarjeta-eventos-info-Responsive:hover::after {background-color: #009688 !important;}
    .optTablasBgMovil{display: none !important;}
    .optTablasBgComputadora{display: flex !important;}
    .imagenUsuarioPase{max-width: 10vw ; border-radius: 30%; object-fit: contain;}
    .tituloVacantesVistaPerfil{color: black; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
    .contenedorImagenVacantesOrganizacion{width:100px; height:100px; border-radius: 50%; object-fit: cover;}
    .espacioCuponRegalo{margin-left: 500px; margin-right: 0px}
    .etapa-nombre {font-size: 16px;}
}

/* Pantallas extra grandes (1920px en adelante) */
@media only screen and (min-width: 1920px) {
    .dialogoLogin{width: 30%;margin-left: 35%;}    
    .opcionesRow_tabla{flex-direction: row !important;}
    .tarjetaInteractuable_desktop{display: flex !important; gap: 32px;}
    .tarjetaInteractuable_movil{display: none !important;}
    .imagenCard_circularEvento{width: 100px !important;}
    .imagenCard_circular{width: 100px !important; border-radius: 50% !important;}
    .fondo_imagen{display: block !important;}
    .fondo_imagenMovil{display: none !important;}
    .fondo_imagen{display: block !important;}
    .carrito-etapas-container{top: 7% !important; margin-bottom: 2%;}
    .scrollTarjetas_carrito{max-height: 76vh;}
    .scrollTarjetas_vacates{max-height: 76vh;}
    .contendorOpcionesTablas_movil{display: none !important;}
    .texto_reponsivoCards{white-space: normal; max-width: 90% !important;}
    .fotos-orgEncabezados{width: 6.8rem;}
    .btn-wrap {position: relative;display: inline-block;}
    .notif-menus { position: absolute; top: 0px; right: 0px; transform: translateY(-50%); color: #fff; border-radius: 50%; padding: 3px 7px; font-size: 14px; font-weight: 700; min-width: 18px; text-align: center; box-sizing: border-box; line-height: 1; }
    .organizacionImagenPostulaciones{border: solid 1px #000; position: relative; top: 15px !important; max-width: 5vw ; border-radius: 30%; object-fit: contain;}
    .espacioImagenVacante{padding-left: 35rem;}
    .configuracionMovil{display: none !important;}
    .configuracionComputadora{display: flex !important;}
    .tamanioMapaEventos{width: 100% !important; height: 300px !important ; border: 2px solid rgb(216, 224, 231); border-radius: 10px;}
    .tarjeta-eventos-info-Responsive { width: 500px; height: 130px; border: solid 1px #dddddd; background-color: #ffffff; margin: 10px; border-radius: 10px; position: relative; overflow: hidden; transition: transform 0.3s ease-in-out; }
    .tarjeta-eventos-info-Responsive::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; background-color: transparent; transition: background-color 0.3s ease-in-out;}
    .tarjeta-eventos-info-Responsive::after {background-color: #e2002b;}
    .tarjeta-eventos-info-Responsive::after {background-color: #009688;}
    .tarjeta-eventos-info-Responsive:hover::after {background-color: #009688 !important;}
    .optTablasBgMovil{display: none !important;}
    .optTablasBgComputadora{display: flex !important;}
    .imagenUsuarioPase{max-width: 10vw ; border-radius: 30%; object-fit: contain;}
    .tituloVacantesVistaPerfil{color: black; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
    .contenedorImagenVacantesOrganizacion{width:100px; height:100px; border-radius: 50%; object-fit: cover;}
    .espacioCuponRegalo{margin-left: 500px; margin-right: 0px}
    .etapa-nombre {font-size: 16px;}
}

/* clearfix for Container */
.Container:before,.Container:after, .NoIndent:before,.NoIndent:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.Container:after, .NoIndent:after  {
    clear: both; 
}

.dialogoLogin{background: white !important;width: 30%;margin-left: 35%;margin-top: 6%;padding: 2% 1%;border: solid 1px #009688;opacity: .96;box-shadow: 0px 5px 26px 0px #ccf1ee;border-radius: 3px;text-align: center;
}