@charset "utf-8";
/* CSS Document */


/* Background Responsive */

@font-face {
        font-family: 'Barlow Condensed';
        src: url('fonts/BarlowCondensed-Black.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
  /* font-weight: 300;  */     
    
    }

@font-face {
        font-family: 'Barlow Condensed';
        src: url('fonts/BarlowCondensed-BlackItalic.ttf') format('truetype');
        font-weight: normal;
        font-style: italic;
    }

row {
    
  font-family: 'Barlow Condensed', sans-serif;   
}

body {
margin: 10;
padding: 10;
 font-family: 'Barlow Condensed', sans-serif;

    
  font-weight: 300;    
  font-size: 1.2em;  
 text-align: justify;
}


.bod {
  width: 100%;
}

.bod {
  background-image: url(http://domro.mx/new/images/foto01.jpeg);
      
      
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #999;
}

div,
.bod {
  margin: 0;
  padding: 0;
/* font-family: 'Lato', sans-serif; */
 font-family: 'Barlow Condensed', sans-serif;
    
  font-weight: 300;
}

.wrapper {
  height: 100%;
  width: 100%;
}

.message {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 45%;
  bottom: 0;
  display: block;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 0.5em;
}
/* Fin Bacground Responsive */

/* Navbar Custom */

.bg-dark {
    
background-color:  #0a0a0a !important;
}
.navbar-dark {
background-color:  color: #ff0000;   
    
}
 
.jumbotron {
    background: rgb(255,255,255); /* This is for ie8 and below */
    background: rgba(66, 156, 147, 0.3); 
    
    padding-top: 5px;
    padding-bottom: 5px;
} 
    
.jumbotron-fluid{
     
    padding-top: 5px;
    padding-bottom: 5px;   
    
    
}

.btn {
    padding-top: 0px;
    padding-bottom: 0px;
    
    
}

.gradi {
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%,rgba(20,20,20,0.8) 100%);  
}

.bg-white-t {
   background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.8) 100%);     
    
} 
/* Whatsapp flotante */
.whatsapp-float {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 9999;
}

.footer01 {
      background: rgb(255,255,255); /* This is for ie8 and below */
   background: rgba(255, 255, 255, 0.4); 
    text-align:"center";
      border-top: 10px;
 font-family: 'Barlow Condensed', sans-serif;
    
    
} 

.btn-jumbo {
    background-color: #1b1b1b;
    color: #ffffff;
    
    
}
.cafetana {
    color: #000000;
}
.btn-jumbo:hover {
    
    color: #b1d6d1;
}

/* Estilo de enlace hipertexto */

.hyperlink:link{
    color: #ffffff;
    text-decoration: none;

}

.hyperlink:hover{
    color: #44403d;
    text-decoration: none;

}
.hyperlink:visited{
    color: #b1d6d1;
    text-decoration: none;

}

/*  Fonts */
.custom-font {
 font-family: 'Lato', sans-serif;

    
  font-weight: 300;
  /* Agregue cualquier otra propiedad de estilo que desee */
}
.submit-container {
  text-align: center;
  margin-top: 20px; /* Opcional: ajusta el margen superior según tus necesidades */
}
   .center-button {
            display: flex;
            justify-content: center;
        }

 p {
    margin-left: 20px; /* Margen izquierdo */
    margin-right: 20px; /* Margen derecho */
  }