@charset "UTF-8";
:root {
  --colorprincipal: #134256;
  --colorprincipal_claro: #78959b;
  --colorsecundario: #0087b1;
  --colorsecundario_claro: #46a8c6;
  --verdeoscuro: #06363e;
  --verdeoscuro_claro: #547585;
  --azul: #00afbc;
  --azuloscuro: #134256;
  --azul_claro: #46c4ce;
  --celeste: #f2fbfc;
  --celeste_claro: #b2ffff;
  --gris: #e0ebee;
  --gris_claro: #e8f1f3;
  --negro: #000;
  --negro_claro: #000;
  --blanco: #fff;
  --naranja: #e67627;
  --naranja_claro: #ec9b62;
  --rojo: #e62727;
  --rojo_claro: #ec6262;
  --verde: #159745;
  --verde_claro: #58d486;
  --amarillo: #e0dd15;
  --amarillo_claro: #eef070;
  --magenta: #ff00ff;
  --magenta_claro: #e97be9;
  --morado: #4a235a;
  --morado_claro: #bb8fce;
  --marron: #6e2c00;
  --turquesa: #148f77;
  --turquesa_claro: #76d7c4;
  --lima: #76ff03;
  --lima_claro: #ccff90;
  --olivo: #827717;
  --olivo_claro: #c0ca33;
}

/** Media Queries **/
.color_texto_colorprincipal {
  color: rgba(19, 66, 86, 0.3490196078) !important;
}

.color_texto_colorsecundario {
  color: #0087b1 !important;
}

.color_texto_azul {
  color: #00afbc !important;
}

.color_texto_celeste {
  color: #f2fbfc !important;
}

.color_texto_gris {
  color: #e0ebee !important;
}

.color_texto_verde {
  color: #19c458 !important;
}

.color_texto_verdeoscuro {
  color: #06363e !important;
}

.color_texto_naranja {
  color: #e67627 !important;
}

.color_texto_rojo {
  color: #e62727 !important;
}

.color_texto_negro {
  color: #000 !important;
}

.color_texto_blanco {
  color: #fff !important;
}

.colorfondo_colorprincipal {
  background: rgba(19, 66, 86, 0.3490196078) !important;
}

.colorfondo_colorsecundario {
  background: #0087b1 !important;
}

.colorfondo_azul {
  background: #00afbc !important;
}

.colorfondo_celeste {
  background: #f2fbfc !important;
}

.colorfondo_gris {
  background: #e0ebee !important;
}

.colorfondo_verde {
  background: #19c458 !important;
}

.colorfondo_verdeoscuro {
  background: #06363e !important;
}

.colorfondo_naranja {
  background: #e67627 !important;
}

.colorfondo_rojo {
  background: #e62727 !important;
}

.colorfondo_negro {
  background: #000 !important;
}

.colorfondo_blanco {
  background: #fff !important;
}

.tabla_fila_alternativa_color_colorprincipal {
  background: rgba(19, 66, 86, 0.3490196078) !important;
}

.tabla_fila_alternativa_color_colorsecundario {
  background: #0087b1 !important;
}

.tabla_fila_alternativa_color_azul {
  background: #00afbc !important;
}

.tabla_fila_alternativa_color_celeste {
  background: #f2fbfc !important;
}

.tabla_fila_alternativa_color_gris {
  background: #e0ebee !important;
}

.tabla_fila_alternativa_color_verde {
  background: #19c458 !important;
}

.tabla_fila_alternativa_color_verdeoscuro {
  background: #06363e !important;
}

.tabla_fila_alternativa_color_naranja {
  background: #e67627 !important;
}

.tabla_fila_alternativa_color_rojo {
  background: #e62727 !important;
}

.tabla_fila_alternativa_color_negro {
  background: #000 !important;
}

.tabla_fila_alternativa_color_blanco {
  background: #fff !important;
}

.color_svg_colorprincipal {
  background-color: rgba(19, 66, 86, 0.3490196078) !important;
}

.color_svg_colorsecundario {
  background-color: #0087b1 !important;
}

.color_svg_azul {
  background-color: #00afbc !important;
}

.color_svg_celeste {
  background-color: #f2fbfc !important;
}

.color_svg_gris {
  background-color: #e0ebee !important;
}

.color_svg_verde {
  background-color: #19c458 !important;
}

.color_svg_verdeoscuro {
  background-color: #06363e !important;
}

.color_svg_naranja {
  background-color: #e67627 !important;
}

.color_svg_rojo {
  background-color: #e62727 !important;
}

.color_svg_negro {
  background-color: #000 !important;
}

.color_svg_blanco {
  background-color: #fff !important;
}

.borde_colorprincipal {
  border: 1px solid rgba(19, 66, 86, 0.3490196078);
}

.borde_colorsecundario {
  border: 1px solid #0087b1;
}

.borde_azul {
  border: 1px solid #00afbc;
}

.borde_celeste {
  border: 1px solid #f2fbfc;
}

.borde_gris {
  border: 1px solid #e0ebee;
}

.borde_verde {
  border: 1px solid #19c458;
}

.borde_verdeoscuro {
  border: 1px solid #06363e;
}

.borde_naranja {
  border: 1px solid #e67627;
}

.borde_rojo {
  border: 1px solid #e62727;
}

.borde_negro {
  border: 1px solid #000;
}

.borde_blanco {
  border: 1px solid #fff;
}

.fondo_colorprincipal {
  background-color: rgba(19, 66, 86, 0.3490196078) !important;
}
.fondo_colorprincipal input[type='submit'].fondocolorprincipal :hover {
  background-color: var(--blanco) !important;
  border-color: rgba(19, 66, 86, 0.3490196078) !important;
  color: rgba(19, 66, 86, 0.3490196078) !important;
}
@media (max-width: 768px) {
  .fondo_colorprincipal {
    width: auto;
  }
}

.fondo_colorsecundario {
  background-color: #0087b1 !important;
}
.fondo_colorsecundario input[type='submit'].fondocolorsecundario :hover {
  background-color: var(--blanco) !important;
  border-color: #0087b1 !important;
  color: #0087b1 !important;
}
@media (max-width: 768px) {
  .fondo_colorsecundario {
    width: auto;
  }
}

.fondo_azul {
  background-color: #00afbc !important;
}
.fondo_azul input[type='submit'].fondoazul :hover {
  background-color: var(--blanco) !important;
  border-color: #00afbc !important;
  color: #00afbc !important;
}
@media (max-width: 768px) {
  .fondo_azul {
    width: auto;
  }
}

.fondo_celeste {
  background-color: #f2fbfc !important;
}
.fondo_celeste input[type='submit'].fondoceleste :hover {
  background-color: var(--blanco) !important;
  border-color: #f2fbfc !important;
  color: #f2fbfc !important;
}
@media (max-width: 768px) {
  .fondo_celeste {
    width: auto;
  }
}

.fondo_gris {
  background-color: #e0ebee !important;
}
.fondo_gris input[type='submit'].fondogris :hover {
  background-color: var(--blanco) !important;
  border-color: #e0ebee !important;
  color: #e0ebee !important;
}
@media (max-width: 768px) {
  .fondo_gris {
    width: auto;
  }
}

.fondo_verde {
  background-color: #19c458 !important;
}
.fondo_verde input[type='submit'].fondoverde :hover {
  background-color: var(--blanco) !important;
  border-color: #19c458 !important;
  color: #19c458 !important;
}
@media (max-width: 768px) {
  .fondo_verde {
    width: auto;
  }
}

.fondo_verdeoscuro {
  background-color: #06363e !important;
}
.fondo_verdeoscuro input[type='submit'].fondoverdeoscuro :hover {
  background-color: var(--blanco) !important;
  border-color: #06363e !important;
  color: #06363e !important;
}
@media (max-width: 768px) {
  .fondo_verdeoscuro {
    width: auto;
  }
}

.fondo_naranja {
  background-color: #e67627 !important;
}
.fondo_naranja input[type='submit'].fondonaranja :hover {
  background-color: var(--blanco) !important;
  border-color: #e67627 !important;
  color: #e67627 !important;
}
@media (max-width: 768px) {
  .fondo_naranja {
    width: auto;
  }
}

.fondo_rojo {
  background-color: #e62727 !important;
}
.fondo_rojo input[type='submit'].fondorojo :hover {
  background-color: var(--blanco) !important;
  border-color: #e62727 !important;
  color: #e62727 !important;
}
@media (max-width: 768px) {
  .fondo_rojo {
    width: auto;
  }
}

.fondo_negro {
  background-color: #000 !important;
}
.fondo_negro input[type='submit'].fondonegro :hover {
  background-color: var(--blanco) !important;
  border-color: #000 !important;
  color: #000 !important;
}
@media (max-width: 768px) {
  .fondo_negro {
    width: auto;
  }
}

.fondo_blanco {
  background-color: #fff !important;
}
.fondo_blanco input[type='submit'].fondoblanco :hover {
  background-color: var(--blanco) !important;
  border-color: #fff !important;
  color: #fff !important;
}
@media (max-width: 768px) {
  .fondo_blanco {
    width: auto;
  }
}

.coloragenda512 {
  color: var(--azul);
}

.coloragenda973 {
  color: var(--azuloscuro);
}

.coloragenda698 {
  color: var(--verde);
}

.coloragenda699 {
  color: var(--verde_claro);
}

.coloragenda700 {
  color: var(--naranja);
}

.coloragenda701 {
  color: var(--naranja_claro);
}

.coloragenda702 {
  color: var(--amarillo);
}

.coloragenda703 {
  color: var(--amarillo_claro);
}

.coloragenda704 {
  color: var(--magenta);
}

.coloragenda705 {
  color: var(--magenta_claro);
}

.coloragenda717 {
  color: var(--morado);
}

.coloragenda718 {
  color: var(--morado_claro);
}

.coloragenda851 {
  color: var(--marron);
}

.coloragenda707 {
  color: var(--turquesa);
}

.coloragenda706 {
  color: var(--turquesa_claro);
}

.coloragenda769 {
  color: var(--olivo);
}

.coloragenda974 {
  color: var(--olivo_claro);
}

.color_boton_blanco_colorprincipal {
  color: rgba(19, 66, 86, 0.3490196078) !important;
  background-color: white !important;
  border-color: rgba(19, 66, 86, 0.3490196078) !important;
}

.color_boton_blanco_colorsecundario {
  color: #0087b1 !important;
  background-color: white !important;
  border-color: #0087b1 !important;
}

.color_boton_blanco_azul {
  color: #00afbc !important;
  background-color: white !important;
  border-color: #00afbc !important;
}

.color_boton_blanco_celeste {
  color: #f2fbfc !important;
  background-color: white !important;
  border-color: #f2fbfc !important;
}

.color_boton_blanco_gris {
  color: #e0ebee !important;
  background-color: white !important;
  border-color: #e0ebee !important;
}

.color_boton_blanco_verde {
  color: #19c458 !important;
  background-color: white !important;
  border-color: #19c458 !important;
}

.color_boton_blanco_verdeoscuro {
  color: #06363e !important;
  background-color: white !important;
  border-color: #06363e !important;
}

.color_boton_blanco_naranja {
  color: #e67627 !important;
  background-color: white !important;
  border-color: #e67627 !important;
}

.color_boton_blanco_rojo {
  color: #e62727 !important;
  background-color: white !important;
  border-color: #e62727 !important;
}

.color_boton_blanco_negro {
  color: #000 !important;
  background-color: white !important;
  border-color: #000 !important;
}

.color_boton_blanco_blanco {
  color: #fff !important;
  background-color: white !important;
  border-color: #fff !important;
}

.fondo_colorprincipal {
  background-color: rgba(19, 66, 86, 0.3490196078) !important;
}

input[type='submit'].fondo_colorprincipal:hover {
  border-color: rgba(19, 66, 86, 0.3490196078) !important;
  color: rgba(19, 66, 86, 0.3490196078) !important;
  background-color: var(--blanco) !important;
}

.fondo_colorsecundario {
  background-color: #0087b1 !important;
}

input[type='submit'].fondo_colorsecundario:hover {
  border-color: #0087b1 !important;
  color: #0087b1 !important;
  background-color: var(--blanco) !important;
}

.fondo_azul {
  background-color: #00afbc !important;
}

input[type='submit'].fondo_azul:hover {
  border-color: #00afbc !important;
  color: #00afbc !important;
  background-color: var(--blanco) !important;
}

.fondo_celeste {
  background-color: #f2fbfc !important;
}

input[type='submit'].fondo_celeste:hover {
  border-color: #f2fbfc !important;
  color: #f2fbfc !important;
  background-color: var(--blanco) !important;
}

.fondo_gris {
  background-color: #e0ebee !important;
}

input[type='submit'].fondo_gris:hover {
  border-color: #e0ebee !important;
  color: #e0ebee !important;
  background-color: var(--blanco) !important;
}

.fondo_verde {
  background-color: #19c458 !important;
}

input[type='submit'].fondo_verde:hover {
  border-color: #19c458 !important;
  color: #19c458 !important;
  background-color: var(--blanco) !important;
}

.fondo_verdeoscuro {
  background-color: #06363e !important;
}

input[type='submit'].fondo_verdeoscuro:hover {
  border-color: #06363e !important;
  color: #06363e !important;
  background-color: var(--blanco) !important;
}

