@charset "UTF-8"; 

/* Móviles pequeños (hasta 480px) */
@media only screen and (max-width: 480px) {
  /* Estilos para móviles pequeños */
  
    .corbatura{ border-radius: 0px 0px 0px 0px !important;}
    .panelContenido{margin-left: 0% !important;width: 100% !important;}
    .panelmenu{padding: 0px;width: 280px !important;display: none}
    .opcionmenu{ display: block !important}
    .cerraMenu{ display: block !important}
    .dialogoLogin{width: 80% !important;margin-left: 10%;margin-top: 20px !important }
    .Container100{ width:100%; float:left; padding:5px; }
    .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;}
    .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;}
    #layout-portlets-cover {padding: 0rem 0rem 2rem 0rem;}
    #barraSuperior{height: auto !important;}
    .filtrosEncabezados{width: 100% !important; margin-top: 8px !important;}
    .carruselContainer{width: 60% !important;}  
    .filtro-item{width: 200px !important;}   
    .contenedorRecomendacion{width: 40% !important;}
    .buscador{width: 100% !important; margin-left: 8px; padding: 5px 0px !important;}
    /*.inputRecomendacion{min-width: 155px !important; }*/
    .opcionActiva_compras{display: none !important;}
    .opcionActiva_off{display: none !important;}
    .opcionActiva_off_lateral{display: block !important}
    .contenedorBarra{width: 98% !important;}
    .menuIcon, .cerrarIcon, .menuLateral{display: block !important;}
    .cerrarIcon{position: absolute; z-index: 3; top: 8px; left: 84%;}
    .opcionActiva{display: none !important;}
    .contenedorBuscador{width: 72% !important; gap: 10px !important;}
    /*.buscador{width: 75% !important; height: 40px !important; padding-right: 80px !important;}*/
    /*clase para manejar el control de dispositivos moviles*/
    .textoResponsivo{display: none !important;}
    /*clase para el menu lateral*/
    .menuLateral, .filtroLateral, .filtroLateralPrincipal{width: 65% !important; overflow-y: auto !important; padding-bottom: 30px !important;}
    .filtroLateralPrincipal{top: 0% !important;}
    .menuApagado, .filtroApagado{transform: translate(-340px, 0) !important;}
    .menuActivado, .filtroEncendido{transform: translate(-10px, 0) !important;}
    .dialogResponsivo{width: 90% !important;}
    .ui-datatable table tbody td {text-align: left !important; color: red !important;}
    .menuPrincipal{max-height: 180px !important; min-height: 130px !important;margin-top: -12px; margin-bottom: -2px;}
    .divActivo{display: none !important;}
    .contenidoMenu{max-height: 82vh !important;}
    .menuFijo{ width: 92%; left: 4%; min-height: 54vh !important; top: 0;}
    .contenidoMenuLateral{height: 80vh !important;}
    .opcionesActivasContenidoLateral{margin-left: 12px;}
    .text_card{font-size: 2.4rem !important;}
    .carruselContainer{display: none !important;}
    .buttonSearch{ position: absolute; right: 0;}
    
    /*LANDING PAGE*/
    section {
        scroll-margin-top: 11rem;
        margin: 11rem 0;
        padding: 2% 4%;
    }

    header {
        margin: 0;
        top: 0;
    }

    main {
        /* padding: .4rem 2rem 3rem 2rem; */
        padding: 2% 4%;
    }

    .logo {
        display: none;
    }
    
    .nav-links {
        display: none;
    }

    .opcion_activa {
        display: none;
    }

    .hero {
        flex-direction: column;
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin-top: 12rem;
        padding: 1.2rem 0
    }

    .hero-text {
        width: 100%;
    }

    .hero-buttons {
        flex-direction: column;
    }

    .hero-image {
        width: 100%;
    }

    /* EMPRESAS */
    #empresas,
    #universidades {
        width: 100%;
        gap: 0.6rem;
        flex-direction: column;
        /* align-items: center; */
    }

    .empresas-text {
        align-items: center;
        justify-content: center;
    }

    .empresas-encabezados,
    .unis-encabezados {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .empresas-encabezados h2,
    .unis-encabezados h2 {
        text-align: center;
        font-size: 2.4rem;
    }

    .empresas-text h3,
    .unis-text h3 {
        font-size: 1.6rem;
        text-align: justify;
    }

    .empresas-text p,
    .unis-text p {
        font-size: 1.4rem;
        text-align: justify;
    }

    .empresas-buttons,
    .unis-buttons {
        display: none;
    }

    .text-logo {
        width: 14rem;
        object-fit: contain;
    }

    li {
        font-size: 1.4rem;
    }

    .banner-empresarial,
    .banner-universidades {
        width: 40%;
        height: 26vh;
    }

    .empresas-buttons_responsivos,
    .unis-buttons_responsivos {
        flex-direction: column;
    }

    .empresas-container,
    .unis-container {
        width: 100%;
        align-items: center;
    }

    .empresas-text,
    .unis-text {
        width: 60%;
    }

    .menuLateralLanding {
        top: 11%;
    }
    
    .menuApagado{
        transform: translate(-500px, 0) !important;
    }
    
    #navBarLanding,#navBarRegister, #navBarRegister{
        position: relative;
    }
    
    #navBarLanding{
        height: 4.6rem;
    }
    .logo-iconNav{
        width: 3.8rem !important;
    }
    
    .main-login{
        height: auto;        
    }
    .login-container{
        flex-direction: column;
        width: 86%; 
        /*height: 60vh;*/
        height: auto;
        padding: 1.2rem 0;        
        margin-top: 10%;
        margin-bottom: 18%;
    }
    
    .logo-loginNav{
        display: none !important;
    }
    
    .register-container{
        width: 80% !important;        
    }
    
    .contenido_dos_columnasRegister{        
        grid-template-columns: repeat(1, 1fr) !important;
    }
    
    .logo-icon{width: 4.2rem;}
    .dialogoLogin{width: 80% !important;}
    .registro-container, .dialog-container{flex-direction: column;}
    .logo-login{width: 50%;}
    .button-float_whats{top: 70%; left: 84%;}
    
    .dialogLoginSelector{width:  90% !important;}
    .logo_button{width: 11rem}
    .buscadorSection_filtros{top: 9%;}
    .containerCarrusel{display: none;}
    .inputBuscadoresModulo{width: 60% !important;}
    /*.menuOculto{display: none;}*/
    .containerDividedDinamicPrincipal{  margin-top: 22%;}
    .panelInfoContenido, .panelCards{width: 100%;}
    .panelInfoContenido{display: none; width: 100%;}
    .notif-sb.ui-sidebar{width: 100% !important;}    
    .busquedaSection div{width: 90%; gap: .6rem;}
    .busquedaSection h1{text-align: center;}
    .inputBuscadores{width: 100% !important;}
    .botonBusqueda{font-size: 0 !important; width: 8.8rem !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 */
  .corbatura{ border-radius: 0px 0px 0px 0px !important;}
    .panelContenido{margin-left: 0% !important;width: 100% !important;}
    .panelmenu{padding: 0px;width: 280px !important;display: none}
    .opcionmenu{ display: block !important}
    .cerraMenu{ display: block !important}
    .dialogoLogin{width: 60% !important;margin-left: 20%;}
    .Container100{ width:100%; float:left; padding:5px; }
    .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;}
    .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;}
    /*.filtrosEncabezados{border: solid #000099 3px; display: block;}*/
    .filtrosEncabezados{width: 100%; margin-top: 4px !important;}
    #barraSuperior{height: auto !important;}
    .opcionActiva_compras{display: none !important;}
    .contenedorBarra{ width: 98% !important;}
    .menuIcon, .cerrarIcon, .menuLateral{display: block !important;}
    .menuLateral, .filtroLateral, .filtroLateralPrincipal{width: 35% !important;}
    .filtroLateral{top: 52% !important;}
    .filtroLateralPrincipal{top: 0% !important;}
    .cerrarIcon{position: absolute; z-index: 3; top: 8px; left: 80%;}
    .menuActivado, .filtroEncendido{ transform: translate(-10px, 0) !important; overflow-y: auto !important;}
    .menuApagado, .filtroApagado{transform: translate(-380px, 0) !important;}
    .opcionActiva_off_lateral{display: none !important}
    .opcionActiva{display: none !important;}
    /*.contenedorBuscador{width: 74% !important; justify-content: space-between;}*/
    .contenedorBuscador{width: 80% !important;}
    /*.buscador{width: 68vw !important;}*/
    .menuLateral{overflow-y: auto !important;}
    .opcionesModalActivo{display: block !important;}
    .menuPrincipal{max-height: 150px !important;}
    .divActivo{display: none !important;}    
    .menuFijo{width: 92%; left: 4%; top: 0 !important;}
    .opcionesActivasContenidoLateral{margin-left: 12px;}
    .contenidoMenu{max-height: 88vh;}
    .carruselContainer{display: none !important;}
    
    /*LANDING PAGE*/
     section {
        scroll-margin-top: 21rem;
        margin: 21rem 0;
        padding: 2% 4%;
    }

    header {
        margin: 0;
        top: 0;
        height: 8.6rem;
    }

    main {
        /* padding: .4rem 2rem 3rem 2rem; */
        padding: 2% 4%;
    }

    .logo {
        display: none;
    }
    
    .logo-icon{width: 4.2rem;}
    
     .logo-loginNav{
        display: none !important;
    }

    .nav-links {
        display: none;
    }

    .hero {
        flex-direction: column;
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
        width: 100%;
        /* margin-top: 21rem; */
        padding: 1.2rem 0
    }

    .hero-text {
        width: 100%;
    }

    .hero-buttons {
        flex-direction: column;
    }

    .hero-image {
        width: 100%;
    }

    /* EMPRESAS */
    #empresas,
    #universidades {
        width: 100%;
        gap: 0.6rem;
        flex-direction: column;
        /* align-items: center; */
    }

    .empresas-text {
        align-items: center;
        justify-content: center;
    }

    .empresas-encabezados,
    .unis-encabezados {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .empresas-encabezados h2,
    .unis-encabezados h2 {
        text-align: center;
        font-size: 2.4rem;
    }

    .empresas-text h3,
    .unis-text h3 {
        font-size: 1.6rem;
        text-align: justify;
    }

    .empresas-text p,
    .unis-text p {
        font-size: 1.4rem;
        text-align: justify;
    }

    .empresas-buttons,
    .unis-buttons {
        display: none;
    }

    li {
        font-size: 1.4rem;
    }

    .banner-empresarial,
    .banner-universidades {
        width: 40%;
        height: 36vh;
    }

    .empresas-buttons_responsivos,
    .unis-buttons_responsivos {
        flex-direction: column;
    }

    .opcion_activa {
        display: none;
    }

    .menuApagado {
        transition: ease-in .2s;
        transform: translate(-800px, 0);
    }

    .menuLateralLanding {
        top: 8%;
    }
    
    .menuApagado{
        transform: translate(-800px, 0) !important;
    }
    
    .menuActivado, .filtroEncendido {
        transform: translate(2px, 0) !important;
        overflow-y: auto !important;
    }
    #navBarLanding,#navBarRegister{
        position: relative;
    }
    
    .main-login{
        height: auto;  
        padding: 8% 0;
        /*margin: 10% 0;*/
    }
    #navBarLanding{
        height: 4.6rem;
        /*margin-bottom: 2%;*/
    }
    .logo-iconNav{
        width: 3.8rem !important;
    }
    
    .login-container{
        flex-direction: column;
        width: 60%; 
        height: auto;
        padding: 1.6rem 2rem;
        /*height: 60vh;*/
        
/*        margin-top: 2%;*/
        overflow-y: auto;
    }
    
    .login-form{
        padding: 1.6rem .4rem;
    }
    
    .register-container{
        width: 80% !important;        
    }
    
    .contenido_dos_columnasRegister{        
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .registro-container, .dialog-container{flex-direction: column;}
    .button-float_whats{top: 80%; left: 92%;}
    .dialogLoginSelector{width:  90% !important;}
    .logo_button{width: 11rem}
    .buscadorSection_filtros{top: 11%;}
    .containerCarrusel{display: none;}
    .inputBuscadoresModulo{width: 60% !important;}
    .containerDividedDinamicPrincipal{  margin-top: 18%;}
    .panelInfoContenido, .panelCards{width: 100%;}
    .panelInfoContenido{padding-bottom: 8%;}   
    .notif-sb.ui-sidebar{width: 50% !important;}
    .busquedaSection div{width: 90%; gap: .6rem;}
    .busquedaSection h1{text-align: center;}
    .inputBuscadores{width: 100% !important;}
    .botonBusqueda{font-size: 0 !important; width: 8.8rem !important;}
}

