/*** Sitio: Marcablanca ***/
/*VENTANA MODAL*/
.modal, .registro, .acceso, .confirma{
  background-color: var(--color1);
  border: 1px solid #eee;
  box-shadow: 0 2px 8px 2px rgba(0,0,0,.15);
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 40px);
  max-width: 615px;
  position: fixed;
  width: 80%;
  z-index: 10;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal .head, .registro .head, .acceso .head, .confirma .head {
  display: flex;
  flex: 0 0 50px;
  padding: 0 1rem;
  background-color: var(--color3);
  color: var(--color1);
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
}
.modal .head .title, .registro .head .title, .acceso .head .title, .confirma .head .title {
font-family: var(--basica);
font-weight: var(--regular);
color: var(--color1);
text-transform: uppercase;
text-align: left;
font-size: 1.5rem;
flex-grow: 1; 
margin: auto;
}
.modal .head .close, .registro .head .close, .acceso .head .close, .confirma .head .close {
  cursor: pointer;
  font-family: var(--basica);
  font-size: 2.5rem;
  position: relative;
  text-align: right;
  flex: 0 0 auto; 
}
.modal .body, .registro .body, .acceso .body, .confirma .body {
flex: 1;
padding: 1rem;
overflow: auto;
text-align: center;
margin: 20px 10px;
}
.registro .body, .acceso .body {
text-align: left;
}
.modal .body h2, .registro .body h2, .acceso .body h2, .confirma .body h2 {
  font-family: var(--basica);
}
.modal .body p, .registro .body p, .acceso .body p, .confirma .body p {
  font-family: var(--basica);
  font-size: 15px;
  margin-top: 25px;
}
.modal .foot, .registro .foot, .acceso .foot, .confirma .foot {
display:none;  
/*
  align-items: center;
  border-top: 2px solid #48508e;
  display: flex;
  flex: 0 0 2.5rem;
  justify-content: flex-start;
  padding: 0 1rem;
  font-size: 0.8rem;*/
}
.modal .foot .btn { margin-left: 10px; }
.btn {
  border-radius: 3px;
  padding: .5rem .75rem;
}
.submit-login, .submit-registro, .cancel-confirma, .submit-confirma {
    background-color: var(--color2);
    color: var(--color1);
    font-size: 1.2rem;
    margin-top: 1rem;
    border: none;
    border-radius: 0px;
    text-transform: uppercase;
}
.submit-login:hover, .submit-registro:hover, .cancel-confirma:hover, .submit-confirma:hover{
    opacity: var(--alfa);
}
.modal-info {
    line-height: 1.5rem;
    color: #48508e;
}
.modal-info-sala {
    font-weight: bold;
}
.modal-info-disponibles {
    font-weight: bold;
}
.modal-info-numerada {
    font-weight: bold;
}
.modal-info-formato {
    font-weight: bold;
}
.modal-info-foot {
    font-weight: bold;
    color: #ae3935;
    font-size: medium;
}
.modal:has(.modal-info) {
    width: unset;
    background-color: var(--color1);
}
.modal.oculta, .acceso.oculta, .registro.oculta {
    display: none;
}
.bloquea-fondo {
/*position: absolute;*/
top: 0;
left: 0;
width: 100%;
height: 100vh;
display: none;
transition: background-color 0.5s ease;
transition: opacity 0.5s ease;
background-color: #000000;
opacity:0.8;
z-index:9;
 position: fixed;
}

/*FIN ventana modal*/