/* body { background-color: red; }*/

.encabeza {
  width: 100%;
  background: #1d1d1b!important; 
  position: relative;
  z-index: 9;
  height: 120px;
}
.portada { 
  position: relative;
  background-image: url('../img/hero.jpg');
  background-repeat:no-repeat;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  background-position:center;
  width: 100%;
  height: 500px!important;
  z-index: 1;
  margin-top: 0px;
  border-top: 4px solid white;
  border-bottom: 4px solid white;
  top: 0px;
 }
 .pasarela { position: relative; top: 0px;}
 .servicios { position: relative; top: 0px; background-color:#bdbdbd;}
 .h-150 { height: 150px!important; }
 .cuadros { position: relative; top: 20px; z-index: 99;}
 .tarjetas { position: relative; top: 20px; background-color: #101742; padding-top: 40px; margin-bottom:0px; border: 1px solid #101742!important; }
 .tarjetas p { border: none; border-bottom: 1px solid white; border-left: 1px solid white; border-right: 1px solid white; max-width: 50%; margin-left: 25%; }
 .tarjetas img { border-radius: 25px; }
 .foot { background-color: #1d1d1b; color: white; position: relative; top: 0px; border: 3px solid #1d1d1b; }
 .frase_entrada{
  background-image: url('../img/conocenos/bg_banner.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0; 
    font-size: 40px;
}
.beneficios { 
  border-radius: 25px; 
  outline: 1px solid #b4b4b4; /* Borde que se moverá */
    outline-offset: -5px; /* Mueve el borde hacia el interior */
 }
 .fondo_rojo{
  background-image: url('../img/conocenos/fondo_rojo.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0;
}

/*  TAMAÑO XS */
@media (min-width: 576px) {
/* body { background-color: orange; } */
.portada { top: 0px;}


}

/*  TAMAÑO MD */
@media (min-width: 768px) {
/* body { background-color: green; }*/
.encabeza { height: 128px; }
.portada { border: 0px!important; border-bottom: 10px solid #858584!important; top: 0px;}

} 

/*  TAMAÑO LG */
@media (min-width: 992px) {
/* body { background-color: blue; }*/
.encabeza { height: 230px; }
.portada { top: 0px;}
.frase_entrada{  font-size: 70px; }
}


/* TAMAÑO XL */
@media (min-width: 1200px) {
/* body { background-color: purple; }*/


}