/* Tablets (768px - 1023px) */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* Estilos para tablets en vertical/horizontal */
    .corbatura{ border-radius: 0px 0px 0px 0px !important;}
    .panelContenido{margin-left: 0% !important;width: 100% !important;}
    .panelmenu{padding: 0px;width: 280px !important;display: none}
    .opcionmenu{ display: block !important}
    .cerraMenu{ display: block !important}
    .dialogoLogin{width: 60% !important;margin-left: 20%;}
    .Container100{ width:100%; float:left; padding:5px; }
    .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;}
    .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;}
    /*.filtrosEncabezados{border: solid #000099 3px; display: block;}*/
    .filtrosEncabezados{width: 100%; margin-top: 4px !important;}
    #barraSuperior{height: auto !important;}
    .opcionActiva_compras{display: block !important;}
    .contenedorBarra{ width: 100% !important;}
    .menuIcon, .cerrarIcon, .menuLateral{display: block !important;}
    .menuIcon{width: 6% !important; margin-right: 2%;}
    .menuLateral{width: 24% !important; overflow-y: auto !important;}
    .cerrarIcon{position: absolute; z-index: 3; top: 8px; left: 80%;}
    .menuActivado{ transform: translate(-10px, 0) !important; overflow-y: auto !important;}
    .menuApagado{transform: translate(-380px, 0) !important;}
    .opcionActiva_off_lateral{display: none !important}
    .opcionActiva{display: block !important;}
    .contenedorBuscador{width: 80% !important;}
    .buscador{width: 68vw !important; padding: 6px !important; min-width: 84% !important; max-width: 88% !important; height: 40px !important;}
    .opcionesModalActivo{display: block !important;}
    .menuPrincipal{max-height: 196px !important; height:auto !important; min-height: 120px !important; width: 94% !important; align-items: center !important;}
    .divActivo{display: none !important;}    
    .contenidoMenu{height: auto !important;} 
    .menuFijo{width: 100%; margin-left: 1%;}
    .opcionesActivasContenidoLateral{display: none !important;}
    .contenidoUnaColumnaBuscador {width: 98% !important;}
    .boton_filtro{display: none;}
    .filtroLateral{display: none;}
    .filtroEncendido{ transform: translate(-10px, 0) !important; overflow-y: auto !important;}
    .filtroApagado{transform: translate(-420px, 0) !important;}
    .filtroLateralPrincipal{top: 0% !important; width: 35% !important;}