.fondo_naranja {
  background-color: #e67627 !important;
}

input[type='submit'].fondo_naranja:hover {
  border-color: #e67627 !important;
  color: #e67627 !important;
  background-color: var(--blanco) !important;
}

.fondo_rojo {
  background-color: #e62727 !important;
}

input[type='submit'].fondo_rojo:hover {
  border-color: #e62727 !important;
  color: #e62727 !important;
  background-color: var(--blanco) !important;
}

.fondo_negro {
  background-color: #000 !important;
}

input[type='submit'].fondo_negro:hover {
  border-color: #000 !important;
  color: #000 !important;
  background-color: var(--blanco) !important;
}

.fondo_blanco {
  background-color: #fff !important;
}

input[type='submit'].fondo_blanco:hover {
  border-color: #fff !important;
  color: #fff !important;
  background-color: var(--blanco) !important;
}

.ancho_10 {
  width: 10%;
}

.ancho_20 {
  width: 20%;
}

.ancho_30 {
  width: 30%;
}

.ancho_40 {
  width: 40%;
}

.ancho_50 {
  width: 50%;
}

.ancho_60 {
  width: 60%;
}

.ancho_70 {
  width: 70%;
}

.ancho_80 {
  width: 80%;
}

.ancho_90 {
  width: 90%;
}

.ancho_100 {
  width: 100%;
}

.porcentaje_10 {
  width: 10%;
}

.porcentaje_20 {
  width: 20%;
}

.porcentaje_30 {
  width: 30%;
}

.porcentaje_40 {
  width: 40%;
}

.porcentaje_50 {
  width: 50%;
}

.porcentaje_60 {
  width: 60%;
}

.porcentaje_70 {
  width: 70%;
}

.porcentaje_80 {
  width: 80%;
}

.porcentaje_90 {
  width: 90%;
}

.porcentaje_100 {
  width: 100%;
}

.margen_10 {
  margin: 10px !important;
}

.margen_20 {
  margin: 20px !important;
}

.margen_30 {
  margin: 30px !important;
}

.margen_40 {
  margin: 40px !important;
}

.margen_50 {
  margin: 50px !important;
}

.margen_60 {
  margin: 60px !important;
}

.margen_70 {
  margin: 70px !important;
}

.margen_80 {
  margin: 80px !important;
}

.margen_90 {
  margin: 90px !important;
}

.margen_100 {
  margin: 100px !important;
}

.margen_superior_10 {
  margin-top: 10px !important;
}

.margen_superior_20 {
  margin-top: 20px !important;
}

.margen_superior_30 {
  margin-top: 30px !important;
}

.margen_superior_40 {
  margin-top: 40px !important;
}

.margen_superior_50 {
  margin-top: 50px !important;
}

.margen_superior_60 {
  margin-top: 60px !important;
}

.margen_superior_70 {
  margin-top: 70px !important;
}

.margen_superior_80 {
  margin-top: 80px !important;
}

.margen_superior_90 {
  margin-top: 90px !important;
}

.margen_superior_100 {
  margin-top: 100px !important;
}

.margen_inferior_10 {
  margin-bottom: 10px !important;
}

.margen_inferior_20 {
  margin-bottom: 20px !important;
}

.margen_inferior_30 {
  margin-bottom: 30px !important;
}

.margen_inferior_40 {
  margin-bottom: 40px !important;
}

.margen_inferior_50 {
  margin-bottom: 50px !important;
}

.margen_inferior_60 {
  margin-bottom: 60px !important;
}

.margen_inferior_70 {
  margin-bottom: 70px !important;
}

.margen_inferior_80 {
  margin-bottom: 80px !important;
}

.margen_inferior_90 {
  margin-bottom: 90px !important;
}

.margen_inferior_100 {
  margin-bottom: 100px !important;
}

.margen_derecho_10 {
  margin-right: 10px !important;
}

.margen_derecho_20 {
  margin-right: 20px !important;
}

.margen_derecho_30 {
  margin-right: 30px !important;
}

.margen_derecho_40 {
  margin-right: 40px !important;
}

.margen_derecho_50 {
  margin-right: 50px !important;
}

.margen_derecho_60 {
  margin-right: 60px !important;
}

.margen_derecho_70 {
  margin-right: 70px !important;
}

.margen_derecho_80 {
  margin-right: 80px !important;
}

.margen_derecho_90 {
  margin-right: 90px !important;
}

.margen_derecho_100 {
  margin-right: 100px !important;
}

.margen_izquierdo_10 {
  margin-left: 10px !important;
}

.margen_izquierdo_20 {
  margin-left: 20px !important;
}

.margen_izquierdo_30 {
  margin-left: 30px !important;
}

.margen_izquierdo_40 {
  margin-left: 40px !important;
}

.margen_izquierdo_50 {
  margin-left: 50px !important;
}

.margen_izquierdo_60 {
  margin-left: 60px !important;
}

.margen_izquierdo_70 {
  margin-left: 70px !important;
}

.margen_izquierdo_80 {
  margin-left: 80px !important;
}

.margen_izquierdo_90 {
  margin-left: 90px !important;
}

.margen_izquierdo_100 {
  margin-left: 100px !important;
}

.pequeno {
  width: 0.5rem;
  height: 0.5rem;
}

.normal {
  width: 1rem;
  height: 1rem;
}

.grande {
  width: 1.5rem;
  height: 1.5rem;
}

.muygrande {
  width: 2rem;
  height: 2rem;
}

.logohospitalochoa {
  background: url('/css/logos/logohospitalochoa.png') no-repeat center;
  background-size: contain;
}

.logofivochoa {
  background: url('/css/logos/logofivochoa.png') no-repeat center;
  background-size: contain;
}

.logoesteticaochoa {
  background: url('/css/logos/logoesteticaochoa.png') no-repeat center;
  background-size: contain;
}

.logoclubochoa {
  background: url('/css/logos/logoclubochoa.png') no-repeat center;
  background-size: contain;
}

.logointranetochoa {
  background: url('/css/logos/logointranetochoa.png') no-repeat center;
  background-size: contain;
}

.logomiochoa {
  background: url('/css/logos/logomiochoa.png') no-repeat center;
  background-size: contain;
}

.logosvglogohospitalochoa {
  background: url('/css/logos/logohospitalochoa.svg') no-repeat center;
}

.logosvglogofivochoa {
  background: url('/css/logos/logofivochoa.svg') no-repeat center;
}

.logosvglogoesteticaochoa {
  background: url('/css/logos/logoesteticaochoa.svg') no-repeat center;
}

.logosvglogoclubochoa {
  background: url('/css/logos/logoclubochoa.svg') no-repeat center;
}

.logosvglogointranetochoa {
  background: url('/css/logos/logointranetochoa.svg') no-repeat center;
}

.logosvglogomiochoa {
  background: url('/css/logos/logomiochoa.svg') no-repeat center;
}

.pulso.colorprincipal {
  background: var(--colorprincipal);
  box-shadow: 0 0 0 0 var(--colorprincipal);
  -webkit-animation: pulse-colorprincipal 2s infinite;
  animation: pulse-colorprincipal 2s infinite;
  color: white;
}

.pulso.colorsecundario {
  background: var(--colorsecundario);
  box-shadow: 0 0 0 0 var(--colorsecundario);
  -webkit-animation: pulse-colorsecundario 2s infinite;
  animation: pulse-colorsecundario 2s infinite;
  color: white;
}

.pulso.azul {
  background: var(--azul);
  box-shadow: 0 0 0 0 var(--azul);
  -webkit-animation: pulse-azul 2s infinite;
  animation: pulse-azul 2s infinite;
  color: white;
}

.pulso.celeste {
  background: var(--celeste);
  box-shadow: 0 0 0 0 var(--celeste);
  -webkit-animation: pulse-celeste 2s infinite;
  animation: pulse-celeste 2s infinite;
  color: white;
}

.pulso.gris {
  background: var(--gris);
  box-shadow: 0 0 0 0 var(--gris);
  -webkit-animation: pulse-gris 2s infinite;
  animation: pulse-gris 2s infinite;
  color: white;
}

.pulso.verde {
  background: var(--verde);
  box-shadow: 0 0 0 0 var(--verde);
  -webkit-animation: pulse-verde 2s infinite;
  animation: pulse-verde 2s infinite;
  color: white;
}

.pulso.verdeoscuro {
  background: var(--verdeoscuro);
  box-shadow: 0 0 0 0 var(--verdeoscuro);
  -webkit-animation: pulse-verdeoscuro 2s infinite;
  animation: pulse-verdeoscuro 2s infinite;
  color: white;
}

.pulso.naranja {
  background: var(--naranja);
  box-shadow: 0 0 0 0 var(--naranja);
  -webkit-animation: pulse-naranja 2s infinite;
  animation: pulse-naranja 2s infinite;
  color: white;
}

.pulso.rojo {
  background: var(--rojo);
  box-shadow: 0 0 0 0 var(--rojo);
  -webkit-animation: pulse-rojo 2s infinite;
  animation: pulse-rojo 2s infinite;
  color: white;
}

.pulso.negro {
  background: var(--negro);
  box-shadow: 0 0 0 0 var(--negro);
  -webkit-animation: pulse-negro 2s infinite;
  animation: pulse-negro 2s infinite;
  color: white;
}

.pulso.blanco {
  background: var(--blanco);
  box-shadow: 0 0 0 0 var(--blanco);
  -webkit-animation: pulse-blanco 2s infinite;
  animation: pulse-blanco 2s infinite;
  color: white;
}

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
  height: 100%;
  -ms-overflow-style: scrollbar;
  text-align: left;
  background: #edeff1;
}

/* CABECERA*/
header {
  background-color: white;
  display: flex;
  align-items: center;
  margin: 0 auto;
}

