@charset "UTF-8";

@font-face {
  font-family: 'Gotham';
  src: url('/fonts/GothamMedium.ttf');
}

@font-face {
  font-family: 'GothamLight';
  src: url('/fonts/GothamLightRegular.otf');
}

@font-face {
  font-family: 'GothamBold';
  src: url('/fonts/GothamBoldRegular.ttf');
}

.btn-menu-service{
  color: white;
  background-color: #01b2c2;
  border-color: #01b2c2;
  font-size:20px;
  font-family: "Gotham", Arial, Helvetica, sans-serif;  
  padding:10px 30px;
  text-decoration: none;  
  border-radius: 0.8rem;
  display: block;
  white-space: normal;
  min-height: 80px;  
  text-align: center;
  line-height: 28px;  
  margin-left:20px;
  margin-right:20px;
}


.btn-menu-diagnostic{
  color: white;
  background-color: #0191d8;
  border-color: #0191d8;
  font-size:23px;
  font-family: "Gotham", Arial, Helvetica, sans-serif;  
  padding:10px 25px;
  text-decoration: none;  
  border-radius: 0.8rem;
  display: block;
  white-space: normal;
  min-height: 68px;  
  text-align: center;
  line-height: 24px;
  margin-left:15px;
  margin-right:15px;  
}

.btn-menu-specilist{
  color: white;
  background-color: #194ba8;
  border-color: #194ba8;
  font-size:18px;
  font-family: "Gotham", Arial, Helvetica, sans-serif;  
  padding:5px 10px;
  text-decoration: none;  
  border-radius: 0.8rem;
  display: block;
  white-space: normal;
  min-height: 52px;  
  text-align: center;
  line-height: 18px;  
}

.btn-menu-ecografy{
  color: white;
  background-color: #ca171d;
  border-color: #ca171d;
  font-size:18px;
  font-family: "Gotham", Arial, Helvetica, sans-serif;  
  padding:5px 10px;
  text-decoration: none;  
  border-radius: 0.8rem;
  display: block;
  white-space: normal;
  min-height: 52px;  
  text-align: center;
  line-height: 18px;  
}


.btn-menu-docsepcial{
  color: white;
  background-color: #185ea0;
  border-color: #185ea0;
  font-size:17px;
  font-family: "Gotham", Arial, Helvetica, sans-serif;  
  padding:3px 5px;
  text-decoration: none;  
  border-radius: 0.5rem;
  display: block;
  white-space: normal;
  min-height: 32px;  
  text-align: center;
  line-height: 18px;  
  margin-bottom: 5px;
  margin-top: 15px !important;
}


.btn-menu-resonance{
  color: white;
  background-color: #01a5a5;
  border-color: #01a5a5;
  font-size:15px;
  font-family: "Gotham", Arial, Helvetica, sans-serif;  
  padding:2px 10px;
  text-decoration: none;  
  border-radius: 0.8rem;
  display: block;
  white-space: normal;
  min-height: 60px;  
  text-align: center;
  line-height: 21px;  
  margin-left:8px;
  margin-right:8px;    
}

.btn-menu-mamografy{
  color: white;
  background-color: #b6519f;
  border-color: #b6519f;
  font-size:19px;
  font-family: "Gotham", Arial, Helvetica, sans-serif;  
  padding:5px 10px;
  text-decoration: none;  
  border-radius: 0.8rem;
  display: block;
  white-space: normal;
  min-height: 60px;  
  text-align: center;
  line-height: 21px;  
  margin-left:8px;
  margin-right:8px;    
}

.btn-menu-tomografy{
  color: white;
  background-color: #006593;
  border-color: #006593;
  font-size:18px;
  font-family: "Gotham", Arial, Helvetica, sans-serif;  
  padding:5px 10px;
  text-decoration: none;  
  border-radius: 0.8rem;
  display: block;
  white-space: normal;
  min-height: 65px;  
  text-align: center;
  line-height: 21px;  
  margin-left:8px;
  margin-right:8px;    
}


.text-main{
  font-family: "GothamBold", Arial, Helvetica, sans-serif;  
  letter-spacing: 0.01px;
  word-spacing: 0.05px;
  font-size: 3rem;
  font-weight: bolder;
  color: white;
}


.text-bold-cima{
  margin-top: 0px;
  margin-bottom: 0.5rem;
  font-family: "GothamBold", Arial, Helvetica, sans-serif;  
  font-weight: 400;
  line-height: 1.0;   
}

.hcd-text-title{
  font-size: 24px;
  font-family: 'GothamBold', Arial, Helvetica, sans-serif;
  color: #439228;
  font-weight: 900;
  text-align: left;
}

.btn-menu-specilist:hover{
  color: rgb(130, 209, 219);
}

.btn-menu-tomografy:hover{
  color: rgb(130, 209, 219);
}

.doctor{
  font-size: 1.0rem;
  color:#26398c;
  text-align:left;
  padding:2px 0px 2px 10px;
  line-height:1.1rem;
}

.mp{
  font-size: 1.0rem;
  white-space: nowrap;
}

/* Estilos para el botón hamburguesa en móvil */
@media (max-width: 768px) {
  .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.5) !important;
    padding: 0.5rem 0.75rem !important;
  }
  
  .navbar-toggler .bi-list {
    color: white !important;
    font-size: 2rem !important;
  }
  
  .navbar-toggler:focus {
    box-shadow: none !important;
    border-color: rgba(255, 255, 255, 0.8) !important;
  }
}