/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
#header{
 background: #084777; 
 /* background: #d32949 */
 border-radius: 2vw;
}

.background-colored {
    background-color: #084777;
/* background: #d32949 */
}

.text-justify {text-align: justify;}


h3.text-small{
 font-size:200% !important;
 color:#009045;
}



.fullscreen {
  min-height:unset;  
}

/* .fullscreen2 .parallax-container.img-loaded{
 background-position-x:-20vw !important;
}
 */

/* Teléfonos pequeños (hasta 480px) */
@media (max-width: 480px) {
  /* Estilos para móviles ultra compactos */
  .fullscreen {
        height: calc(var(--vh) * 20w);
    }
}

/* Teléfonos estándar (hasta 768px) */
@media (max-width: 768px) {
  /* Estilos para smartphones y pantallas verticales */
}

/* Tablets (hasta 1024px) */
@media (max-width: 1024px) {
  /* Estilos para tablets en modo vertical u horizontal */
  .fullscreen {
        height: calc(var(--vh) * 50);
    }
}

/* Laptops y pantallas medianas (hasta 1280px) */
@media (max-width: 1280px) {
  /* Ajustes para laptops y escritorios medianos */
  .fullscreen {
        height: calc(var(--vh) * 70);
    }
}

/* Pantallas grandes (más de 1280px) */
@media (max-width: 1365px) {
  /* Estilos para escritorios grandes y monitores amplios */
    .fullscreen {
        height: calc(var(--vh) * 80);
    }
}

@media (min-width: 1366px) {
  /* Estilos para escritorios grandes y monitores amplios */
    .fullscreen {
        height: calc(var(--vh) * 100);
    }
}

@media (min-resolution: 2dppx) {
    /* Estilos para pantallas Retina, iPhone, Pixel, etc. */
    .fullscreen {
        height: calc(var(--vh) * 70);
    }
}