@charset "utf-8";
/* CSS Document */
@font-face {
font-family: "mifuente";
src: url(../fuentes/gotham_book.ttf) format("truetype");
}
html {
    height: 100%; /*Como html es el contenedor de body tenemos que darle la máxima altura para que body puede crecer*/
}
body {
     min-height: 100vh; /*Significa que la altura mínima del cuerpo de la página tiene que ser igual al alto de la ventana*/
     display:flex; /*Permite organizar los elementos dentro del contenedor en filas y columnas*/
     flex-direction: column; /*Establece que los elementos dentro del contenedor se organicen en columnas*/    
     font-family:mifuente;
     background-color: #e8e8e8;
     color: #000000;
}
a,h1,h2,h3,h4,h5,h6 {
    font-family:mifuente;
}
.mi_fila {
    padding: 0px;
    margin: 0px;
}
#contenedor_principal {
    margin: 0px;
    padding: 0px;
}
.navbar-collapse { 
    border: none; 
    box-shadow: none;    
}
#encabezado {        
    margin: 0px;
    padding: 0px;     
}
#menu {
    margin: 0px;
    padding: 0px; 
    background-color: #e8e8e8;    
    border: none;
    border-radius: 0px;
}
@media (max-width: 402px) 
{
    #menu {
       border:none;
       min-height: 190px;
    }
}
#los_links li a {
    color:#000000;
    font-size: 16px;     
}
#los_links li a:hover {
    color: #03989E; 
}
#links li a {
    padding-right: 0px;
}
#contenedor_lista {    
    background-color: #e8e8e8;
    margin: 0px;
    padding: 0px;
    margin-top: 20px;
}
#contenedor_boton_cat {
    margin: 0px;
    padding: 0px;
    margin-top: 14px;
}
#enlace_catalogo {
    width: 100%;
    height: 59px;
    background: #000;
    border-style:solid;
    border-width: 2px;
    
    border-radius: 20px;
    text-decoration: none;    
    color:#fff;
    text-align: center;
    padding-top: 18px;    
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
}


#botoncito button {
    margin-top: 30px;
}
#contenedor_boton_cat_movil {
    margin: 0px;
    padding: 0px;
    margin-top: 28px;
}
#enlace_catalogo_movil {
    display: block;
    width: 70%;
    height: 59px;
    background: #000;
    border-style:solid;
    border-width: 2px;
    border-color: #D32F2F;
    border-radius: 20px;
    text-decoration: none;    
    color:#fff;
    text-align: center;
    padding-top: 18px;    
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    font-size: 16px;
    font-weight: bold;
}
@media (max-width: 772px) {
    #enlace_catalogo {
        font-size: 14px;
    }
    #enlace_catalogo_movil {
        font-size: 14px;
    }
    #fila_logo_encabezado {
        text-align: center;
    }
}
#barra_info {
    background-color: #000;    
    margin: 0px;
    padding: 0px;
    padding-top: 10px;    
    padding-bottom: 20px;
}
#barra_info img {
    display: inline;
    margin-right: 5px;
    margin-top: -3px;
}

