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


/*

#7c878e principal 
 
#fad089  link

#bcbdac secundario


#f4fad2 hover
*/

* {
  margin: 0px;
  padding: 0px;
}

.sidebar-menu li a {
    width: 100% !important;
    display: block !important;
}


/*Corresponde al contenedor de la página principal*/
.contenedor{

  background: #f5f5f5;
  //margin: 0px !important;
  padding: 0px !important;



/*Cambia tamaño de furnte del menú*/
.navbar-custom {
    font-size: 18px; /* Cambia el tamaño según lo que necesites */
    background-color: #f8f9fa; /* o el color que estés usando */
    /*font-family: 'Poppins', sans-serif;*/ /* Aquí se aplica la fuente */
    font-family: 'Source Sans Pro', sans-serif;
}

.navbar-custom .navbar-brand,
.navbar-custom .nav-link {
  color: #000000 !important; /* texto negro fuerte */
  font-weight: 500;           /* más grueso (opcional) */
}


.boton-azul {
  background-color: #007bff;
  color: white;
  padding: 10px 20px;
  font-size: 16px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.boton-azul:hover {
  background-color: #0056b3;
}


header.container-fluid, .buscador {

  background: #f5f5f5;
  //padding: 0px !important;
}

main{

  background-color: #fff;
}

textarea:focus,
input:focus {
  outline: none; }

.navbar-dark .navbar-nav .nav-link {
    color: #141414 !important;
    font-size: 1.3rem;
}



.navbar-link li a:hover{
  color: #f4fad2 !important;
}

.slogan{
  margin-left: 200px;
  margin-top: 26px;
  margin-bottom: 11px;
}

.presidente {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.1rem;
  line-height: 1.8;
  color: #333;
  padding: 1.5rem;
  background-color: #fdfdfd;
}

.presidente h3 {
  font-weight: 600;
  font-size: 1.8rem;
  color: #1a3d6d;
  margin-bottom: 1rem;
}

.presidente h4 {
  
  font-size: 1.3rem;
}

.presidente strong {
  color: #2a5d9f;
}

.presidente p {
  margin-bottom: 1.2rem;
  text-align: justify;
}

.redondo {
  border-radius: 20px;
}


.footerinfo {
  padding: 1.9rem 0;

}

.imgfoot{
  padding-top: 30px;
}

.hfooter{

  border-bottom: 2px solid #f4fad2;
  padding-bottom: 5px;
}

ul.menufooter{
  list-style: none;
  border: 0;
  font: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

ul.menufooter li{

  line-height: 1.5;
  padding: 5px 0;
  border-bottom: 1px solid #bcbdac;
}

.menufooter a{
  color: #fad089 !important;
  text-decoration: none;
}

.menufooter a:hover{
  color: #f4fad2 !important;
  text-decoration: none;
}

.headerfoot {
  display: flex;
  justify-content: center;
}

.headerfoot ul {
  list-style: none;
  margin-left: auto;
    margin-right: auto;
}

.navfoot > li {
  float: left;
}

/*Corresponde al nav del Siguenos en:*/
.navfoot li a {
  background-color:#7c878e;
  color:#fad089;
  text-decoration:none;
  font-size: 30px;
  padding:10px 12px;
  display:block;
}

.navfoot li a:hover {
  //background-color:#434343;
  color: #f4fad2;
}

/* :: 2.0 Spacing CSS */
.mt-15 {
  margin-top: 15px; }

.mb-30 {
  margin-bottom: 30px; }

/* :: Botones CSS */
.yur-btn {
  position: relative;
  z-index: 1;
  min-width: 160px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  padding: 0 30px;
  text-align: center;
  /*text-transform: capitalize;*/
  color: #D23026;
  border: none;
  border-radius: 50px;
  background-color: #ffffff;
  -webkit-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-box-shadow: 0 6px 50px 8px rgba(21, 131, 233, 0.15);
  box-shadow: 0 6px 50px 8px rgba(21, 131, 233, 0.15); }
  .yur-btn:focus, .yur-btn:hover {
    -webkit-box-shadow: 0 6px 50px 8px rgba(21, 131, 233, 0.15);
    box-shadow: 0 6px 50px 8px rgba(21, 131, 233, 0.15);
    background-color: #fad089;
    color: #f5f5f5; }
  .yur-btn.btn-2 {
    background-color: #fad089;
    color: #f5f5f5; }
    .yur-btn.btn-2:focus, .yur-btn.btn-2:hover {
      background-color: #f5f5f5;
      color: #D23026; }
  .yur-btn.btn-3 {
    border: 2px solid #D23026;
    line-height: 46px; }


.sombra {     
  box-shadow: 3px 3px 4px #888; 
  -moz-box-shadow: 3px 3px 4px #888;
    -webkit-box-shadow: 3px 3px 4px #888;
      /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888')";
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888');
  padding: 5px 5px 5px 15px;     
}

.astrodivider {
  margin:50px auto;
  width:800px; 
  max-width: 100%;
  position:relative;
}

.astrodividermask { 
    overflow:hidden; height:20px; 
}

.astrodividermask:after { 
      content:''; 
      display:block; margin:-25px auto 0;
      width:100%; height:25px;  
        border-radius:125px / 12px;
       box-shadow:0 0 8px #bcbdac;
}
.astrodivider span {
    width:50px; height:50px; 
    position:absolute; 
    bottom:100%; margin-bottom:-25px;
    left:50%; margin-left:-25px;
    border-radius:100%;
   box-shadow:0 2px 4px #4fb39c;
    background:#fff;
}
.astrodivider i {
    position:absolute;
    top:4px; bottom:4px;
    left:4px; right:4px;
    border-radius:100%;
    border:1px dashed #68beaa;
    text-align:center;
    line-height:40px;
    font-style:normal;
     color:#049372;
}

.breadcrumb-head h3{
  padding-bottom: 10px;
}

.breadcrumb-area{
  padding-top: 40px;
  padding-bottom: 20px;
}

.breadcrumb-item a{
    color: #f5f5f5;
    text-decoration: none;
    background-color: transparent;
}

.badge {
  font-size: 60% !important;
  margin-top: 10px;
}

.single-service-area {
  position: relative;
  z-index: 1;
  text-align: center; }
  .single-service-area .service-icon {
    background-color: #e7f2fd;
    width: 145px;
    height: 110px;
    font-size: 42px;
    color: #303030;
    text-align: center;
    line-height: 110px;
    border-radius: 80px 200px 200px 362px;
    margin: 0 auto 30px;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms; }
  .single-service-area h5 {
    font-size: 22px;
    display: block;
    margin-bottom: 15px;
    padding-top: 15px;
    -webkit-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
    font-weight: 600; }
  .single-service-area:focus .service-icon, .single-service-area:hover .service-icon {
    background-color: #bcbdac;
    color: #ffffff;
    -webkit-box-shadow: 0 6px 50px 8px rgba(21, 131, 233, 0.15);
    box-shadow: 0 6px 50px 8px rgba(21, 131, 233, 0.15); }
  .single-service-area:focus h5, .single-service-area:hover h5 {
    color: #7c878e; }

.yur-form-control .form-control{
  height: 50px;
  padding: 0 20px;
  border-radius: 30px;
  color: #a6a6a6;
  font-size: 14px;
}

.yur-form-control .form-control:focus {
      box-shadow: none;
      border-color: #D23026; }

.yur-form-control textarea.form-control {
    height: 110px;
    padding: 20px;
}

.yur-nota:focus, .yur-nota:hover{
  filter: brightness(85%);
}

.yur-text-a{
  color: #a6a6a6;
}

.yur-text-a:focus, .yur-text-a:hover{
  color: #D23026;
}



/*Medida para Tablets vertical*/
@media screen and (max-width:768px){

  
  .slogan{
    margin-left: 140px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

}

/*medida Smartphone*/
@media screen and (max-width:560px){

  .slogan{
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

}