/* Móviles en orientación vertical (hasta 599px) */
@media (max-width: 599px) and (orientation: portrait) {
    /* Estilos específicos para móviles en vertical */
     
     /*
     .navLateral {
	    width: 98%;
        position: relative;
        margin-left: 0rem !important;
        top: 0;
        padding-left: 0.3rem !important;
    	padding-right: 0.3rem;
	}
	*/
	
	#divNuevoMenu, #divNuevoBuzon {
		padding-left: 1rem;
    	padding-right: 1rem;
	}
	
	.breadcrumb, h1 { 
		position:relative;
		top: 0;
	}

	
	main h1 + div {
		margin-top: 0;
	}
	
	#cabEscritos + div {
		margin-top: 0;
	}
    
    
}

/* Móviles en orientación horizontal (hasta 599px) */
@media (max-width: 599px) and (orientation: landscape) {
    /* Estilos específicos para móviles en horizontal */
}

/* Tablets en orientación vertical (600px a 767px) */
@media (min-width: 600px) and (max-width: 767px) and (orientation: portrait) {
    /* Estilos específicos para tablets en vertical */
     .navLateral {
     
     /*
	    width: 98%;
        position: relative;
        margin-left: 0rem !important;
        top: 0;
        padding-left: 0.3rem !important;
    	padding-right: 0.3rem;
    	*/
	}
	#divNuevoMenu, #divNuevoBuzon {
		padding-left: 1rem;
    	padding-right: 1rem;
	
	}
	
	.breadcrumb, h1 { 
		position:relative;
	}
	
}

/* Tablets en orientación horizontal (600px a 767px) */
@media (min-width: 600px) and (max-width: 767px) and (orientation: landscape) {
    /* Estilos específicos para tablets en horizontal */
     .navLateral {
     /*
	    width: 98%;
        position: relative;
        margin-left: 0rem !important;
        top: 0;
        padding-left: 0.5rem !important;
    	padding-right: 0.5rem;
    	*/
	}
	#divNuevoMenu, #divNuevoBuzon {
		padding-left: 1rem;
    	padding-right: 1rem;
	
	}
	
	.breadcrumb, h1 { 
		position:relative;
		top: 0;
	}
	

	
	main h1 + div {
		margin-top: 0;
	}
	
	#cabEscritos + div {
		margin-top: 0;
	}
}

@media (max-width: 767.98px) {


  }

/* Pantallas pequeñas (768px a 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    /* Estilos específicos para pantallas pequeñas */

	.navLateral {
	/*
		width: 98%;
	    position: relative;
	    top: 0;
	    padding-left: 0.5rem !important;
    	padding-right: 0.5rem;
    	*/
	}
	
	#divNuevoMenu, #divNuevoBuzon {
		padding-left: 1rem;
    	padding-right: 1rem;
	
	}
	
	.container-flex {
    	padding-top:173px;

  }
	
	
}

/* Pantallas medianas (992px a 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
    /* Estilos específicos para laptops y pantallas medianas */
    
    .navLateral {
	    padding-left: 0.3rem !important;
    	padding-right: 0.3rem;
	}

	
	.imgCab {
	    width: auto;
	    height: 45px;
	}
}



/* Full HD (1920 x 1080) y resoluciones menores (1200px a 1919px) */
@media (min-width: 1200px) and (max-width: 1919px) {
    /* Estilos específicos para pantallas Full HD */
    .navLateral {
	    padding-left: 0.5rem !important;
    	padding-right: 0.5rem;
	}
	
}

/* QHD (2560 x 1440) y resoluciones menores (1920px a 2559px) */
@media (min-width: 1920px) and (max-width: 2559px) {
    /* Estilos específicos para pantallas QHD */
    .navLateral {
		padding-left: 0.8rem !important;
    	padding-right: 0.8rem;
	}

}

/* 4K (3840 x 2160) y resoluciones menores (2560px a 3839px) */
@media (min-width: 2560px) and (max-width: 3839px) {
    /* Estilos específicos para pantallas 4K */
     .navLateral {
		padding-left: 1rem !important;
    	padding-right: 1rem;
	}
}

/* UltraWide Full HD (2560 x 1080) */
@media (min-width: 2560px) and (max-width: 2560px) {
    /* Estilos específicos para UltraWide Full HD */
}

/* UltraWide QHD (3440 x 1440) */
@media (min-width: 3440px) and (max-width: 3440px) {
    /* Estilos específicos para UltraWide QHD */
}

/* Dual QHD (5120 x 1440) */
@media (min-width: 5120px) {
    /* Estilos específicos para Dual QHD y pantallas más grandes */
}

@media screen and (max-height: 999px) {
  /* Estilos CSS que se aplicarán cuando la altura sea 1080px o menos */

}

@media screen and (min-height: 1000px) {
  /* Estilos CSS que se aplicarán cuando la altura sea 1080px o más */

}