#icono_whats_encabezado {
    height: 14px;
    width: 14px;
}
#barra_info h1 {  
    display: inline-block;
    font-size: 14px;
    color:#fff;
    text-align:center;
}
#barra_info a {
    color:#fff;
}
#barra_info #telefono_encabezado {
    color: #FFFFFF;    
}
#barra_info a:hover {
    text-decoration: none;
}
#locales {
    margin: 0px;
    padding: 0px;
    margin-top: 5px;
}
#contacto_whatsapp {
    margin: 0px;
    padding: 0px;
    margin-top: 5px;
}
@media (max-width: 767px)
{   
    #fila_logo_principal {
        text-align: center;
    }
}
/*Centra el logo en dispositivos móviles*/
@media (max-width: 767px)
{
    .navbar-header {
      position: relative;
      width: 100%;
      text-align: center;
    }

    .navbar-header .navbar-brand {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
    }    
}
#pie {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color:#B3B3B3;
    background-color: #000;
    margin-top: auto; /*Empuja el pie a la parte inferior de si contenedor (body)*/
    padding-top: 20px;
}
#datos_pie h1 {
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    margin: 0px;
    margin-bottom: 10px;
}
@media (max-width: 992px) 
{
    #datos_pie h1 {
        font-size: 14px;
    }
}
.boton_suscribirse {
    width: 150px;
    height: 59px;
    color: #000;
    background-color: #fff;
    border-style:solid;
    border-width: 2px;
    border-color: #B71C1C;
    border-radius: 20px;
    font-size: 16px;
    font-weight: bold;
}
@media (max-width: 992px) 
{
    #pie #contenedor_boton_suscribirse {
        text-align: center;        
    }
}
#mail_contacto {
    margin-top: 15px;
    margin-bottom: 15px;
}
#logo_pie img {
    margin: auto;
}
#contenedor_links_pie {
    margin-top: 15px;
    display: flex;
    justify-content: center; /* Centra horizontalmente */
}
@media (max-width: 1042px) 
{
    #contenedor_links_pie {
        display:block;
        text-align: center;        
    }    
}
#links_pie {
    list-style: none;    
}
@media (max-width: 1024px) 
{
    #links_pie {
        margin: 0px;
        padding: 0px;
    }   
}
#links_pie li {
    float: left;
    margin-left: 10px;
    margin-right: 10px;    
}
@media (max-width: 1024px) 
{
    #links_pie li {
        float:none;   
        margin-left: 0px;
        margin-right: 0px;   
    }   
}
#links_pie li a {
    color:#B71C1C;
    font-size: 14px;    
}
#links_pie li a:hover {
    color:#FFFFFF;
    text-decoration: none;
}
#contenido {
    margin: 0px;
    padding: 0px;
}
.barras_titulo {
    background: #B71C1C;    
    margin: 0px;  
    padding: 0px;   
    height: 60px;
}
.barras_titulo h1 {
    margin-top: 20px;
    color:#fff;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}
.caja_producto_destacado {
    margin: 0px;
    padding: 0px;
    padding: 5px;
    border-style: dotted;
    border-width: 1px;
    border-color:#C2C2C2;
}
.img_producto_destacado {
    margin: 0px;
    padding: 0px;
    height: 300px;
    overflow-y: hidden;
}
@media (max-width: 991px) 
{
    .img_producto_destacado {        
        height:auto;
        overflow-y:visible;
    }
    .img_producto_destacado img {        
        margin: auto;
    }
}
.datos_producto_destacado {
    max-width: 90%;    
    height: 110px;
    padding: 0px;
    padding-top: 10px;
    margin: auto;
    overflow-x:hidden;
}
.contenidos .datos_producto_destacado h1 {
    color: #000000;
    font-size: 12px;  
    font-weight: bold;
    text-align: center;
    margin: 0px;
    padding: 0px;   
    margin-bottom: 5px;
}
@media (max-width: 991px) 
{
    .contenidos .datos_producto_destacado h1 {
        font-size: 14px;    
    }
    .contenidos .datos_producto_destacado {     
        height:auto;
    }
}

.caja_mensaje {	
	border-style:solid;
	border-width:1px;
	padding:10px;	
    margin-bottom: 20px;
}
.caja_mensaje p{	
	font-size:1.5rem;
	text-align:center;	
}

.img_foto_testimonio {
    margin: 0px;
    padding: 0px;    
    height: 250px;
    overflow-y: hidden;
}
@media (max-width: 991px) 
{
    .img_foto_testimonio {        
        height:auto;
        overflow-y:visible;
    }
    .img_foto_testimonio img {        
        margin: auto;
    }
}
.datos_testimonio {
    max-width: 100%;    
    height: 110px;    
    overflow-y: auto;
    padding: 0px;
    padding-top: 10px;   
    margin-bottom: 40px;
}
.contenidos .datos_testimonio h1 {
    font-size: 12px;  
    font-weight: bold;
    margin: 0px;
    padding: 0px;   
    margin-bottom: 5px;
}
@media (max-width: 991px) 
{
    .contenidos .datos_testimonio h1 {
        font-size: 14px;    
        text-align: center;
    }
    .contenidos .datos_testimonio {     
        height:auto;
    }
    .contenidos .datos_testimonio p {
        text-align: center;
    }
}
.panel-title {
    background-color:#B71C1C;    
    color: #242424;
    border:none;
}
#accordion .panel.panel-default .panel-heading {
    background-color:#B71C1C;      
    border: none;

}
#accordion .panel {
    background-color: #e8e8e8;    
    border: none;
}

