/*----------------------------------------
SOBREESCRIBIENDO  LOS ESTILOS DE BOOTSTRAP
------------------------------------------*/
.bg-primary {
  background-color: #252C61 !important; }

.text-primary {
  color: #252C61 !important; }

.btn-primary {
  background-color: #252C61 !important;
  border-color: #090b17 !important; }

.btn-primary:hover,
.btn-primary:focus {
  background-color: #171b3c !important; }

.btn-primary:active {
  background-color: #090b17 !important;
  border-color: black !important; }

.btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(37, 44, 97, 0.5) !important; }

/*--------------------------
GLOBALES
---------------------------*/
.borde-circular {
  border-radius: 15px; }

.tarjeta-borde {
  border-radius: 15px; }

.imag-info {
  max-height: 350px;
  width: 100%;
  object-fit: cover; }

.card:hover {
  box-shadow: 0 0 10px #0c0c0c3b; }

.bg-modal {
  background-image: url("../../images/body/imag_body.jpg"); }

.bg-header-modal {
  background: #252C61; }

.text-header-modal {
  color: white; }

.div-margen {
  height: 30px; }

/*--------------------------
INDEX
---------------------------*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  font-size: 13px;
  height: 100%; }

body {
  background-image: url("../../images/body/imag_body.jpg");
  min-height: 100%;
  color: #44484a;
  font-family: 'Open Sans', sans-serif; }

#pre_portada {
  height: 60px; }

#section_id {
  height: 100%;
  display: flex;
  align-items: center; }

#contenido {
  width: 100%; }

#btn_turno {
  display: none; }

.btn-izq {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 1000; }

.btn-der {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000; }

.especialidad a, .btn-turno label {
  display: block;
  text-decoration: none;
  background: #80b0de;
  color: #44484a;
  text-align: center;
  transition: all 500ms ease; }

.especialidad a:hover {
  background: #252C61;
  color: #fff; }

.btn-especialidades {
  text-decoration: none;
  background: #252C61;
  color: #fff;
  align-items: center;
  text-align: center; }

.btn-especialidades:hover {
  background: #80b0de;
  color: #44484a; }

.especialidad a {
  margin-bottom: -30px;
  opacity: 0;
  visibility: hidden; }

#btn_turno:checked ~ .especialidad a {
  margin-bottom: 10px;
  opacity: 1;
  visibility: visible; }

#btn_turno:checked ~ .btn-turno label {
  font-size: 18px;
  font-weight: bold; }

.btn-turno label {
  cursor: pointer;
  background: #80b0de;
  color: #44484a; }

.btn-turno label:hover {
  background: #fff;
  color: #252C61; }

.btn-color-encuesta {
  color: #fff;
  background-color: #D6721A; }

.btn-color-encuesta:hover {
  background: #fff;
  color: #D6721A; }

.div-especialidades {
  align-items: center; }

.btn-modal-siguiente {
  background: #252C61;
  color: #fff;
  align-items: center;
  text-align: center;
  box-shadow: 0px 0px 15px #626567; }

.btn-modal-siguiente:hover {
  background: #80b0de;
  color: #44484a; }

.acuerdo-privacidad {
  cursor: pointer; }

/*--------------------------
PORTADA
---------------------------*/
.bg-portada {
  background: black; }

.imag-portada {
  min-height: 450px;
  max-height: 450px;
  object-fit: cover;
  opacity: 0.6; }

.text-portada {
  color: #fff; }

.btn-portada {
  text-decoration: none;
  background: #80b0de;
  color: #44484a;
  text-align: center; }

.btn-portada:hover {
  background: #252C61;
  color: #fff; }

/*--------------------------
NAVBAR
---------------------------*/
.navbar {
  box-shadow: 0 0 15px #0c0c0c3b; }

.nav-titulo {
  line-height: 60px;
  font-weight: bold;
  font-size: 25px;
  font-family: 'bodoni Mt black', sans-serif; }

.logo-nav {
  height: 60px;
  width: 60px;
  object-fit: cover; }

/*--------------------------
PAG_INICIO
---------------------------*/
.text-titulo {
  color: #070707;
  font-weight: bold;
  font-size: 25px; }

.text-parrafo {
  color: #808080;
  font-size: 15px; }

.card-color-recetas {
  color: #fff;
  background-color: #918F8F; }

.card-color-encuesta {
  color: #fff;
  background-color: #D6721A; }

.card-color-especialidades {
  color: #fff;
  background-color: #252C61; }

.card-color-mis-turno {
  color: #fff;
  background-color: #5ABEAD; }

.btn-card {
  text-decoration: none;
  background: #80b0de;
  color: #44484a;
  text-align: center; }

.btn-card:hover {
  background: #252C61;
  color: #fff; }

/*--------------------------
HOSPITAL
---------------------------*/
.imag-hospital {
  object-fit: cover; }

/*--------------------------
AUTORIDADES
---------------------------*/
.text-autoridades {
  color: #fff; }

/*--------------------------
TURNOS
---------------------------*/
.btn-turnos-disponibles {
  background: #252C61;
  color: #fff; }

.btn-turnos-disponibles:hover {
  background: #80b0de;
  color: #44484a; }

.opcion-reprogramar {
  background: #252C61; }

/*--------------------------
LABORATORIO
---------------------------*/
.card-bg-donar-sangre {
  background: red; }

.card-imag-donar-sangre {
  background-image: url("../../images/laboratorio/donar_sangre.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

.card-text-donar-sangre {
  color: #fff; }

.btn-card-donante {
  background: red;
  color: #fff;
  text-align: center;
  box-shadow: 0px 0px 15px red; }

.btn-card-donante:hover {
  background: #fff;
  color: red; }

.btn-donante-confirmar {
  background: #252C61;
  color: #fff;
  align-items: center;
  text-align: center; }

.btn-donante-confirmar:hover {
  background: #80b0de;
  color: #44484a; }

.card-bg-covid {
  background: red; }

.card-imag-covid {
  background-image: url("../../images/laboratorio/covid_19.jpg");
  min-height: 200px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

.card-text-covid {
  color: #44484a; }

.btn-card-covid {
  background: #0065A5;
  color: #fff;
  text-align: center;
  box-shadow: 0px 0px 15px red; }

.btn-card-covid:hover {
  background: #252C61;
  color: #44484a; }

/*--------------------------
FOOTER
---------------------------*/
.alt-foot {
  min-height: 150px; }

.ico-footer {
  color: #80b0de;
  text-decoration: none;
  font-size: 25px; }

.link-footer {
  text-decoration: none; }

.texto-footer {
  color: #80b0de; }

/*------------------------
SHOW DE LOS MEDIAS QUERIES
------------------------*/
@media (max-width: 768px) {
  .imag-portada {
    min-height: 250px;
    max-height: 250px; } }
@media (min-width: 768px) {
  html {
    font-size: 16px; }

  .text-titulo {
    font-size: 35px; }

  .text-parrafo {
    font-size: 25px; } }

/*# sourceMappingURL=estilos.css.map */