/*    .fondoFiltroLateral{display: none !important;}*/
    
    /*LANDING PAGE*/
    main {
        padding: 2% 4%;
        /* background-color: purple; */
    }

    section {
        padding: 2% 4%;
    }

    .hero-buttons {
        flex-direction: column;
    }

    #empresas,
    #universidades {
        padding: 0 2%;
    }

    /* Estilos para tablets en vertical/horizontal */
    .logo-icon, .logo-iconNav {
        display: none;
    }

    .empresas-buttons_responsivos,
    .unis-buttons_responsivos {
        display: none;
    }

    .opcion_activa {
        display: none;
    }

        .nav-links {
        display: none;
    }
    .menuActivado {
        transform: translate(1px, 0) !important;
        overflow-y: auto !important;
    }


    .menuApagado {
        transition: ease-in .2s;
        transform: translate(-1200px, 0) !important;
    }

    .menuLateralLanding{
        top: 6%;
    }
    
    .logo-loginNav{
        width: 12rem;      
    }
    
    .login-form{
        gap: 0.4rem;
        padding: 0;        
    }
    
    #navBarLanding{
        height: 4.8rem !important;
        padding: 1.2rem;
    }
    
    
    /*.login-div{background-color: red;}*/    
    .login-container{height: auto; padding: 2% 0; margin-top: 8%;}
    .logo-login{width: 50%;}
    
    .main-register{padding-bottom: 8%;}
    
    .contenido_dos_columnasRegister{        
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .registro-container, .dialog-container{flex-direction: column;}
    .button-float_whats{top: 80%; left: 92%;}    
    .dialogLoginSelector{width:  90% !important;}    
    .buscadorSection_filtros{top: 12%;}
    .containerCarrusel{display: none;}
    .containerDividedDinamicPrincipal{  margin-top: 12%;}    
}