#accordion .panel-body {
    background-color: #e8e8e8;    
}
#cuadro_contacto p {
    font-size: 16px;
}
#cuadro_contacto a {
     color: #000000;   
}
#cuadro_contacto a:hover {
    color: #FFFFFF; 
    text-decoration: none;
}
.col_mi_vineta {
    margin: 0px;
    padding: 0px;        
}
.col_mi_vineta p {
    margin: 0px;
    padding: 0px;
    text-align: center;    
    font-size: 60px;
    color:#E23026;
    font-weight: bold;                
}
.col_texto_paso {
    padding-top: 30px;    
}
.destino {
    text-decoration: underline;
}
#boton_top_flotante {
    cursor: pointer;
}
#top_flotante {
    height: 60px;
    width: 60px;
}
@media(max-width: 720px) {
#top_flotante {
    height: 30px;
    width: 30px;
    }
}
/*----------------------------------------------------------------------------------------------*/
/*Estilos del carrusel de rubros */
#contenedor_carrusel_rubros {
    box-sizing: border-box;    
    display: flex;
    align-items: center;
    justify-content: center;    
}
.slide-container {
    max-width: 1120px;
    width: 100%;
   
    padding: 40px 0;
}
.slide-content {    
    margin: 0px 40px;
   
    overflow: hidden;
    border-radius: 25px;
}
.card {    
    border-radius: 25px;
    background-color: #B71C1C;
    color: #242424;
}
.image-content, .card-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 14px;
}
.card-image {
    position: relative;
    height: 125px;
    width: 125px;
    border-radius: 50%;
    background-color: #B71C1C;
    padding: 3px;    
    border: none;
}
.card-image .card-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid #B71C1C;
}
.image-content {
    position: relative;
    row-gap: 5px;  
    padding: 25px 0;
}
.overlay {
    position: absolute;
    left: 0px;
    top:0px;
    height: 100%;
    width: 100%;
    background-color: #000;    
    border-radius: 25px 25px 0 25px;
}
.overlay::before, .overlay::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -40px;
    height: 40px;
    width: 40px;
    background-color: #B71C1C;
}
.overlay::after {
    border-radius: 0 25px 0 0; 
    background-color: #B71C1C;
    border-style: none;
}
.name {
    font-size: 10px;
    font-weight: 700;
    color:#000;
    text-align: center;
}
h2.name {
    text-align: center;
}
.name a {
    color:#000;
}
.name :hover {
    text-decoration: none;
}
.swiper-navBtn {
    color:#c7c804;
    trasition: color 0.3s ease;
    
}
.swiper-navBtn:hover {
    color:#000;
    
}
.swiper-navBtn::before,
.swiper-navBtn::after {
    font-size: 20px;
}
.swiper-button-next {
    right: 0;
}
.swiper-button-prev {
    left: 0;
}
@media (max-width: 519px) {
    .slide-content {
        margin: 0 10px;
    }
    div.swiper-navBtn {
        display: none;
    }
}
.contenidos h1 {
    font-size: 20px;
}
.contenidos h2 {
    font-size: 16px;
}