@import url(puebla.css);

:root{
--FondoFooter:#5f1b2d;
}

body 
{
max-width: 1400px;
margin: 0 auto;
padding: 0px 15px 0px 15px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}

/************************************\
    T A M A Ñ O   D E   F U E N T E 
\************************************/
.fs-1rem{font-size: 1rem;}
.fs-1-5rem{font-size: 1.5rem;}
.fs-2rem{font-size: 2rem;}

/************************************\
    G R O S O R   D E   F U E N T E  
\************************************/
.fw-300, .fw-light{font-weight: 300;}
.fw-400, .fw-regular{font-weight: 400;}
.fw-500, .fw-medium{font-weight: 500;}
.fw-600, .fw-semibold{font-weight: 600;}
.fw-700, .fw-bold{font-weight: 700;}

/****************************************\
    T A M A Ñ O   D E   T I T U L O S  
\****************************************/
.body h1, .uk-h1{font:500 2.5rem 'Corra Montserra'; text-align: center; padding-top:20px;}
.body h2, .uk-h2{font:500 2rem 'Corra Montserra'; }
.body h3, .uk-h3{font:600 1.5rem 'Corra Montserra'; }
.body h4, .uk-h4{font:600 1.2rem 'Corra Montserra'; }
.body h5, .uk-h5{font:600 1rem 'Corra Montserra'; }
.body p{font:1rem 'Corra Montserra'; }
.body a{font:1.1rem 'Corra Montserra'; color:#484747;} 
.body a:hover{font:1.1rem 'Corra Montserra'; color:#5f1b2b;}


/************************************\
    C O L O R   D E   T E X T O S 
\************************************/
.c-5f1b2b{color:#5f1b2b;}
.c-861e34{color:#861e34;}
.c-af1731{color:#af1731;}
.c-c79b66{color:#c79b66;}
.c-e2be96{color:#e2be96;}
.c-fffded{color:#fffded;}
.c-0a322b{color:#0a322b;}
.c-246257{color:#246257;}
.c-3d9b84{color:#3d9b84;}
.c-484747{color:#484747;}
.c-b2b2b1{color:#b2b2b1;}
.c-ececec{color:#ececec;}

/************************************\
    C O L O R   D E   F O N D O S  
\************************************/
.bgc-5f1b2b{background-color:#5f1b2b;}
.bgc-861e34{background-color:#861e34;}
.bgc-af1731{background-color:#af1731;}
.bgc-c79b66{background-color:#c79b66;}
.bgc-e2be96{background-color:#e2be96;}
.bgc-fffded{background-color:#fffded;}
.bgc-0a322b{background-color:#0a322b;}
.bgc-246257{background-color:#246257;}
.bgc-3d9b84{background-color:#3d9b84;}
.bgc-649882{background-color:#649882;}
.bgc-484747{background-color:#484747;}
.bgc-b2b2b1{background-color:#b2b2b1;}
.bgc-ececec{background-color:#ececec;}

/***************************************\
    T A M A Ñ O   D E   B O T O N E S  
\****************************************/
.small-button{font-size: 14px; padding:10px 30px; border-radius: 7px;}
.medium-button{font-size: 20px; padding:10px 30px; border-radius: 7px;}
.large-button{font-size: 20px; padding:10px 30px; border-radius: 7px;}
.white-button a { 
    border: none;
    border-radius: 20px;
    padding: 10px 35px;
    background: #ffffff;
    color: #b2b2b1;
    font-family: 'Corra Montserra';
    font-size: 1.3rem;
    transition: all 0.2s ease-in-out;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    word-break: break-word;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}


/************************\
      M E N U  
\************************/
hr{
  width: 102.2%;
  height: 10px;
  background-color: #f2f2f2;
  margin: 0px 0px 15px -15px;
}





.mod-menu{
 display: inline-block;
  align-items: center;
  line-height: 20px;
  list-style-type: none;
  font:500 1.1rem 'Corra Montserra';
  margin-left: 20px;
  text-transform: uppercase;
  /*letter-spacing: 2px;*/
}
/*
ul.mod-menu {
  flex-wrap: wrap; /* Omitir si deseas scroll horizontal 
  overflow-x: auto;
  max-width: 100%;
}*/

ul.mod-menu{
  display: flex; 
  align-content: space-between; 
}

ul.mod-menu li { 
  display: inline-block;
  align-items: center;
  line-height: 20px;
  list-style-type: none;
  font:500 1.1rem 'Corra Montserra';
  margin-left: 20px;
  text-transform: uppercase;
  /*letter-spacing: 2px;*/
}

ul.mod-menu li a{
  white-space: nowrap; 
  color:#b2b2b1;

}
ul.mod-menu li:hover{
  border-bottom: -1px solid white;
}


.img-access{
    margin-right: -80px;
}


.img-header {
  transition: width 0.3s ease-in-out; 
  width: 100%; 
  padding:10px;
}

.header-inner{
  height: 130px;
  transition: height 0.3s ease-in-out; 
}

.header{
  background-color: white;
  position: sticky;
  top: 0;
  z-index: 9999;
  max-width: 100%!important;
 }

.mobile-menu-icon a span{color:#7e7e7b; margin-top: 10px}


@media only screen and (min-width : 640px) and (max-width:860px){
    /*menu-buscador-redes*/
    ul.mod-menu li{ font:500 .9rem 'Corra Montserra'; padding:0px;  }
    ul.mod-menu{margin-left:0px; padding-left:0px; align-items:left;}
}



/************************\
      F O O T E R 
\************************/
.footer{background: var(--FondoFooter);}
.sombra-footer {
  top: 0;
  height: 100%;
  pointer-events: none;
}

.sombra-footer img {
  position: absolute;
  z-index: 0;
}

/* Imagen vertical */
.sombra-vertical {
  max-height: 100%;
  object-fit: contain;
  top: 0;
}

/* Imagen horizontal */
.sombra-horizontal {
  max-width: 100%;
  object-fit: contain;
  top: 50%;
  transform: translateY(-50%);
}

/**Ligas Footer**/
.sitios_interes a, 
.sitios_interes a:hover, 
.sitios_interes a:visited, 
.sitios_interes a:focus {
  color: #fffbef;
  /*font-family: 'Montserrat', Medium;*/
  font-size: 14pt; 
  /*font-weight: 500;*/
	line-height: 1.8;
}

/***************************\
      A C C E S I B I L I T Y
\***************************/
._access-icon {
    display: none !important;
}
._access-menu {
    left: auto !important;
    right: 20px !important; /* Ajusta según tu diseño */
}

._access-menu.close {
    display: none !important;
    opacity: 0 !important;
    width: 0 !important;
    pointer-events: none;
}


/*****************************\
      P O C I S I O N E S
\*****************************/
.below-bottom{
  background: linear-gradient(180deg, rgba(242,242,242,1) 1%, rgba(255,255,255,1) 11%);
  padding:50px;
}    

.container{
/*padding-top: 70px;*/
padding-bottom: 70px;
}

.com-content-article{
  padding-top: 10px;
  padding-bottom: 30px;
}
.boder{
    border-radius: 25px;
}
/*.mod-custom{max-width: 99%!important; margin-left:6px}*/
.copyright{max-width: 99%!important; margin-left:6px}
.footer{max-width: 99%!important; margin-left:6px}
.body{max-width: 99%!important; margin-left:6px}
.joomla-content{margin-top: 40px; margin-bottom: 40px;}
.joomla-content h2{margin-bottom: 30px;}