/*** PAGINA WEB: www.cerrajeriacastroculiacan.com ***/

:root {
    --fuentePrimaria: 'Playfair Display', serif;
    --fuenteSecundaria: 'Raleway', sans-serif;
    --primario: #e5322d;    
}

/*** GENERALES ***/
.bg-primary {    
    background-color: #FBEA08!important;
}

body {    
    background-color: #e5322d!important;
}

h1 { 
    font-size: 3rem;
    color: #e5322d;
}

h2 { 
    font-size: 3rem;
    color: #ffffff;
}

h3 { 
    text-align: center;
    color: #ffffff;    
}

.imagen-bg {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.titulo{
    font-family: 'Playfair Display', serif;
}
.titulo span {
    color: #e5322d;    
}
.navbar{
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}
.leyenda{
    color: #ffffff;
    font-size: 40px;
    font-weight: bold;
}

.iconollaves {
    list-style-image: url('../img/llaves.png');
}

/***** PANTALLAS DE 320px *****/  
@media only screen and (max-width: 340px) and (min-width: 5px) {  
    .leyenda{
        color: #ffffff;
        font-size: 30px;
        font-weight: bold;        
        padding: 1rem;
    }

    #visor_imagenes {
        text-align: center;
        color: #e5322d; 
        background-color: #FBEA08;
        margin: 1rem;
        padding: 1rem;
        font-weight: bold;
        font-size: 28px;             
    }

    .urgencias{
        font-size: 28px;
        color: #ffffff;
        font-weight: bold;
    }
    
    .centrado {        
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

/*** IMAGEN PRINCIPAL ***/
.imagen-principal  {
    height: 35rem;
    background-image: url(../img/principal.jpg);
}

#visor_imagenes {
  text-align: center;
  color: #e5322d; 
  background-color: #FBEA08;
  margin: 1rem;
  padding: 1rem;
  font-weight: bold;
}

.urgencias {
    font-size: 40px;
    color: #ffffff;
    font-weight: bold;
}

/*** CATEGORIAS ***/
.categorias a,
.categorias a:hover {
    color: black;
    text-decoration:none;
    font-size: 2rem;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}

/*** SOBRE NOSOTROS ***/
.sobre-nosotros.bg-primary {    
    background-color: #FBEA08!important;
    min-height: 35rem;    
}
.imagen-nosotros {
    min-height: 35rem;
    background-image: url(../img/nosotros-2025.jpeg);
}
.descripcion {
    font-size: 19px;
}
.descripcionTitulo {
    font-size: 20px;
    font-weight: bold;
}
.redes{
    color: #ffffff;
}

/*** PRODUCTO O SERVICIOS ***/
.info-producto .precio {
    font-size: 1.8rem;
    color: #e5322d;
}
.info-producto .btn-success {
    background-color: #e5322d!important;
    border-color: #e5322d!important;
}
.info-producto .btn-success:hover {
    background-color: #F24444!important;
}

/*** PIE DE PAGINA ***/
.footer .container {
    border-top: 2px solid #FBEA08;
}
.footer-menu .nav-link {
    color: #ffffff;
    text-align: center;        
}
.footer-titulo {
    font-size: 18px;
}

/*** COPYRIGHT ***/
.copyright {
    background-color: #F09726;
    color: #ffffff;    
    text-align: center;
    padding: 1rem 0;
    margin: 0;  
    border-top: 3px solid #FBEA08;
} 

a { 
    color: #ffffff;
    font-weight: bold;
}

a:hover {
    color: #ffffff;    
}


/*** MAPA DE GOOGLE MAPS ***/
/*** PANTALLAS DE 320px O SUPERIOR ***/
@media (min-width: 320px) {

  .mi-iframe {
    width: 450px;
    height: 250px;
  } 

}

/*** PANTALLAS DE 768px O SUPERIOR ***/
@media (min-width: 768px) {

  .mi-iframe {
    width: 1145px;
    height: 325px;
  }
}