#rex {
    background-image: url(../img/bg-nav.png); /* Ajusta la ruta si es necesario */
}
#who {
    margin-top: 55px; /* Si necesitas ese margen superior */
    background-image: url(../img/bg-quienes.png); /* Ajusta la ruta si es necesario */
}
 .fill{
   width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  min-height: 250px;
  padding-top: 20px;
  padding-bottom: 2px;
}
 .full{
   background:url(../img/toroid-red.png) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
        padding-bottom: 400px;
 }
 .full-h-nos{
   background:url(../img/handshake.png) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
         
 }
 .full-contact{
  background:url(../img/toroid-red.png) no-repeat fixed center top;
 /*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
        padding-bottom: 400px;
 }
.imageni{
  transform: scale(var(--escala, 1));
  transition: transform 0.25s;
}
.imageni:hover{
  --escala: 1.2;
  cursor:pointer;
}
.imageni-2{
  transform: scale(var(--escala, 1));
  transition: transform 0.25s;
}
.imageni-2:hover{
  --escala: 1.05;
  cursor:pointer;
}
.bg-grad{
    background-image: linear-gradient(#3E0000,#dc3545); 
}
.raleway-200 {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}
.raleway-300 {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.titulo {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
#footers a{
color: #ffffff;
text-decoration: none;
font-size: 80%;
} 
.nav-item .active{
  color: #dc3545;
  background-color: white;
  font-weight: 700;
}
.nav-link .active{
  color: #dc3545;
  background-color: white;
  font-weight: 700;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: #dc3545;
  font-weight: 700;
    }
.poco-gray{
  background-color: #E1DDDD;
}
.dropdow-item .active{
  color: #dc3545;
  background-color: white;
  font-weight: 700;
}
#listed-r li{
  list-style-image: url(../img/line-dot-red.png);
}
.bg-lighter{
  background-color: rgba(225, 225, 225, .7);
}
.bg-seconds{
  background-color: rgba(50, 50, 50, .5);
}.legal-hero{
  background-image: url(../img/bg-legal.png);
  padding-top: 15vh;
  padding-bottom: 15vh;

}
.corporativo-hero{
  background-image: url(../img/bg-corporativo.png);
  padding-top: 15vh;
  padding-bottom: 15vh;
  }
.patrimonial-hero{
  background-image: url(../img/bg-patrimonial.png);
  padding-top: 15vh;
  padding-bottom: 15vh;
}
.planeacion-fiscal-hero{
  background-image: url(../img/bg-planeacion-fiscal.png);
  padding-top: 15vh;
  padding-bottom: 15vh;
}
.auditoria-fiscal-hero{
  background-image: url(../img/bg-auditoria-fiscal.png);
  padding-top: 15vh;
  padding-bottom: 15vh;
}
.asesoria-fiscal-hero{
  background-image: url(../img/bg-asesoria-fiscal.png);
  padding-top: 25vh;
  padding-bottom: 15vh;
  min-height: 85vh;
}
.contabilidad-hero{
  background-image: url(../img/bg-contabilidad.png);
  padding-top: 15vh;
  padding-bottom: 15vh;
}
.contacto-hero{
  background-image: url(../img/bg-contacto.png);
  padding-top: 6vh;
  padding-bottom: 15vh;
}
.footer-contact-text{
  font-size: 85%;
}
.footer-heading{
  line-height: .75em;
}
.footer-description{
  line-height: .75em;
  font-size: 75%;
}
   #cta .form-group{
    font-size: 120%;    
   } 
.mapa-responsive {
  aspect-ratio: 16 / 9;
 max-height: 450px;
  width: 100%;
  overflow: hidden;
}

.mapa-responsive iframe {
  width: 100%;
  height: 100%;
  border:0;
} 


/* Línea inferior roja al enfocar */
.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
    border-color: #dc3545; /* Color rojo de Bootstrap "danger" */
    outline: none; /* Elimina el contorno de foco por defecto del navegador */
}
.footer-caps{
  font-size: 75%;
  text-align: center;
  color: red;
}
.list-group-item{
  background-color: transparent;
  color: #fff;
  font-size: 80%;
}
#dmenu li{
  background-color: transparent;
  color: #fff;
}
.img-footer{
  
  height: 14px;
  width: 14px;
}