nav {
  width: 15%;
  display: block;
  padding: 1rem;
  text-align: center;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
hgroup,
menu,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

span.icono_input {
  position: relative;
}

span.icono_input:after {
  content: '\e986';
  position: absolute;
  color: white;
  left: 20px;
  bottom: 0px;
  pointer-events: none;
  font: normal normal normal 0.8rem metro;
}

.caja_encabezado {
  flex: 1 1 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: normal;
  padding: 5px 20px;
  text-align: center;
  border-radius: 4px;
  font-weight: 400;
  font-size: 17px;
  margin-bottom: 10px;
}

.textos_avisos {
  border-radius: 0.25rem 0.25rem 0 0;
  font-family: bronkoh-light;
  margin: 0;
  line-height: 1.6;
  text-align: center;
}

.filamedico .borde_gris {
  border: 1px solid gray;
}

ol,
ul {
  list-style: none;
}

ul li:before {
  content: '>';
  color: var(--colorprincipal);
  margin-right: 5px;
  font-family: 'bronkoh-regular', Sans-serif !important;
  font-size: 18px;
}

.telefonos-list li .custom-bullet::before {
  margin-right: 10px;
  align-self: flex-start;
  margin-top: 5px;
  list-style: none !important;
}

.telefonos-list li::before {
  content: none !important;
}

.telefonos-list {
  padding-left: 0;
  display: block;
  width: 100%;
}

.telefonos-list li {
  display: flex;
  padding-bottom: 20px;
}

.telefonos-list li .custom-bullet {
  flex: 1;
  padding-right: 20px;
  justify-content: flex-start;
  font-family: 'Bronk-light', Sans-serif;
  font-size: 18px;
  font-weight: 100;
  color: var(--colorprincipal);
}

.custom-bullet::before {
  width: 14px;
  min-width: 14px;
  height: 14px;
}

.custom-bullet::before,
.custom-tabs ul > li::before,
.jupiterx-main .elementor-widget-text-editor ul > li::before {
  content: '';
  border-radius: 50%;
  border: 1px solid var(--colorsecundario);
  display: inline-block;
}

ol {
  list-style: decimal;
  margin: 0 0 2rem 0;
  padding-left: 1.25rem;
}

ol li {
  padding-left: 0.25rem;
}

ul {
  list-style-type: none;
  margin: 0 0 2rem 0;
  padding-left: 1rem;
}

ul li {
  font-family: 'bronkoh-regular', Sans-serif !important;
  font-style: normal;
  padding-left: 0.325rem;
  font-size: 18px;
  color: var(--colorprincipal);
  text-align: left;
}

ul.plain {
  list-style: none;
  padding-left: 0;
}

ul.plain li {
  margin-bottom: 1rem;
}

ul.plain li .icon {
  border-radius: 4px;
  color: var(--blanco);
  display: inline-block;
  margin-right: 1rem;
  text-align: center;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  background: rgba(0, 0, 0, 0.5);
}

ul.alt {
  list-style: none;
  padding-left: 0;
}

ul.alt li {
  border-top: solid 1px;
  padding: 0.75rem 0;
}

ul.alt li:first-child {
  border-top: 0;
  padding-top: 0;
}

ul.alt li:last-child {
  padding-bottom: 0;
}

dl {
  margin: 0 0 2rem 0;
}

dl dt {
  display: block;
  font-weight: 600;
  margin: 0 0 1rem 0;
}

dl dd {
  margin-left: 1.5rem;
}

ul.alt li {
  border-top-color: rgba(0, 0, 0, 0.25);
}

/*FIN LISTAS*/
.titulo_cita {
  text-align: left;
  color: var(--colorsecundario);
  font-size: 18px;
  margin-bottom: 10px;
  position: relative;
  display: block;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
}

input::-moz-focus-inner {
  border: 0;
  padding: 0;
  outline: none;
}

input,
select,
textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

option:checked {
  color: var(--colorsecundario);
}

/* Typography */
html {
  font-size: 11pt;
}

@media screen and (max-width: 1680px) {
  html {
    font-size: 11pt;
  }
}
@media screen and (max-width: 980px) {
  html {
    font-size: 11pt;
  }
}
@media screen and (max-width: 480px) {
  html {
    font-size: 11pt;
  }
}
body,
input,
select,
textarea {
  font-family: 'bronkoh-extralight', Sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.65;
}

input[type='button'],
input[type='reset'],
input[type='submit'] {
  border: none;
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-appearance: button;
  display: inline-block;
  height: 2.3rem;
  line-height: 1rem;
  font-size: 1rem;
}

input[type='submit']:hover,
input[type='reset']:hover,
input[type='button']:hover {
  background-color: #edeff1;
  color: var(--colorprincipal);
  border: 1px solid var(--colorprincipal);
  text-decoration: none;
}

input[type='submit']:hover:active,
input[type='reset']:hover:active,
input[type='button']:hover:active {
  background-color: var(--blanco);
  border-color: var(--colorsecundario);
  color: var(--colorsecundario);
}

a {
  transition: color 0.2s ease-in-out;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

strong,
b {
  font-weight: 600;
}

em,
i {
  font-style: italic;
}

p {
  margin: 0 0 2rem 0;
}

header.special {
  text-align: center;
  margin-bottom: 4rem;
}

header.special p {
  max-width: 75%;
  margin-left: auto;
  margin-right: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
  line-height: 1.5;
  margin: 0 0 1.5rem 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
  text-decoration: none;
}

h1 {
  font-size: 3rem;
  line-height: 1.2;
}

h2 {
  font-size: 2.25rem;
  line-height: 1;
}

h3 {
  font-size: 1.25rem;
}

h4 {
  font-size: 1rem;
}

h5 {
  font-size: 0.9rem;
}

h6 {
  font-size: 0.7rem;
}

@media screen and (max-width: 736px) {
  h1 {
    font-size: 2.75rem;
    line-height: 1.3;
  }
  h2 {
    font-size: 1.75rem;
    line-height: 1.5;
  }
  h3 {
    font-size: 1.25rem;
  }
}
sub {
  font-size: 0.8rem;
  position: relative;
  top: 0.5rem;
}

sup {
  font-size: 0.8rem;
  position: relative;
  top: -0.5rem;
}

pre {
  -webkit-overflow-scrolling: touch;
  font-family: 'Courier New', monospace;
  font-size: 0.9rem;
  margin: 0 0 2rem 0;
}

pre code {
  display: block;
  line-height: 1.75;
  padding: 1rem 1.5rem;
  overflow-x: auto;
}

hr {
  border: 0;
  border-bottom: solid 1px;
  margin: 2rem 0;
}

hr.major {
  margin: 4rem 0;
}

input,
select,
textarea {
  color: #a8a8a8;
}

a {
  color: var(--colorprincipal);
}

strong,
b {
  color: #555555;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #555555;
}

hr {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

button,
.button {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out,
    color 0.2s ease-in-out;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  height: 3.25rem;
  line-height: 3.25rem;
  padding: 0 1.75rem;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

button,
button:hover,
button:hover:active,
.button:hover:active {
  background-color: var(--colorsecundario);
  outline: none;
}

input:disabled {
  background: #ccc;
}

input[type='submit'].primary,
input[type='reset'].primary,
input[type='button'].primary,
button.primary,
.button.primary {
  box-shadow: none;
  background-color: var(--rojo);
  color: var(--blanco) !important;
}

input[type='submit'].primary:hover,
input[type='reset'].primary:hover,
input[type='button'].primary:hover,
button.primary:hover,
.button.primary:hover {
  background-color: var(--rojo);
  box-shadow: none;
}

input[type='submit'].primary:hover:active,
input[type='reset'].primary:hover:active,
input[type='button'].primary:hover:active,
button.primary:hover:active,
.button.primary:hover:active {
  background-color: var(--rojo);
}

/* FormULARIO */
form {
  margin: 0 0 0 0;
}

input[type='text'],
input[type='password'],
input[type='email'],
input[type='tel'],
input[type='search'],
input[type='url'],
select,
textarea {
  font-size: 15px;
  color: #a8a8a8;
  padding: 8px 10px 8px 20px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #b3b3b3;
  width: 100%;
}

input[type='text']:invalid,
input[type='password']:invalid,
input[type='email']:invalid,
input[type='tel']:invalid,
input[type='search']:invalid,
input[type='url']:invalid,
select:invalid,
textarea:invalid {
  box-shadow: none;
}

label {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 1rem 0;
}

input[type='text'],
input[type='password'],
input[type='email'],
input[type='tel'],
input[type='search'],
input[type='url'] {
  height: 3.25rem;
}

select {
  background-size: 1.25rem;
  background-repeat: no-repeat;
  background-position: calc(100% - 1rem) center;
  height: 3.25rem;
  padding-right: 3.25rem;
  text-overflow: ellipsis;
}

select:focus::-ms-value {
  background-color: transparent;
}

select::-ms-expand {
  display: none;
}

textarea {
  padding: 0.75rem 1rem;
}

input[type='checkbox'],
input[type='radio'] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  display: block;
  float: left;
  margin-right: -2rem;
  opacity: 0;
  width: 1rem;
  z-index: -1;
}

input[type='checkbox'] + label,
input[type='radio'] + label {
  text-decoration: none;
  cursor: pointer;
  text-align: left;
  font-size: 1rem;
  font-weight: 400;
  padding-left: 2.825rem;
  padding-right: 0.875rem;
  position: relative;
}

input[type='checkbox'] + label:before,
input[type='radio'] + label:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: 'bronkoh-regular', Sans-serif;
  font-style: normal;
  font-weight: normal;
  text-transform: none !important;
}

input[type='checkbox'] + label:before,
input[type='radio'] + label:before {
  border-radius: 4px;
  border: solid 1px;
  content: '';
  display: inline-block;
  height: 1rem;
  margin: 1% 1% 0 -7%;
  line-height: 1.36875rem;
  text-align: center;
  width: 1rem;
}

input[type='checkbox']:checked + label:before,
input[type='radio']:checked + label:before {
  content: '✓';
}

input[type='checkbox'] + label:before {
  border-radius: 4px;
}

input[type='radio'] + label:before {
  border-radius: 100%;
}

::-webkit-input-placeholder {
  opacity: 1;
}

:-moz-placeholder {
  opacity: 1;
}

::-moz-placeholder {
  opacity: 1;
}

:-ms-input-placeholder {
  opacity: 1;
}

label {
  color: #555555;
}

input[type='text']:focus,
input[type='password']:focus,
input[type='email']:focus,
input[type='tel']:focus,
input[type='search']:focus,
input[type='url']:focus,
select:focus,
textarea:focus {
  box-shadow: 0px 0px 10px 0px rgba(0, 175, 188, 0.52);
  outline: none;
}

select {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(0, 0, 0, 0.25)' /%3E%3C/svg%3E");
}

select option {
  color: #444444;
  background-color: var(--blanco);
  font-family: 'bronkoh-extralight', Sans-serif;
}

input[type='checkbox'] + label,
input[type='radio'] + label {
  color: #444444;
}

input[type='checkbox'] + label:before,
input[type='radio'] + label:before {
  background: rgba(0, 0, 0, 0.075);
  border-color: rgba(0, 0, 0, 0.25);
}

input[type='checkbox']:checked + label:before,
input[type='radio']:checked + label:before {
  background-color: var(--colorprincipal);
  border-color: var(--colorprincipal);
  color: var(--blanco);
}

::-webkit-input-placeholder {
  color: #bbbbbb !important;
}

:-moz-placeholder {
  color: #bbbbbb !important;
}

::-moz-placeholder {
  color: #bbbbbb !important;
}

:-ms-input-placeholder {
  color: #bbbbbb !important;
}

/* List */
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: var(--colorsecundario);
  fill: var(--colorsecundario);
}

.wave {
  -webkit-animation: zoomIn 1.2s infinite ease-out;
  animation: zoomIn 1.2s infinite ease-out;
  transform-origin: 50% 50%;
}

.wave-sm {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.wave-md {
  -webkit-animation-delay: 0.45s;
  animation-delay: 0.45s;
}

.wave-lg {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

/* Table */
.table-wrapper {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
}

table {
  margin: 2rem 0 2rem 0;
  table-layout: auto;
  width: 100%;
}

table td {
  padding: 0.5rem 0.2rem;
  color: #575e62 !important;
  font-family: 'bronkoh-light', Sans-serif;
  font-style: normal;
  font-size: 12pt;
  vertical-align: middle;
  text-align: left;
}

table th {
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0 0.75rem 0.75rem 0.75rem;
  text-align: left;
}

input[type='date']:focus {
  outline: none;
}

input[type='date']::-webkit-calendar-picker-indicator {
  background: var(--blanco) url(iconos/icono_calendario.png) 100% 100% no-repeat;
  position: relative;
}

table tfoot {
  border-top: solid 2px;
}

table.alt {
  border-collapse: separate;
}

table.alt tbody tr td {
  border-left-width: 0;
  border-top-width: 0;
}

table.alt tbody tr td:first-child {
  border-left-width: 1px;
}

table.alt tbody tr:first-child td {
  border-top-width: 1px;
}

table.alt thead {
  border-bottom: 0;
}

table.alt tfoot {
  border-top: 0;
}

table th {
  color: var(--colorprincipal);
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 0;
  font-family: 'bronkoh-light', Sans-serif !important;
}

table thead {
  border-bottom: 0px !important;
  background-color: aliceblue;
}

table tfoot {
  border-top-color: rgba(0, 0, 0, 0.25);
}

table.alt tbody tr td {
  border-color: rgba(0, 0, 0, 0.25);
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  padding: 0.5rem 0.2rem;
  color: #575e62;
  font-family: 'bronkoh-light', Sans-serif;
  font-style: normal;
  font-size: 12pt;
  vertical-align: middle;
  text-align: left;
}

.imagen_lista {
  list-style-image: url('https://mdn.mozillademos.org/files/11981/starsolid.gif');
}

/*Fin Básicos*/
.hidden {
  display: none;
}

.visible {
  display: block;
}

.compacto,
.compacto b,
.compacto span {
  margin: 1px;
  margin-bottom: 0px;
  padding: 1px;
  font-size: smaller;
}

.espaciado_derecha_normal {
  margin-right: 15px;
}

.espaciado_izquierda_normal {
  margin-left: 15px;
}

/* AVISOS MI8A*/
.caja_avisos {
  flex: 1 1 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: normal;
  padding: 5px 20px;
  text-align: center;
  border-radius: 4px;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  transition-property: all;
  transition-duration: 0.15s;
  font-weight: 400;
  font-size: 17px;
  margin-bottom: 10px;
}

.caja_avisos:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 35px rgba(50, 50, 93, 0.1), 0 8px 15px rgba(0, 0, 0, 0.07);
}

.caja_avisos_icon {
  background-color: #fdd760;
  border-radius: 100%;
  width: 100%;
  padding: 0px 10px;
  color: var(--blanco);
  text-align: center;
  font-size: 15px;
  margin-right: 5px;
}

.animacion_agitar {
  -webkit-animation-name: agitar;
  animation-name: agitar;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
}

.animacion_salpicar {
  animation: salpicar 3s ease-out;
  animation-iteration-count: infinite;
  -webkit-animation: salpicar 3s ease-out;
  -webkit-animation-iteration-count: infinite;
}
@media (max-width: 576px) {
  .animacion_salpicar {
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: 3;
  }
}

.animacion_pulso_continuo {
  animation: pulso_continuo 3s ease-out;
  animation-iteration-count: infinite;
  -webkit-animation: pulso_continuo 3s ease-out;
  -webkit-animation-iteration-count: infinite;
}
@media (max-width: 576px) {
  .animacion_pulso_continuo {
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: 3;
  }
}

.verde {
  background: rgba(140, 227, 146, 0.62);
  color: var(--verde);
  --hover: #66c887;
}

.verde:hover,
.verde:focus {
  box-shadow: inset 100em 0 0 0 var(--hover);
  color: white;
}

.custom-telefono {
  --color: var(--colorprincipal);
}

.custom-telefono:hover {
  color: var(--colorsecundario);
}

.pulso_circular {
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(27, 27, 27, 0.5);
  margin: 10px 10px 10px 10px !important;
  height: 30px;
  width: 30px;
  animation: pulso_circular 2s infinite;
  -webkit-animation: pulso_circular 2s infinite;
}

.pulso_circular.transparente {
  box-shadow: 0 0 0 0 rgba(27, 27, 27, 0.5);
  animation: pulso_circular 2s infinite;
  -webkit-animation: pulso_circular 2s infinite;
}

.pulso_circular.blanco {
  background: white;
  box-shadow: 0 0 0 0 rgba(27, 27, 27, 0.5);
  animation: pulso_circular 2s infinite;
  -webkit-animation: pulso_circular 2s infinite;
}

.pulso_circular.verdeoscuro {
  background: var(--colorprincipal);
  box-shadow: 0 0 0 0 rgba(27, 27, 27, 0.5);
  animation: pulso_circular 2s infinite;
  -webkit-animation: pulso_circular 2s infinite;
}

.pulso_circular.azul {
  background: var(--colorsecundario);
  box-shadow: 0 0 0 0 rgba(27, 27, 27, 0.5);
  animation: pulso_circular 2s infinite;
  -webkit-animation: pulso_circular 2s infinite;
}

.verdeoscuro {
  background: #134256;
  color: var(--blanco);
}

.rojo {
  background: rgba(193, 15, 15, 0.58);
  color: var(--blanco);
}

.naranja {
  background: rgba(232, 177, 72, 0.58);
  color: var(--blanco);
}

.azul {
  background: rgba(27, 161, 226, 0.62);
  color: var(--blanco);
}

.azul:hover,
.azul:focus {
  border: 1px solid #0ec3de;
  color: #0b96ab;
  text-decoration: none;
}

.colorage .fluido {
  margin-top: 20px;
  width: 100%;
}

.class_contenedor {
  border-radius: 0.25rem;
  background: var(--blanco);
  width: 100%;
  margin: 0 0 1.875em;
}

.color_tres {
  color: var(--colorsecundario) !important;
}

.color_rojo {
  color: var(--rojo) !important;
}

hr {
  background-color: var(--colorprincipal);
}

.cita_correcta {
  position: absolute;
  top: 0;
  left: 0px;
  right: 0px;
  border: 1px;
  padding-top: 1%;
  background-color: rgba(48, 183, 58, 0.62);
  width: 100%;
  height: 40px;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
  margin: auto;
  font-size: 18px;
}
@media (max-width: 576px) {
  .cita_correcta {
    position: initial;
    padding-left: 1rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
}

.cita_incorrecta {
  position: absolute;
  top: 0;
  left: 0px;
  right: 0px;
  border: 1px;
  padding-top: 1%;
  background-color: rgba(193, 15, 15, 0.58);
  width: 100%;
  height: 40px;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
  margin: auto;
  font-size: 18px;
}

.fuente_grande {
  font-size: large;
}

.tamano1_5 {
  font-size: 1.5rem;
}

.ancho_fuente_normal {
  line-height: normal;
}

.alineado_arriba {
  vertical-align: top !important;
}

.fecha_cita {
  padding: 0.15rem 0.75rem;
}

.h2_secundario {
  margin: 0 0 0 0;
  color: var(--colorprincipal);
  font-size: 1.5rem;
}

.adicional {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.datos_usuario {
  margin: 0 0 0 0;
  color: var(--colorprincipal);
  font-family: bronkoh-light;
  /*    text-align: left;
  */
}

.textos_avisos {
  border-radius: 0.25rem 0.25rem 0 0;
  font-family: bronkoh-light;
  margin: 0;
  line-height: 1.6;
  text-align: center;
}

.filter-remove {
  padding: 8px 16px 8px 8px;
  background-color: #3a3a3a;
  border-radius: 0 50px 50px 0;
  color: rgba(255, 255, 255, 0.8);
  transition: all 0.2s ease;
}

.parrafo2 {
  margin: 0 0 0 0;
  color: var(--colorprincipal);
  font-size: 1.5rem;
}

.parrafo3 {
  margin: 0 0 0 0;
  color: var(--colorprincipal);
  font-family: bronkoh-light;
}

.filter:hover,
.filter-remove:hover {
  color: blue;
  background-color: #585858;
}

.operator {
  color: rgba(255, 255, 255, 0.5);
}

.filter-remove {
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}

.remove:hover {
  color: blue;
}

.edit-filter-modal {
  width: 260px;
  left: 416px;
  transition: transform 0.1s ease, opacity 0.1s ease;
  transform-origin: 0 0;
  padding: 16px;
}

.hidden {
  transform: scale(0.5);
  opacity: 0;
}

.caja_footer a {
  color: white !important;
}

.Notificacion {
  width: 4.66%;
  position: relative;
  display: flex;
  align-content: center;
  align-items: center;
  align-self: flex-end;
}

.paginacion {
  float: right;
}

.paginacion a:hover:not(.active) {
  background-color: #ddd;
}

.paginacion a {
  display: inline-block;
  padding: 10px 18px;
  color: var(--colorsecundario);
}

.paginacion a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  padding: 0;
  text-align: center;
  margin: auto 2px;
}

.paginacion a.is-active {
  border: 2px solid var(--colorsecundario);
}

.inline {
  display: inline;
}

.principal {
  color: var(--colorsecundario);
}

.modificar_datos {
  height: auto;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 7px 33px;
  border: 1px solid var(--colorsecundario);
  border-radius: 22px;
  background: var(--blanco);
  background: linear-gradient(to bottom, var(--blanco), var(--blanco));
  box-shadow: var(--blanco) 0px 0px 40px 0px;
  text-shadow: var(--blanco) 1px 1px 1px;
  font: normal normal normal 16px arial;
  color: var(--colorsecundario);
  text-decoration: none;
  margin-bottom: 20px;
}

.modificar_datos:hover,
.modificar_datos:focus {
  border: 1px solid #0ec3de;
  color: var(--colorsecundario);
  text-decoration: none;
}

hr.separador {
  border-top: 0, 5px solid #bbb;
}

label.campocliente {
  display: block;
  font-size: 1rem;
  font-weight: normal;
  color: var(--blanco);
  font-family: 'bronkoh-light';
  margin: 0;
}

.input-group-addon {
  padding: 3px 3px;
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  color: #f5f5f5;
  text-align: left;
  background-color: #027b91;
  border: 1px solid #ccc;
  border-radius: 6px;
  margin-bottom: 3px;
}

.modal-header {
  padding: 45px 45px 10px 45px;
  border-bottom: 1px solid #e5e5e5;
}

/* FIN CABECERA */
table {
  border: 0;
}

table caption {
  font-size: 1.3em;
}

table tr {
  border-bottom: 3px solid #ddd;
  margin-bottom: 0.625em;
}

table td::before {
  content: attr(data-label);
  float: left;
  font-weight: bold;
  text-transform: uppercase;
}

#disponibilidad td {
  border-bottom: 1px solid #ddd;
  display: table-cell;
  font-size: 0.8em;
  text-align: left;
}

.icono_titulo {
  color: var(--colorprincipal);
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 0;
  font-family: 'bronkoh-light', Sans-serif !important;
}

.table-row {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  flex-wrap: no-wrap;
  -webkit-flex-wrap: no-wrap;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.wrapper {
  display: -webkit-flex;
  flex-direction: row;
  flex-grow: 0;
  -webkit-flex-grow: 0;
}

.text-4,
.text-2,
.text {
  flex-grow: 1;
  -webkit-flex-grow: 1;
}

.text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 20px;
}

.text {
  width: 180px;
}

.num {
  width: 80px;
  text-align: right;
}

.table-row {
  border-bottom: 2px solid #e0e0e0;
  border-collapse: collapse;
  padding-top: 5px;
}

.table-row.header {
  background-color: #ffeedb;
  font-weight: bold;
  padding-top: 8px;
  padding-bottom: 8px;
}

.sombra {
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.tab_archivo {
  display: flex;
}

.mayusculas {
  text-transform: uppercase;
}

.minusculas {
  text-transform: lowercase;
}

.contenedor_formulario {
  text-align: center;
}

.login_formulario {
  display: inline-block;
  width: 40%;
}

.formulario {
  display: inline-block;
  width: 40%;
}

.cita_formulario {
  display: inline;
  width: 40%;
}

.contenedor_campo_formulario {
  min-height: 1px;
  margin-top: 10px;
  width: 100%;
}

.fila_contenedor_50 {
  display: flex;
}

/*tuotempo*/
.availability_hours {
  margin-top: 3%;
}

.fixed-table-container {
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  position: relative;
  clear: both;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.fixed-table-header {
  overflow: hidden;
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
}

.fixed-table-body {
  overflow-y: auto;
  height: 100%;
  overflow-x: hidden;
}

.fixed-table-loading {
  display: none;
  position: absolute;
  top: 37px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  background-color: var(--blanco);
  text-align: center;
}

tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}

.bootstrap-table .table {
  margin-bottom: 0 !important;
  border-bottom: 1px solid #ddd;
  border-collapse: collapse !important;
  border-radius: 1px;
}

.fixed-table-container thead th .th-inner {
  padding: 8px;
  line-height: 24px;
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* tuotempo */
.contenedor_campo_formulario_mitad {
  max-width: 50%;
  width: 50%;
  min-height: 1px;
  padding: 0 5px;
  margin-top: 10px;
}

.titulo_campo_formulario {
  font-family: 'bronkoh-regular', Sans-serif;
  font-size: 18px;
  font-weight: 800;
  color: var(--colorprincipal);
  padding: 0px 0px 5px 20px;
  text-align: left;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
}
@media (max-width: 576px) {
  .titulo_campo_formulario {
    font-size: 1rem;
  }
}

.titulo_centrado {
  font-family: 'bronkoh-regular', Sans-serif;
  font-size: 18px;
  font-weight: 800;
  color: var(--colorprincipal);
  padding: 0px 0px 5px 20px;
  text-align: center;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
  margin-top: 8%;
}

.campo_formulario {
  font-size: 15px;
  font-family: 'bronkoh-extralight', Sans-serif;
  color: #a8a8a8;
  padding: 8px 10px 8px 20px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #b3b3b3;
  max-width: 100%;
  width: 100%;
}

.anotacion_formulario {
  font-size: 12px;
  color: #a8a8a8;
  font-family: 'bronkoh-extralight', Sans-serif;
  text-align: left;
}

.label_centrado {
  color: var(--colorprincipal);
  font-size: 14px;
  font-weight: normal;
  font-family: 'bronkoh-light', Sans-serif !important;
  margin: 0 3% 0 3%;
  display: inline-block;
}

/* BOTONES */
.lista_formulario {
  font-weight: 900;
}

#login fieldset {
  background: white;
  border: 0 none;
  border-radius: 3px;
  padding: 0px 30px;
  box-sizing: border-box;
  width: 80%;
  margin: 0 auto;
  position: relative;
}

.margen_10 {
  margin-bottom: 10px;
}

.margen_50 {
  margin-top: 50px;
}

.tt-container {
  background-color: transparent;
  padding: 0.75rem;
}

.tt-label-left {
  text-align: left;
  margin-top: 3%;
  margin-bottom: 2%;
  color: var(--colorsecundario);
}

.tt-text-left {
  text-align: left;
}

.tt-columns.is-mobile {
  display: flex;
}

.tt-columns {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
}

.tt-column {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0.75rem;
}

.tt-columns:last-child {
  margin-bottom: -0.75rem;
}

.tt-container--white {
  background-color: var(--blanco);
}

.doble_alto {
  height: 2rem;
}

.cita_movil {
  /*09_09    padding: 0.15rem 0.75rem;
  */
  vertical-align: middle;
  background-color: white;
}

.separacion2 {
  margin-right: 2%;
}

.botones {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.contenido-principal {
  max-width: 100%;
  margin: 0 auto;
  margin-bottom: 2rem;
}

.disponibilidades {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.tabla_cita {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  border-bottom: 0;
  margin-bottom: 0 !important;
  border-bottom: 1px solid #ddd;
  border-collapse: collapse !important;
  border-radius: 1px;
  border-color: transparent;
}

.paso_siguiente {
  display: flex;
  align-items: center;
  width: auto !important;
  color: var(--colorprincipal) !important;
  padding: 0 8px;
  background-color: var(--gris) !important;
}

.paso_siguiente_activo {
  display: flex;
  align-items: center;
  background-color: var(--colorprincipal);
  width: auto !important;
  padding: 0 8px;
}

.boton_disponible {
  background-color: var(--gris) !important;
  color: var(--colorprincipal) !important;
  line-height: 15px !important;
  border: 1px solid transparent;
}

.boton_disponible:hover {
  border: 1px solid var(--colorprincipal);
}

.paso_siguiente,
.paso_siguiente_activo {
  line-height: 26px;
  height: 30px !important;
}

.paso_siguiente {
  background-color: #ddd;
  border-color: transparent;
  color: #1b2734 !important;
}

.paso_siguiente .texto_boton {
  display: none;
}

.paso_siguiente_activo {
  border-color: transparent;
  color: var(--blanco) !important;
  pointer-events: none;
  white-space: nowrap;
}

.paso_siguiente_activo .texto_boton {
  text-transform: none !important;
}

.texto_boton {
  font-size: 14px;
  text-transform: none !important;
}

.texto_boton {
  flex-grow: 1;
}

.texto_boton {
  margin-left: 10px;
  order: 1;
  text-align: center;
}

.texto_boton:first-child {
  margin-left: 0;
}

.texto_boton {
  padding-right: 16px;
}

.texto_boton {
  padding-left: 16px;
  margin-left: 0;
}

.texto_boton {
  position: relative;
}

.texto_boton::before {
  position: absolute;
  top: 0;
  left: -18px;
  font-size: 20px;
  line-height: 20px;
  width: 20px;
  height: 20px;
}

.boton {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  font-size: 15px !important;
  min-width: 50px !important;
  padding: 0 10px !important;
  text-align: center !important;
  text-decoration: none !important;
  border-radius: 3px !important;
  border-color: transparent !important;
  border-width: 1px !important;
  border-style: solid !important;
  text-transform: unset !important;
  transition: 0.35s !important;
  height: 2.25rem;
  line-height: 1rem;
}
@media (max-width: 480px) {
  .boton {
    min-width: auto !important;
  }
}

.contenedor_aviso_disponibilidad {
  overflow-x: hidden;
}

.borde_avisos {
  border-bottom: 1px solid #ddd;
  border-collapse: collapse !important;
  border-radius: 1px;
  border-color: transparent;
}

.dias_disponibles-doctor-col {
  border: 1px solid #edeff2;
  vertical-align: top !important;
}

.fila_disponibilidad_dia {
  border: 0 !important;
  font-size: 13px;
  font-weight: 400;
  color: #a8a8a8;
  vertical-align: baseline;
}

.fila_disponibilidad_dia .th-contenido {
  line-height: 18px !important;
}

.fila_disponibilidad_dia:last-child .th-contenido,
.fila_disponibilidad_dia:nth-child(2) .th-contenido {
  display: flex;
  align-items: center;
}

.fila_disponibilidad_dia .tt-prev-icon {
  padding-right: 4px;
}

.fila_disponibilidad_dia .tt-next-icon {
  padding-left: 4px;
}

.dias {
  border: 1px solid #d4d4d4;
}

.dias_disponibles {
  background-color: var(--blanco);
  border: 1px solid #edeff2;
}

.dias_disponibles-tr {
  background-color: var(--blanco);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  height: 100%;
}

.dias_disponibles-tr:hover {
  background-color: var(--blanco) !important;
}

.dias_disponibles .tt-more-availabilities {
  padding-top: 35px;
  border-bottom: 1px solid #edeff2;
  border-right: 2px solid #edeff2;
}

.dias_disponibles .tt-more-availabilities a {
  background-color: #f7f9fa;
  border-radius: 6px;
  padding: 6px 0;
  width: 200px;
  display: inline-block;
  background-color: transparent;
  border-radius: 28px;
  border: 1px solid #0b96ab;
  display: inline-block;
  cursor: pointer;
  color: var(--colorsecundario);
  font-family: Arial;
  font-size: 17px;
  text-decoration: none;
}

.dias_disponibles .tt-more-availabilities a:hover {
  color: #0e4081;
  text-decoration: underline;
}

.dias_disponibles .tt-more-availabilities-action {
  position: absolute;
  background-color: var(--blanco);
  border-top: 1px solid #dcdfe3;
  width: 94%;
  top: -47px;
  padding: 10px 0;
  z-index: 1;
  right: 38px;
}

.dias_disponibles .tt-more-availabilities-action-link {
  display: flex;
  justify-content: center;
  align-items: center;
}

.dias_disponibles .tt-more-availabilities-action-link__icon {
  font-size: 24px;
  line-height: 24px;
  margin-left: 8px;
  transition: 0.4s;
  display: inline-block;
  transform: translateY(3px);
  transition: translateY 0.3s;
}

.dias_disponibles
  .tt-more-availabilities-action-link:hover
  .tt-more-availabilities-action-link__icon {
  -webkit-animation: moving 1.6s linear;
  animation: moving 1.6s linear;
}

thead.fila_disponibilidad_dias .fila_disponibilidad_dia {
  border-left: 0 !important;
}

thead.fila_disponibilidad_dias th {
  font-weight: 400;
  border-bottom: 0 !important;
}
@media (max-width: 576px) {
  thead.fila_disponibilidad_dias th {
    font-size: 1rem !important;
  }
}

thead.fila_disponibilidad_dias th:last-child {
  border-right: 0 !important;
}

thead.fila_disponibilidad_dias th:last-child:last-child {
  border-right: 0;
}

.tt-w-100 {
  width: 100% !important;
}

confirmar_.info-desktop {
  flex-direction: column;
  justify-content: center;
  border: 0 !important;
  align-items: flex-start;
}

.medico_info {
  border: 1px solid #ddd;
  color: var(--colorprincipal);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 15px;
  position: relative;
  padding-bottom: 4px;
  border: 0 !important;
}

.medico_info-desktop {
  flex-direction: column;
  justify-content: center;
  border: 0 !important;
  align-items: center;
}

.confirmar_info {
  align-items: center;
  border: 1px solid #ddd;
  color: var(--blanco);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 15px;
  position: relative;
  border: 0 !important;
}

.medico_confirmar_avatar {
  align-self: auto;
  border-radius: 50%;
  height: 100px;
  width: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center top;
  object-position: center top;
  margin: 0 0 4% 2%;
}

.medico_info .medico_confirmar_avatar {
  align-self: auto;
  border-radius: 50%;
  height: 100px;
  width: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center top;
  object-position: center top;
  margin: 0 0 4% 2%;
}

@media (max-width: 576px) {
  .info-col .medico_confirmar_avatar {
    width: 100% !important;
    height: 100% !important;
  }
}

.medico_info-desktop .medico_info__avatar {
  align-self: center;
  margin-right: 0;
}

.medico_info__avatar {
  align-self: flex-start;
  border-radius: 80px;
  height: 100px;
  width: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center top;
  object-position: center top;
  align-self: center;
  margin-right: 2%;
}

.fila_disponibilidades {
  border: 0 !important;
  font-size: 13px;
  font-weight: 400;
  color: #a8a8a8;
  vertical-align: baseline;
  width: 7vw;
}
@media (max-width: 576px) {
  .fila_disponibilidades {
    max-width: 7vw;
    min-width: 7vw;
  }
}

.boton_disponible:hover {
  border: 1px solid var(--colorprincipal);
}

.medico_foto {
  align-self: flex-start;
  border-radius: 80px;
  height: 150px;
  width: 150px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center top;
  object-position: center top;
  margin: 0 0 4% 2%;
}

.medico_info-desktop {
  margin-top: 12px;
  text-align: center;
}

.datos_medico_cita {
  display: flex;
  flex-direction: column;
  align-self: flex-start;
}
@media (max-width: 576px) {
  .datos_medico_cita {
    margin: 0 0.5%;
  }
}

/*Seleccion cliente*/
label.campocliente {
  display: block;
  font-size: 1rem;
  font-weight: normal;
  color: var(--blanco);
  font-family: 'bronkoh-light';
  margin: 0;
}

.input-group-addon {
  padding: 3px 3px;
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  color: #f5f5f5;
  text-align: left;
  background-color: #027b91;
  border: 1px solid #ccc;
  border-radius: 6px;
  margin-bottom: 3px;
}

.modal-header {
  padding: 45px 45px 10px 45px;
  border-bottom: 1px solid #e5e5e5;
}

input[type='submit'].input_activo {
  background-color: #03a5b1;
  color: var(--blanco);
  border: none;
  padding: 7px 50px;
  border-radius: 20px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}

/*FIN*/
.texto_datos_cita {
  font-size: 1rem !important;
}

.texto_datos_paciente {
  font-size: 1.2rem !important;
  text-align: left;
  margin-right: 15px;
}

.texto_datos_paciente span {
  margin-right: 1%;
}

.contenido_panelizquierda {
  flex-grow: 1;
  overflow: hidden;
}

.contenido_panelizquierda_normal {
  margin: 4px 0px 4px 0px;
  font-size: 11px;
}

.contenido_panelizquierda_grande {
  font-size: 36px;
  font-weight: 700;
}

.medico_info + .medico_info {
  border-top: 0;
}

.contenido_panelizquierda {
  display: flex;
  flex-direction: column;
  margin: 0 0 4% 2%;
  align-items: center;
  justify-content: center;
}

.contenido_panelizquierda_normal {
  margin: 6px 0px 6px 0px;
  font-size: 20px;
}

.contenido_panelizquierda_grande {
  font-weight: 900;
}

.contenido_panelizquierda > * {
  margin-bottom: 4px;
  font-size: 1rem;
}

.contenido_panelizquierda > :last-child {
  margin-bottom: 0;
}

.dias_disponibles-doctor-col {
  border: 1px solid #edeff2;
}

.fecha_cita_doctor {
  text-align: center;
  display: table-cell;
  background-color: var(--colorprincipal);
  width: 30%;
  color: white !important;
}

.tt-alert {
  display: flex;
  flex-direction: column;
  position: relative;
  font-size: 15px;
  line-height: 22px;
  color: #1b2734;
  padding: 15px;
  margin: 1.6rem 0;
  border-radius: 4px;
  background-color: #eef4fd;
  border: 1px solid #8bb0e3;
}

.tt-alert a {
  color: #1662c6 !important;
  text-decoration: underline;
}

.tt-alert a:hover {
  color: #0e4081 !important;
}

.icono_alerta {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  margin-right: 10px;
}

.tt-alert.tt-with-close {
  padding-right: 42px;
}

.tt-alert .tt-close {
  position: absolute;
  font-size: 17px;
  top: 15px;
  right: 15px;
}

.tt-alert .tt-close:focus {
  outline: 0;
}

.tt-alert .tt-close + .tt-message {
  padding-right: 10px;
}

.tt-alert.fila_alerta {
  flex-direction: row;
}

.tabset > label {
  position: relative;
  display: inline-block;
  padding: 15px 15px 25px;
  border: 1px solid transparent;
  border-bottom: 0;
  cursor: pointer;
  font-weight: 600;
}

.texto_centrado {
  text-align: center !important;
}

.texto_justificado {
  text-align: justify !important;
}

.texto_izquierda {
  text-align: left !important;
}

.texto_derecha {
  text-align: right !important;
}

.celda_cita_centrada {
  text-align: center;
  width: 20%;
  font-size: large;
}

.imagen_celda_medico {
  margin-left: 10%;
  border-radius: 80px;
  height: 70px;
  width: 70px;
  vertical-align: middle;
}

.imagen_tipo_documento {
  width: 50px;
  height: 50px;
  margin: 0 0 4% 2%;
}

.cabecera_citas {
  display: table-header-group;
}

.celda40 {
  width: 40%;
}

.tabset > label::after {
  content: '';
  position: absolute;
  left: 15px;
  bottom: 10px;
  width: 22px;
  height: 4px;
  background: #8d8d8d;
}

.tabset > label:hover,
.tabset > input:focus + label {
  color: var(--colorsecundario);
}

.tabset > label:hover::after,
.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
  background: var(--colorsecundario);
}

.tabset > input:checked + label {
  border-color: #ccc;
  border-bottom: 1px solid var(--blanco);
  margin-bottom: -1px;
}

.tab-panel {
  padding: 10px 0;
}

#login fieldset:not(:first-of-type) {
  display: none;
}

.icon {
  text-decoration: none;
  border-bottom: none;
  position: relative;
}

.icon:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: 'bronkoh-regular', Sans-serif;
  font-style: normal;
  font-weight: normal;
  text-transform: none !important;
}

.icon > .label {
  display: none;
}

ul.icons {
  cursor: default;
  list-style: none;
  padding-left: 0;
}

ul.icons li {
  display: inline-block;
  padding: 0 1rem 0 0;
}

ul.icons li:last-child {
  padding-right: 0;
}

ul.icons li .icon:before {
  font-size: 2rem;
}

.image {
  border-radius: 4px;
  border: 0;
  display: inline-block;
  position: relative;
}

.image img {
  border-radius: 4px;
  display: block;
}

.image.left,
.image.right {
  max-width: 40%;
}

.image.left img,
.image.right img {
  width: 100%;
}

.image.left {
  float: left;
  margin: 0 2rem 2rem 0;
  top: 0.25rem;
}

.image.right {
  float: right;
  margin: 0 0 2rem 2rem;
  top: 0.25rem;
}

.image.fit {
  display: block;
  margin: 0 0 2rem 0;
  width: 100%;
}

.image.fit img {
  width: 100%;
}

.image.main {
  display: block;
  margin: 0 0 3rem 0;
  width: 100%;
}

.image.main img {
  width: 100%;
}

/* NUEVO */
.container {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 0 0 0;
}

.row {
  display: flex;
}

.row_nueva_principal {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.center {
  justify-content: center;
}

.left {
  justify-content: flex-start;
}

.right {
  justify-content: flex-end;
}

.between {
  justify-content: space-between;
}

.around {
  justify-content: space-around;
}

.middle {
  align-items: center;
}

.wrap {
  flex-wrap: wrap;
}

.top {
  align-items: flex-start;
}

.column {
  flex-direction: column;
}

.courses {
  padding: 6rem 0;
  text-align: center;
}

.courses__title {
  font-size: 30px;
  font-weight: 600;
  color: var(--negro);
  text-align: center;
  margin: 0;
}

.courses__menssage {
  font-size: 20px;
  font-weight: 200;
  color: var(--negro);
  display: block;
  padding: 2rem 0 0 0;
  text-align: left;
}

.course--button {
  background-color: #3673d9;
  color: var(--blanco);
  font-size: 20px;
  border: none;
  padding: 16px 40px 16px 40px;
  border-radius: 2px;
  cursor: pointer;
}

.course--button:hover {
  background-color: #0f3574;
}

.texto_verde {
  padding: 0px 0px 5px 0px;
}

.texto_datos_cita {
  font-size: 1rem !important;
  text-align: left;
}

.fecha_cita_doctor {
  text-align: center;
  display: table-cell;
  background-color: var(--colorprincipal);
  color: white !important;
  width: unset;
}

.fila_disponibilidad_dia {
  padding: 0.15rem 0.75rem;
  vertical-align: middle;
  background-color: white;
  width: 100%;
}

#titulo_pagina {
  margin-left: 10px;
  margin-bottom: 6%;
}

.contenido_panelizquierda_normal {
  font-size: 12px;
}

.contenido_panelizquierda_grande {
  font-size: 20px;
  font-weight: 700;
}

.fila_disponibilidad_dia {
  border: 1px solid #ccc;
  padding: 0 0 0 0;
  font-size: 13px;
  font-weight: 400;
  color: #a8a8a8;
  vertical-align: baseline;
  border-left: 1px solid #edeff2 !important;
  border-bottom: 1px solid #edeff2 !important;
}

.btn {
  color: var(--color);
  transition: 0.25s;
}

.btn:hover,
.btn:focus {
  border-color: var(--hover);
  color: var(--blanco);
}

.btn {
  border-radius: 22px;
  background: none;
  border: 2px solid;
  font: inherit;
  line-height: 1;
  margin: 0.5em;
  padding: 1em 2em;
}

@media all and (max-width: 320px) {
  .table-row.header {
    display: none;
  }
  .table-row {
    flex-direction: column;
  }
  .table-row div {
    flex-grow: 0;
    -webkit-flex-grow: 0;
    width: 100%;
  }
  .num {
    text-align: left;
  }
}
@media (max-width: 480px) {
  ul.actions:not(.fixed) {
    -moz-flex-direction: column;
    flex-direction: column;
    margin-left: 0;
    width: 100% !important;
  }
  ul.actions:not(.fixed) li {
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-shrink: 1;
    flex-shrink: 1;
    padding: 1rem 0 0 0;
    text-align: center;
    width: 100%;
  }
  ul.actions:not(.fixed) li > * {
    width: 100%;
  }
  ul.actions:not(.fixed) li:first-child {
    padding-top: 0;
  }
  ul.actions:not(.fixed) li input[type='submit'],
  ul.actions:not(.fixed) li input[type='reset'],
  ul.actions:not(.fixed) li input[type='button'],
  ul.actions:not(.fixed) li button,
  ul.actions:not(.fixed) li .button {
    width: 100%;
  }
  ul.actions:not(.fixed) li input[type='submit'].icon:before,
  ul.actions:not(.fixed) li input[type='reset'].icon:before,
  ul.actions:not(.fixed) li input[type='button'].icon:before,
  ul.actions:not(.fixed) li button.icon:before,
  ul.actions:not(.fixed) li .button.icon:before {
    margin-left: -0.5rem;
  }
  .caja_home_nuevo {
    background-color: var(--blanco);
    margin: 10px 10px;
    padding: 0rem 0rem 0rem 0rem;
    border-radius: 25px;
  }
  .caja_home_efecto {
    width: 59px;
    height: 59px;
  }
  .caja_home_circulo {
    width: 65px;
    height: 65px;
  }
  .caja_home_circulo::after {
    width: 59px;
    height: 59px;
    top: 3.5px;
    left: 3.5px;
  }
}
@media all and (max-width: 580px) {
  .table-row.header {
    display: none;
  }
  .text-4,
  .num-4 {
    flex-direction: column;
  }
  .text-4 div,
  .num-4 div {
    flex-grow: 0;
    -webkit-flex-grow: 0;
    width: 100%;
    display: initial;
  }
  .text-4 {
    width: 180px;
  }
  .num-4 {
    width: 80px;
  }
  input[type='button'],
  input[type='reset'],
  input[type='submit'] {
    height: 2.3rem;
  }
}
@media screen and (max-width: 575px) {
  .contenedor {
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom: 24px;
  }
  .bloque_contacto {
    padding: 0px;
    margin: 0px;
  }
  .contenedor_contacto {
    margin: 0px;
    padding: 0px;
  }
  .lista_formulario li {
    margin-bottom: 10px;
  }
  .row {
    display: inline-flex;
    -webkit-display: box;
    -moz-display: box;
    -ms-display: flexbox;
    -webkit-display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
  }
  input[type='button'],
  input[type='reset'],
  input[type='submit'] {
    height: 3.2rem;
    font-size: 1.3rem;
  }
  .fila {
    width: 100%;
    align-items: center;
    margin: 2% 0 2% 0;
  }
  .boton_blanco {
    width: 100%;
    display: inline-block;
  }
  .boton_gris {
    width: 100%;
    display: inline-block;
  }
  .identificate {
    width: 100%;
  }
  .boton_reiniciar {
    width: 100%;
    display: inline-block;
  }
  .espaciado_derecha_normal {
    margin-right: 15px;
  }
  .espaciado_izquierda_normal {
    margin-left: 15px;
  }
  .boton_seleccion {
    width: 100%;
  }
  .fila_filtro {
    width: 100%;
    position: relative;
    align-items: center;
    margin: 12% 0 2% 0;
    display: inherit;
  }
  .listado_home {
    padding: 1% 0;
    margin: 5% auto;
  }
  .listado_parking {
    margin-left: 3%;
  }
  .elemento_parking {
    margin-top: 40px;
  }
  #familiares {
    width: 100%;
    display: block;
  }
  #misdatos {
    width: 100%;
  }
  .caja_home {
    background-color: var(--blanco);
    margin: 10px 5px 10px 5px;
    width: 45%;
    padding: 0rem 0rem 0rem 0rem;
    border-radius: 25px;
  }
  .caja_home:hover {
    transform: scale(1.1);
    border: 0px;
  }
  .titulo_caja {
    font-family: 'bronkoh-regular', Sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: var(--colorprincipal);
    margin: 1rem 1rem 0 1rem;
    text-align: left;
  }
  .listado_home {
    padding: 1% 0;
    width: 100%;
    margin: 0;
  }
  #menu {
    position: fixed;
    width: 50%;
    left: 0px;
    margin: 30px 0 0 0;
    z-index: 999999;
    -webkit-overflow-scrolling: touch;
  }
  .margen_izquierdo {
    margin-left: 30px;
  }
  .login_formulario {
    width: 90%;
  }
  .formulario {
    width: 90%;
  }
  .medico_info__avatar {
    width: 20%;
    height: 20%;
  }
  .texto_datos_paciente {
    font-size: calc(4vw + 4vh + 2vmin);
  }
  .fila_tarjeta {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
}
[id*='chkopciones']:checked + .opciones-menu > .btnacciones--aceptar {
  top: -70px;
  left: -45px;
}