/* 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 */
    .corbatura{ border-radius: 20px 0px 0px 0px !important;}
    .panelContenido{margin-left: 0% !important;width: 80% !important;margin-left: 20% !important}
    .panelmenu{padding: 0px;width: 20% !important;}
    .opcionmenu{ display: none}
    .cerraMenu{ display: none !important}
    .dialogoLogin{width: 30%;margin-left: 35%;}
    .Responsive{width:33.3%; 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;}
    /*.filtrosEncabezados{border: solid green 3px;}*/
    .filtrosEncabezados{width: 100%; margin-top: 6px !important;}
    .contenedorBarra{width: 79% !important;}
    .opcionActiva_compras{display: block !important;}    
    .menuLateral{display: none;}
    .menuLateral h4{font-size: 0px;}
    .divActivo{display: block !important;}
    .contenidoIframe{min-height: 90vh;}
    .opcionActiva{display: block;}    
    .menuPrincipal{max-height: 204px !important; width: 92% !important;}
    /*.menuPrincipal{max-height: 204px !important; top: 64% !important; width: 92% !important;}*/
    .opcionActiva_off_lateral{display: none !important;}  
    .opcionesActivasContenidoLateral{display: none !important;}    
    .menuFijo{width: 100%; left: 4%;}
    .boton_filtro{display: none;}
    .filtroLateral{display: none;}
    /*.fondoFiltroLateral{display: none !important;}*/    
    .filtroEncendido{ transform: translate(-10px, 0) !important; overflow-y: auto !important;}
    .filtroApagado{transform: translate(-600px, 0) !important;}
    .filtroLateralPrincipal{top: 0% !important; width: 35% !important;}
    
    /*LANDING PAGE*/
     main {
        padding: 2% 4%;
        /* background-color: yellowgreen; */
    }

    section {
        padding: 2% 4%;
    }

    #empresas,
    #universidades {
        padding: 0 2%;
    }

    /* Estilos para laptops o monitores pequeños */
    .logo-icon, .logo-iconNav {
        display: none;
    }

    .empresas-buttons_responsivos,
    .unis-buttons_responsivos {
        display: none;
    }

    #nav-icon3 {
        display: none;
    }

    .fondoMenuLateral {
        display: none;
    }
    
    .logo-loginNav{
        width: 12rem;      
    }
    
    #navBarLanding{
        height: 4.8rem !important;
        padding: 1.2rem;
    }
        
    
    .logo-login{width: 70%;}
    
    .main-register{padding-bottom: 8%;}
    .button-float_whats{top: 82%; left: 94%;}    
    .buscadorSection_filtros{top: 10%;}
    .containerCarrusel{display: none;}
    .elementoOculto{display: none;}
    .nav-links{display: none;}
    .containerDividedDinamicPrincipal{  margin-top: 10%;}        
}