[id*='chkopciones']:checked + .opciones-menu > .btnacciones--modificar {
  top: -35px;
  left: -65px;
}

[id*='chkopciones']:checked + .opciones-menu > .btnacciones--borrar {
  left: -85px;
  top: 3px;
}

@media (min-width: 576px) {
  body {
    text-align: left;
    background: #edeff1;
    padding: 0px 0px 0px 0px;
    background-size: auto;
    margin-top: 0rem;
    margin-right: 0rem;
    margin-bottom: 0rem;
    margin-left: 0rem;
  }
  nav {
    padding-left: 6%;
  }
  .caja_footer {
    font-size: 30px;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    text-align: center;
    padding-top: 2%;
    padding-bottom: 2%;
  }
  .caja_footer2 {
    font-size: 20px;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    text-align: center;
    border-top-style: dashed;
    border-top-color: var(--blanco);
    border-top-width: 1px;
    padding-top: 1%;
    padding-bottom: 1%;
  }
  .telefono_footer {
    margin: 0 0 0 0;
  }
  .otros_telefonos_footer {
    margin: 0 0 0 0;
  }
  #menu {
    height: 90%;
    overflow-y: scroll;
    position: absolute;
    margin: 5% 0 0 0;
    width: 40%;
    padding: 4% 3% 1% 4%;
  }
  #menu li {
    line-height: 3rem;
    padding: 5px 0;
    display: flex;
    align-items: center;
    font-size: 3vw;
    margin-left: 1%;
    margin-top: 2%;
  }
  .fila_filtro {
    display: -ms-grid;
    display: grid;
  }
  .icono_cita {
    background-size: 2rem;
    height: 2rem;
    width: 2rem;
  }
  .icono_citas {
    background-size: 2rem;
    height: 2rem;
    width: 2rem;
  }
  .icono_archivo {
    background-size: 2rem;
    height: 2rem;
    width: 2rem;
  }
  .icono_buzon {
    background-size: 2rem;
    height: 2rem;
    width: 2rem;
  }
  .icono_perfil {
    background-size: 2rem;
    height: 2rem;
    width: 2rem;
  }
  .icono_configuracion {
    background-size: 2rem;
    height: 2rem;
    width: 2rem;
  }
  .listado_home {
    padding: 1% 0;
    margin: 5% auto;
    width: 80%;
  }
  .caja_home {
    background-color: var(--blanco);
    margin: 10px 13px 10px 13px;
    width: 33%;
    padding: 0rem 0rem 2rem 0rem;
    border-radius: 25px;
  }
  .caja_home:hover {
    transform: scale(1.1);
    border: 0px;
  }
  header {
    height: 60px;
    width: 100%;
  }
  .titulo_caja {
    font-size: 2rem;
    font-weight: 500;
  }
  .titulo_caja {
    font-family: 'bronkoh-regular', Sans-serif;
    font-size: 20px;
    color: var(--colorprincipal);
    margin: 1rem 0 0 1rem;
    text-align: left;
  }
}
@media screen and (max-width: 699px) {
  .confirmar {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--blanco);
    border: 1px solid #edeff2;
    width: 100%;
    margin-top: 20px;
  }
  .solicitante {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 90%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-right: 0px;
    align-self: auto;
  }
  .botones {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
  }
  input[type='button'],
  input[type='reset'],
  input[type='submit'] {
    height: 2.3rem;
  }
  .contenedor_contacto {
    display: -ms-flexbox;
    display: block;
    position: relative;
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
  .ancho_fuente_normal {
    width: 100%;
  }
}
@media (max-width: 699px) {
  .tt-alert {
    margin: 1.4rem 0.75rem;
  }
  .tt-columns.is-mobile > .tt-column.is-one-fifth {
    flex: none;
    width: 20%;
  }
  .tt-column {
    display: -ms-grid;
    display: grid;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 0.5rem;
  }
}
@media screen and (max-width: 768px) {
  .login_formulario {
    width: 90%;
  }
  .formulario {
    width: 70%;
  }
  .boton_blanco,
  .boton_gris,
  .boton_reiniciar {
    width: 50%;
  }
  #misdatos {
    width: 100%;
  }
  #aviso {
    width: 100%;
    margin-right: 0%;
    position: relative;
    float: right;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: 1px;
    margin-bottom: 20px;
  }
  #seguridad {
    width: 100%;
    float: none;
  }
  .cajadatos {
    text-align: center;
  }
  .cajaseguridad {
    text-align: center;
  }
  .familiares {
    width: 100%;
  }
  .table-responsive-vertical > .table {
    margin-bottom: 0;
    background-color: transparent;
  }
  .imagen_celda_medico {
    display: none;
  }
  .table-responsive-vertical > .table > thead,
  .table-responsive-vertical > .table > tfoot {
    display: none;
  }
  .table-responsive-vertical > .table > tbody {
    display: block;
  }
  .table-responsive-vertical > .table > tbody > tr {
    display: block;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    margin-bottom: 1.6rem;
  }
  .table-responsive-vertical > .table > tbody > tr > td {
    background-color: var(--blanco);
    display: block;
    text-align: right;
    width: 100%;
  }
  .table-responsive-vertical > .table > tbody > tr > td[data-title]:before {
    content: attr(data-title);
    float: left;
    font-size: inherit;
    font-weight: 400;
    color: #757575;
  }
  .table-responsive-vertical.shadow-z-1 {
    box-shadow: none;
  }
  .table-responsive-vertical.shadow-z-1 > .table > tbody > tr {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  }
}
@media (min-width: 768px) {
  body {
    text-align: left;
    background: #edeff1;
    padding: 0px 0px 0px 0px;
    background-size: auto;
    margin-top: 0rem;
    margin-right: 0rem;
    margin-bottom: 0rem;
    margin-left: 0rem;
  }
  nav {
    padding-left: 6%;
  }
  .container {
    margin-bottom: 261px;
  }
  .caja_footer {
    font-size: 4rem;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    text-align: center;
    padding-top: 2%;
    padding-bottom: 2%;
  }
  .caja_footer2 {
    font-size: 2rem;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    text-align: center;
    border-top-style: dashed;
    border-top-color: white;
    border-top-width: 1px;
    padding-top: 2%;
    padding-bottom: 2%;
  }
  .telefono_footer {
    margin: 0 0 0 0;
  }
  .otros_telefonos_footer {
    margin: 0 0 0 0;
  }
  #menu {
    height: 70%;
    margin: 9% 0 0 0;
    width: 40%;
    left: 0;
    padding: 4% 3% 1% 4%;
  }
  #menu li {
    line-height: 1rem;
    padding: 10px 0;
    display: flex;
    align-items: center;
    font-size: 2vw;
    margin: 0 0 0 0;
  }
  .fila_filtro {
    display: -ms-grid;
    display: grid;
  }
  .icono_cita {
    background-size: 3rem;
    height: 3rem;
    width: 3rem;
  }
  .icono_citas {
    background-size: 3rem;
    height: 3rem;
    width: 3rem;
  }
  .icono_archivo {
    background-size: 3rem;
    height: 3rem;
    width: 3rem;
  }
  .icono_buzon {
    background-size: 3rem;
    height: 3rem;
    width: 3rem;
  }
  .icono_perfil {
    background-size: 3rem;
    height: 3rem;
    width: 3rem;
  }
  .icono_configuracion {
    background-size: 3rem;
    height: 3rem;
    width: 3rem;
  }
  .listado_home {
    padding: 1% 0;
    margin: 5% auto;
    width: 70%;
  }
  .caja_home {
    background-color: var(--blanco);
    margin: 10px 13px 10px 13px;
    padding: 0rem 0rem 2rem 0rem;
    border-radius: 25px;
  }
  .caja_home:hover {
    transform: scale(1.1);
    border: 0px;
  }
  header {
    height: 80px;
    width: 100%;
  }
  .text-4 {
    display: initial;
  }
}
@media (min-width: 992px) {
  body {
    text-align: left;
    background: #edeff1;
    padding: 0px 0px 0px 0px;
    background-size: auto;
    margin-top: 0rem;
    margin-right: 0rem;
    margin-bottom: 0rem;
    margin-left: 0rem;
  }
  nav {
    padding-left: 6%;
  }
  header {
    height: 80px;
    width: 100%;
  }
  #menu {
    height: 630px;
    margin: 4% 0 0 0;
    width: 20%;
    padding: 2% 1% 1% 1%;
  }
  #menu li {
    line-height: 2rem;
    padding: 10px 0;
    display: flex;
    align-items: center;
    font-size: 1.5vw;
    margin-left: 10%;
    margin-top: 2%;
  }
  .fila_filtro {
    display: flex;
  }
  .icono_cita {
    background-size: 2rem;
    height: 2rem;
    width: 2rem;
  }
  .icono_citas {
    background-size: 2rem;
    height: 2rem;
    width: 2rem;
  }
  .icono_archivo {
    background-size: 2rem;
    height: 2rem;
    width: 2rem;
  }
  .icono_buzon {
    background-size: 2rem;
    height: 2rem;
    width: 2rem;
  }
  .icono_perfil {
    background-size: 2rem;
    height: 2rem;
    width: 2rem;
  }
  .icono_configuracion {
    background-size: 2rem;
    height: 2rem;
    width: 2rem;
  }
  .listado_home {
    padding: 1% 0;
    margin: 2% auto;
    width: 60%;
  }
  .caja_home {
    width: 43%;
  }
  .titulo_caja {
    font-size: 1.5rem;
  }
  .container {
    max-width: 1000px;
    margin: 0 auto;
    /*padding: 0 1em; }27_09*/
  }
  .caja_home {
    background-color: var(--blanco);
    margin: 10px 13px 10px 13px;
    width: 43%;
    padding: 0rem 0rem 2rem 0rem;
    border-radius: 25px;
  }
  .caja_home:hover {
    transform: scale(1.1);
    border: 0px;
  }
  .caja_footer {
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    text-align: center;
    height: 60%;
  }
  .caja_footer2 {
    visibility: hidden;
    display: none;
    height: 1%;
  }
  .telefono_footer {
    margin: 0 0 0 0;
  }
  .otros_telefonos_footer {
    margin: 0 0 0 0;
  }
}
@media (min-width: 1200px) {
  body {
    text-align: left;
    background: #edeff1;
    padding: 0px 0px 0px 0px;
    background-size: auto;
    margin-top: 0rem;
    margin-right: 0rem;
    margin-bottom: 0rem;
    margin-left: 0rem;
  }
  header {
    height: 80px;
    width: 100%;
  }
  nav {
    padding-left: 6%;
  }
  #menu {
    height: 80%;
    left: 0px;
    margin: 3% 0 0 0;
    width: 20%;
    padding: 2% 1% 1% 1%;
  }
  #menu li {
    line-height: 2rem;
    padding: 10px 0;
    display: flex;
    align-items: center;
    font-size: 1.5vw;
    margin-left: 16%;
    margin-top: 1%;
  }
  #logo {
    width: 70%;
  }
  .fila_filtro {
    display: flex;
  }
  .contenedor_logo {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
  .logoochoa {
    width: 50%;
  }
  .icono_cita {
    background-size: 2rem;
    height: 2rem;
    width: 2rem;
  }
  .icono_citas {
    background-size: 2rem;
    height: 2rem;
    width: 2rem;
  }
  .icono_archivo {
    background-size: 2rem;
    height: 2rem;
    width: 2rem;
  }
  .icono_buzon {
    background-size: 2rem;
    height: 2rem;
    width: 2rem;
  }
  .icono_perfil {
    background-size: 2rem;
    height: 2rem;
    width: 2rem;
  }
  .icono_configuracion {
    background-size: 2rem;
    height: 2rem;
    width: 2rem;
  }
  .listado_home {
    padding: 1% 0;
    margin: 2% auto;
    width: 60%;
  }
  .caja_home {
    background-color: var(--blanco);
    margin: 10px 13px 10px 13px;
    width: 36%;
    padding: 0rem 0rem 2rem 0rem;
    border-radius: 25px;
  }
  .caja_home:hover {
    transform: scale(1.1);
    border: 0px;
  }
  .titulo_caja {
    font-size: 1.5rem;
  }
  .caja_logo {
    height: 60%;
    width: 60%;
    margin: 10% auto;
  }
  .container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 1em;
  }
  .caja_footer {
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    text-align: center;
    height: 60%;
  }
  .caja_footer2 {
    visibility: hidden;
    display: none;
    height: 1%;
  }
  .telefono_footer {
    margin: 0 0 0 0;
  }
  .otros_telefonos_footer {
    margin: 0 0 0 0;
  }
  .text-2,
  .num-2 {
    flex-direction: column;
  }
  .text-2 div,
  .num-2 div {
    flex-grow: 0;
    -webkit-flex-grow: 0;
    width: 100%;
  }
  .text-2 {
    width: 180px;
  }
  .num-2 {
    width: 80px;
  }
}
@media (min-width: 1400px) {
  body {
    text-align: left;
    background: #edeff1;
    padding: 0px 0px 0px 0px;
    background-size: auto;
    margin-top: 0rem;
    margin-right: 0rem;
    margin-bottom: 0rem;
    margin-left: 0rem;
  }
  header {
    height: 80px;
    width: 100%;
  }
  nav {
    padding-left: 6%;
  }
  #menu {
    left: 0px;
    margin: 2.5% 0 0 0;
    height: 80%;
    width: 15%;
    padding: 2% 1% 1% 2%;
  }
  #menu li {
    line-height: 2rem;
    padding: 10px 0;
    display: flex;
    align-items: center;
    font-size: 1vw;
    margin-left: 1%;
    margin-top: 2%;
  }
  #logo {
    width: 70%;
    text-align: center;
  }
  .fila_filtro {
    display: flex;
  }
  .contenedor_logo {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
  }
  .logoochoa {
    width: 50%;
  }
  .icono_cita {
    background-size: 2rem;
    height: 2rem;
    width: 2rem;
  }
  .icono_citas {
    background-size: 2rem;
    height: 2rem;
    width: 2rem;
  }
  .icono_archivo {
    background-size: 2rem;
    height: 2rem;
    width: 2rem;
  }
  .icono_buzon {
    background-size: 2rem;
    height: 2rem;
    width: 2rem;
  }
  .icono_perfil {
    background-size: 2rem;
    height: 2rem;
    width: 2rem;
  }
  .icono_configuracion {
    background-size: 2rem;
    height: 2rem;
    width: 2rem;
  }
  .listado_home {
    padding: 1% 0;
    margin: 2% auto;
    width: 50%;
  }
  .caja_home {
    width: 30%;
    margin: 10px 10px 10px 10px;
    padding: 0rem 1.1rem 2rem 1.1rem;
    border-radius: 25px;
  }
  .titulo_caja {
    font-size: 1.1rem;
    margin: 1rem 0 0 0rem;
    text-align: left;
  }
  .caja_logo {
    height: 80%;
    width: 80%;
    margin: 8% auto;
  }
  .container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 1em;
    margin-bottom: 5%;
  }
  .caja_footer {
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    text-align: center;
    height: 60%;
  }
  .caja_footer2 {
    visibility: hidden;
    display: none;
    height: 1%;
  }
  .telefono_footer {
    margin: 0 0 0 0;
  }
  .otros_telefonos_footer {
    margin: 0 0 0 0;
  }
}
/*ok*/ /*ok*/
.alineado_centrado {
  text-align: center;
}