/* Escritorios grandes (1280px - 1919px) */
@media only screen and (min-width: 1280px) and (max-width: 1919px) {
  /* Estilos para monitores estándar */
    .dialogoLogin{width: 30%;margin-left: 35%; margin-top: 6%;}
    .panelContenido{margin-left: 0% !important;width: 85% !important;margin-left: 15% !important}
    .panelmenu{padding: 0px;width: 15% !important;}
    .opcionmenu{ display: none}
    .cerraMenu{ display: none !important}
    .divActivo{display: none !important;}
    .opcionesActivasContenidoLateral{ display: none !important; }  
    /*.menuFijo{outline: solid blue;}*/
    .menuPrincipal{max-height:380px !important;}
    .panelContenido{margin-left: 0% !important;width: 85% !important;margin-left: 15% !important}
    .filtrosEncabezados{width: 100% !important; margin-top: 6px !important;}
    .boton_filtro{display: none;}
    .filtroLateral{display: none;}
    .fondoFiltroLateral, .filtroLateralPrincipal{display: none !important;}
    
    
/*    LANDING PAGE*/

    main {
        padding: 2% 4%;
        /* background-color: blue; */
    }

    section {
        padding: 2% 4%;
    }

    #empresas,
    #universidades {
        padding: 0 2%;
    }

    .logo-icon,.logo-iconNav {
        display: none;
    }
    
    .logo{width: 14rem; margin-right: 1.8rem;}

    .empresas-buttons_responsivos,
    .unis-buttons_responsivos {
        display: none;
    }

    #nav-icon3 {
        display: none;
    }

    .fondoMenuLateral {
        display: none;
    }
    
    .logo-loginNav{
        width: 14rem;        
    }
    
    #navBarLanding{
        height: 5.8rem !important;
        padding: 1.2rem;
    }

    
    .login-container{width: 60%; height: 58vh;}        
    
    .main-register{padding-bottom: 4%;}
    .button-float_whats{top: 82%; left: 95%;}
    .buscadorSection_filtros{top: 12%;}
    .elementoOculto{display: none;}
    /*.nav-links{display: none;}*/
    .containerDividedDinamicPrincipal{  margin-top: 10%;}        
}