.alineado_derecha {
  text-align: right;
}

.alineado_justificado {
  text-align: justify;
}

.alineado_izquierda {
  text-align: left;
}

.tamano_texto_pequeno {
  font-size: 0.7rem;
}

.tamano_texto_normal {
  font-size: 16px;
}

.tamano_texto_grande {
  font-size: 1.5rem;
}

.float_derecha {
  float: right;
}

.float_izquierda {
  float: left;
}

#logo {
  width: 80%;
  display: block;
  text-align: center;
}
@media (max-width: 576px) {
  #logo {
    width: 70%;
  }
}
@media (min-width: 768px) {
  #logo {
    width: 70%;
  }
}
@media (min-width: 1024px) {
  #logo {
    width: 70%;
  }
}

.contenedor_logo {
  display: block;
  -webkit-margin-before: 1em;
  margin-block-start: 1em;
  -webkit-margin-after: 1em;
  margin-block-end: 1em;
  -webkit-margin-start: 40px;
  margin-inline-start: 40px;
  -webkit-margin-end: 40px;
  margin-inline-end: 40px;
  text-align: center;
}
@media (max-width: 576px) {
  .contenedor_logo {
    display: block;
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0px;
    margin-inline-start: 0px;
    -webkit-margin-end: 0px;
    margin-inline-end: 0px;
    text-align: center;
  }
}
@media (min-width: 576px) {
  .contenedor_logo {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) {
  .contenedor_logo {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1024px) {
  .contenedor_logo {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 576px) {
  .caja_logo_img {
    height: 50px;
    width: 50px;
  }
}
@media (min-width: 576px) {
  .caja_logo_img {
    height: 50%;
    width: 50%;
  }
}
@media (min-width: 768px) {
  .caja_logo_img {
    height: 50%;
    width: 50%;
  }
}

@media (max-width: 576px) {
  .caja_logo {
    height: 90px;
    width: 100px;
    margin: 1% auto;
  }
}
@media (min-width: 576px) {
  .caja_logo {
    height: 80%;
    width: 80%;
    margin: 2% auto;
  }
}
@media (min-width: 768px) {
  .caja_logo {
    height: 50%;
    width: 50%;
    margin: 7% auto;
  }
}
@media (min-width: 1024px) {
  .caja_logo {
    height: 60%;
    width: 60%;
    margin: 7% auto;
  }
}

.logoochoa {
  width: 220px;
}
@media (min-width: 576px) {
  .logoochoa {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .logoochoa {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .logoochoa {
    width: 50%;
  }
}

.logosvgmiochoa {
  background-image: url(logos/logomiochoa.svg);
  background-repeat: no-repeat;
}

.logosvghospitalochoa {
  background-image: url(logos/logohospital.svg);
  background-repeat: no-repeat;
}

.logosvgclubochoa {
  background-image: url(logos/logoclubochoa.svg);
  background-repeat: no-repeat;
}

.logosvgesteticaochoa {
  background-image: url(logos/logoesteticaochoa.svg);
  background-repeat: no-repeat;
}

.logosvgfivochoa {
  background-image: url(logos/logofivochoa.svg);
  background-repeat: no-repeat;
}

.logosvgintranet {
  background-image: url(logos/logointranetochoa.svg);
  background-repeat: no-repeat;
}

/*ok*/
.fila {
  width: 100%;
  position: relative;
  align-items: center;
  margin: 2% 0 2% 0;
}

.fila_media {
  width: 50%;
  position: relative;
  align-items: center;
  display: flex;
  margin: 2% 0 2% 0;
  justify-content: space-around;
}

.fila_tercio {
  width: 33.333%;
  position: relative;
  align-items: center;
  display: flex;
  margin: 2% 0 2% 0;
}

.fila_2 {
  width: 100%;
  position: relative;
  align-items: center;
  display: flex;
  margin: 2% 0 2% 0;
}

.fila_filtro_desplegable {
  width: 100%;
  position: relative;
  align-items: center;
  display: flex;
  margin: 2% 0 2% 0;
}

.fila_notificacion {
  width: 100%;
  position: relative;
  align-items: center;
  margin: 0 0 0 0;
  padding: 1%;
}

.barra_flotante {
  position: fixed;
  bottom: 30px;
  margin: 0;
  width: 100%;
  display: flex;
  background: unset;
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.fila_filtro {
  width: 100%;
  position: relative;
  align-items: center;
  display: flex;
  margin: 10% 0 2% 0;
}

.fila_flex {
  display: flex;
}

.fila_grid {
  display: -ms-grid;
  display: grid;
}

.fila_inline {
  display: inline-block;
}

.fila_flex_centrado {
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  display: flex;
}

.fila_flex_centrado_vertical {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  flex-wrap: nowrap;
  align-items: center;
}

.fila_flex_centrado_horizontal {
  flex-wrap: nowrap;
  align-items: center;
  flex-direction: row;
  display: flex;
}

.fila_flex_izquierda {
  align-self: normal;
  display: flex;
}

.fila_2_botones button {
  width: 50%;
}

.fila_3_botones button {
  width: 33%;
}

.fila_tarjeta {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}

.fila_disponibilidades.alineado_arriba span div {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.contenido_centrado {
  display: flex;
  justify-content: center;
  align-items: center;
}

.fila_formulario_citas {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.barra_flotante_vertical {
  position: fixed;
  bottom: 60px;
  left: 10%;
  width: 100%;
  display: flex;
  background: unset;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.barra_flotante_vertical .btnOK {
  min-width: 130px;
}

.boton_grande {
  width: 220px;
}

.boton_mediano {
  width: 150px;
}

.boton_cuadrado {
  line-height: 1;
  margin: 0.5em;
  padding: 1em 2em;
  border: none;
}

.boton_ovalado {
  line-height: 1;
  margin: 0.5em;
  padding: 1em 2em;
  border: none;
  border-radius: 20px;
}

.borrar_cita {
  background-color: var(--blanco);
  color: var(--rojo) !important;
  font-family: 'bronkoh-light', Sans-serif;
  font-style: normal;
  font-size: 10px;
  transition: all 0.3s ease 0s;
  padding: 0 1rem !important;
  padding: 0px 10px;
  margin: 0 5px 5px 0;
  border-radius: 25px 25px 25px 25px;
  border: 1px solid var(--rojo);
  text-align: center;
  align-items: center;
  width: unset;
  line-height: 1.5em;
  height: 30px;
  min-width: 150px;
  box-shadow: inset 0 0 0 0 transparent;
  transition: ease-in-out 1.5s;
}

.modificar_cita {
  background-color: var(--blanco);
  color: var(--colorprincipal) !important;
  font-family: 'bronkoh-light', Sans-serif;
  font-style: normal;
  font-size: 10px;
  transition: all 0.3s ease 0s;
  padding: 0 1rem !important;
  padding: 0px 10px;
  margin: 0 5px 5px 0;
  border-radius: 25px 25px 25px 25px;
  border: 1px solid var(--colorprincipal);
  text-align: center;
  align-items: center;
  width: unset;
  line-height: 1.5em;
  height: 30px;
  min-width: 150px;
  border-radius: 25px 25px 25px 25px !important;
  border: 1px solid var(--colorprincipal) !important;
  box-shadow: inset 0 0 0 0 transparent;
  transition: ease-in-out 1.5s;
}

.borrar_cita {
  border: solid 1px var(--rojo);
}
.borrar_cita:hover {
  box-shadow: inset 150px 0 0 0 var(--rojo);
  color: white !important;
  background-color: transparent !important;
}

.modificar_cita:hover {
  border: solid 1px var(--colorprincipal);
}
.modificar_cita:hover:hover {
  box-shadow: inset 150px 0 0 0 var(--colorprincipal);
  color: white !important;
  background-color: transparent !important;
}

.cita_pasada {
  background-color: var(--rojo);
  color: var(--blanco) !important;
  font-family: 'bronkoh-light', Sans-serif;
  font-style: normal;
  font-size: 10px;
  transition: all 0.3s ease 0s;
  border-radius: 0 0;
  padding: 0 1rem !important;
  padding: 0px 10px;
  margin: 0 5px 5px 0;
  border: 1px solid var(--rojo);
  text-align: center;
  align-items: center;
  width: unset;
  line-height: 1.5em;
  height: 30px;
  min-width: 150px;
  cursor: default;
}
.cita_pasada:hover {
  background-color: var(--rojo);
  color: var(--blanco) !important;
  cursor: not-allowed;
}

.caja_icono {
  display: flex;
  align-items: center;
  justify-content: start;
  -webkit-box-align: center;
  flex-direction: row;
  /* width: 100%; CAMBIO_06_10 */
}

.disenio_icono {
  fill: var(--colorsecundario);
  color: var(--colorsecundario);
  border-color: var(--colorsecundario);
  margin-right: 30px;
  line-height: 1;
  font-size: 50px;
  text-align: center;
  float: left;
  width: 1em;
  height: 1em;
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
}

.icono_titulo {
  color: var(--colorprincipal);
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 0;
  font-family: 'bronkoh-light', Sans-serif !important;
  text-align: left;
}

.icono_subtitulo {
  font-size: 14px;
  text-transform: uppercase;
  color: var(--colorsecundario);
  font-family: 'bronkoh-light', Sans-serif !important;
}

.iconoold_ {
  margin-right: 1%;
  line-height: 1;
  font-size: 50px;
  text-align: center;
  float: left;
  position: relative;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  background-repeat: no-repeat;
}

.icono_ {
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
}

.icono_pequeno {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 15px;
  display: inline-flex;
  vertical-align: text-bottom;
}

.icono_titulo span {
  margin-left: 2rem;
}
@media (max-width: 576px) {
  .icono_titulo span {
    margin-left: 1rem;
  }
}

.icono_titulo {
  display: flex;
  flex-direction: column;
}

.iconoold_ {
  margin-right: 0.1rem;
  float: left;
  margin-right: 0.1rem;
}

.iconoold_ div[class*='ochoa-a8'] {
  /*Pendiente*/
}

/*ok*/
.medico_info__content a {
  color: white;
}

/* Accesibilidad */
[type='checkbox']:checked:focus + label:before,
[type='checkbox']:not(:checked):focus + label:before {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1),
    0 0 0 4px rgba(19, 67, 88, 0.349);
}

.sombra {
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.sombrasimple {
  -ms-box-shadow: RRGBA(90, 93, 89, 0.57) 3px 3px 3px 0px;
  box-shadow: RGBA(90, 93, 89, 0.57) 3px 3px 3px 0px;
}

.sombrapequena {
  -ms-box-shadow: rgba(0, 135, 177, 0.5) 10px 10px 11px 0px;
  box-shadow: rgba(0, 135, 177, 0.5) 10px 10px 11px 0px;
}

.sombramediana {
  -ms-box-shadow: RGB(90 93 89/57%) 20px 20px 11px 0px;
  box-shadow: RGB(90 93 89/57%) 20px 20px 11px 0px;
}

.sombragrande {
  -ms-box-shadow: RGB(90 93 89/57%) 30px 30px 11px 0px;
  box-shadow: RGB(90 93 89/57%) 30px 30px 11px 0px;
}

.shadows {
  box-shadow: 0px 4px 5px #666, 2px 6px 10px #999;
}

/*ok*/
/*ANIMACIONES / TRANSICIONES*/
@-webkit-keyframes fadeOut2 {
  0% {
    opacity: 1;
    z-index: 9999;
  }
  90% {
    opacity: 1;
    z-index: 9999;
  }
  100% {
    opacity: 0;
    z-index: -3;
  }
}
@keyframes fadeOut2 {
  0% {
    opacity: 1;
    z-index: 9999;
  }
  90% {
    opacity: 1;
    z-index: 9999;
  }
  100% {
    opacity: 0;
    z-index: -3;
  }
}
@keyframes moving {
  100% {
    transform: translateY(8px);
  }
}
@-webkit-keyframes moving {
  100% {
    transform: translateY(8px);
  }
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}
@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}
@keyframes agitar {
  from {
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    transform: scale3d(0.98, 0.98, 0.98) rotate3d(0, 0, 1, -1deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 1deg);
  }
  40%,
  60%,
  80% {
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -1deg);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes agitar {
  from {
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    transform: scale3d(0.98, 0.98, 0.98) rotate3d(0, 0, 1, -1deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 1deg);
  }
  40%,
  60%,
  80% {
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -1deg);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulso_circular {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 50px rgba(255, 255, 255, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@-webkit-keyframes pulso_circular {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 50px rgba(255, 255, 255, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes entrada_izquierda {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes entrada_izquierda {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes pulso {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}
@-webkit-keyframes pulso {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}
@keyframes bounce {
  0% {
    opacity: 0;
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    transform: translateY(0) rotate(-45deg);
  }
}
@-webkit-keyframes bounce {
  0% {
    opacity: 0;
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    transform: translateY(0) rotate(-45deg);
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale(0.2);
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale(0.2);
  }
  50% {
    opacity: 1;
  }
}
@keyframes pulso_boton {
  0% {
    transform: scale(0.95);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 50px rgba(90, 153, 212, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
  }
}
@-webkit-keyframes pulso_boton {
  0% {
    transform: scale(0.95);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 50px rgba(90, 153, 212, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
  }
}
@keyframes pulso_boton_borrar {
  0% {
    transform: scale(0.95);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 50px rgba(212, 90, 90, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(212, 90, 90, 0);
  }
}
@-webkit-keyframes pulso_boton_borrar {
  0% {
    transform: scale(0.95);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 50px rgba(212, 90, 90, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(212, 90, 90, 0);
  }
}
@-webkit-keyframes salpicar {
  0% {
    box-shadow: 0 0 0 0px rgba(71, 225, 141, 0.7);
    background: rgba(71, 225, 141, 0.7);
  }
  80% {
    background: rgba(66, 166, 223, 0);
  }
  100% {
    box-shadow: 0 0 0 120px rgba(66, 166, 223, 0);
  }
}
@-webkit-keyframes pulso_continuo {
  0% {
    -webkit-transform: scale(1);
  }
  3.3% {
    -webkit-transform: scale(1.1);
  }
  16.5% {
    -webkit-transform: scale(1);
  }
  33% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes salpicar {
  0% {
    box-shadow: 0 0 0 0px rgba(71, 225, 141, 0.7);
    background: rgba(71, 225, 141, 0.7);
  }
  80% {
    background: rgba(66, 166, 223, 0);
  }
  100% {
    box-shadow: 0 0 0 120px rgba(66, 166, 223, 0);
  }
}
@keyframes pulso_continuo {
  0% {
    -webkit-transform: scale(1);
  }
  3.3% {
    -webkit-transform: scale(1.1);
  }
  16.5% {
    -webkit-transform: scale(1);
  }
  33% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes pulse-colorprincipal {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--colorprincipal_claro);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px var(--colorprincipal_claro);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--colorprincipal_claro);
  }
}
@keyframes pulse-colorprincipal {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--colorprincipal_claro);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px var(--colorprincipal_claro);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--colorprincipal_claro);
  }
}
@-webkit-keyframes pulse-colorsecundario {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--colorsecundario_claro);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px var(--colorsecundario_claro);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--colorsecundario_claro);
  }
}
@keyframes pulse-colorsecundario {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--colorsecundario_claro);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px var(--colorsecundario_claro);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--colorsecundario_claro);
  }
}
@-webkit-keyframes pulse-azul {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--azul_claro);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px var(--azul_claro);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--azul_claro);
  }
}
@keyframes pulse-azul {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--azul_claro);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px var(--azul_claro);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--azul_claro);
  }
}
@-webkit-keyframes pulse-celeste {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--celeste_claro);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px var(--celeste_claro);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--celeste_claro);
  }
}
@keyframes pulse-celeste {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--celeste_claro);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px var(--celeste_claro);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--celeste_claro);
  }
}
@-webkit-keyframes pulse-gris {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--gris_claro);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px var(--gris_claro);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--gris_claro);
  }
}
@keyframes pulse-gris {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--gris_claro);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px var(--gris_claro);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--gris_claro);
  }
}
@-webkit-keyframes pulse-verde {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--verde_claro);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px var(--verde_claro);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--verde_claro);
  }
}
@keyframes pulse-verde {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--verde_claro);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px var(--verde_claro);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--verde_claro);
  }
}
@-webkit-keyframes pulse-verdeoscuro {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--verdeoscuro_claro);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px var(--verdeoscuro_claro);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--verdeoscuro_claro);
  }
}
@keyframes pulse-verdeoscuro {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--verdeoscuro_claro);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px var(--verdeoscuro_claro);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--verdeoscuro_claro);
  }
}
@-webkit-keyframes pulse-naranja {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--naranja_claro);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px var(--naranja_claro);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--naranja_claro);
  }
}
@keyframes pulse-naranja {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--naranja_claro);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px var(--naranja_claro);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--naranja_claro);
  }
}
@-webkit-keyframes pulse-rojo {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--rojo_claro);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px var(--rojo_claro);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--rojo_claro);
  }
}
@keyframes pulse-rojo {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--rojo_claro);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px var(--rojo_claro);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--rojo_claro);
  }
}
@-webkit-keyframes pulse-negro {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--negro_claro);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px var(--negro_claro);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--negro_claro);
  }
}
@keyframes pulse-negro {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--negro_claro);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px var(--negro_claro);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--negro_claro);
  }
}
@-webkit-keyframes pulse-blanco {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--blanco_claro);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px var(--blanco_claro);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--blanco_claro);
  }
}
@keyframes pulse-blanco {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--blanco_claro);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px var(--blanco_claro);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 var(--blanco_claro);
  }
}
.fila_chema {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.foto_circular {
  border-radius: 50%;
  height: 2em;
} /*# sourceMappingURL=estilos.css.map */