/* Pantallas extra grandes (1920px en adelante) */
@media only screen and (min-width: 1920px) {
  /* Estilos para 4K o pantallas grandes */
    .dialogoLogin{width: 30%;margin-left: 35%; margin-top: 6%;}
    .panelContenido{margin-left: 0% !important;width: 85% !important;margin-left: 15% !important}
    .panelmenu{padding: 0px;width: 15% !important;}
    .opcionmenu{ display: none}
    .cerraMenu{ display: none !important}
    .filtrosEncabezados{width: 100% !important; margin-top: 6px !important;}
    /*.menuFijo{outline: solid red;}*/
    .menuPrincipal{max-height:650px !important;}
    .divActivo{display: none !important;}
    .opcionesActivasContenidoLateral{ display: none !important; }    
    .boton_filtro{display: none;}
    .filtroLateral{display: none;}
    .fondoFiltroLateral, .filtroLateralPrincipal{display: none !important;}
    
    /*LANDING PAGE*/
    main {
        padding: 2% 4%;
        /* background-color: red; */
    }

    section {
        padding: 2% 4%;
    }

    .logo-icon, .logo-iconNav {
        display: none;
    }

    .empresas-buttons_responsivos,
    .unis-buttons_responsivos {
        display: none;
    }

    #empresas,
    #universidades {
        /* padding: 0 10%; */
        justify-content: space-between;
    }

    #nav-icon3 {
        display: none;
    }
    
    .logo-loginNav{
        width: 18rem;
    }
    
    #navBarLanding{
        height: 6.8rem !important;
        padding: 1.2rem;
    }
    
    #navBarLanding,#navBarRegister{
        /*position: relative;*/
    }

    .fondoMenuLateral {
        display: none;
    }
    
    .login-container{width: 48%; height: 44vh;}
    .main-register{padding-bottom: 4%;}
    .button-float_whats{top: 82%; left: 95%;}
    .buscadorSection_filtros{top: 8%;}
    .elementoOculto{display: none;}
    /*.containerDividedDinamicPrincipal{  margin-top: 8%;}*/    
}

/*no hay estilos para estas resoluciones*/
@media (min-width:0px) and (max-width: 340px) {
    .corbatura{ border-radius: 0px 0px 0px 0px !important;}
    .panelContenido{margin-left: 0% !important;width: 100% !important;}
    .panelmenu{padding: 0px;width: 250px !important;display: none}
    .opcionmenu{ display: block !important}
    .cerraMenu{ display: block !important}
    .dialogoLogin{display: none;}
    .NoSoportado{display:  flex !important;padding: 10%;text-align: justify !important}
    .login-container{display: none;}
    /*.filtrosEncabezados{border: solid yellow 3px; display: block;}*/    
}

/* 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-top: 6%;padding: 2% 1%;border: solid 1px #009688;opacity: .96;box-shadow: 0px 5px 26px 0px #ccf1ee;border-radius: 3px;text-align: center;
}


.panelContenido{margin-left: 15%;position: fixed;height: 100vh;padding: 15px 0px 0px 0px;width: 85%;}
.panelmenu{background-color: #009688;text-align: start;padding: 10px;width: 15%;height: 100vh !important;min-width: 180px !important;}
.corbatura{ border-radius: 30px 0px 0px 0px;}
.opcionmenu{ display: none}
.cerraMenu{ display: none}