h2.page-title{
    margin: 0;
    padding: 12px 16px;
    /* custom */
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    /* custom */
    background-color: #007abd;
}


h2.page-title.page-title--steps{

    display: flex;
    justify-content: space-between;
    align-items: baseline;

}


h2.page-title.page-title--steps .steps{

    font-size: 14px;
    font-weight: 400;
    line-height: 20px;


}


h2.page-title.page-title--success{

  background-color: #1EAE5A;

}

h2.page-title.page-title--error{


background-color: #F44336;

}

.preloader-message h4{font-size: 16px;}

.box-success, .box-error{

  padding: 40px 32px;
  background-color: #F2F5F7;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  margin-bottom: 32px;

}

.box-error{

  background-color: #FEEDEC;

}


.box-success h2, .box-error h2{font-size: 24px; color: #222; line-height: 1.4; margin: 0; text-align: center; font-weight: 600;}
.box-success h4, .box-error h4{font-size: 20px; color: #222; line-height: 1.4; margin: 0; text-align: center; font-weight: 600;}
.box-success h4 span, .box-error h4 span{font-size: 40px; display: block;}
.box-success h4 span.message, .box-error h4 span{color: #9e9e9e; font-size: 16px; margin: 0; padding: 0; line-height: 1.4; display: block; font-weight: 400;}


.box-error h4 span{color: #222;}

.container .list-data--wrap{background-color: #fff; padding: 0;}

h3.primary-text{

    color: #000000;

}

.radio-wrap h6{

    color: #9e9e9e;
    font-size: 16px;
    line-height: 24px;

}

.radio-wrap > div{

    padding-block: 8px;

}

/* custom select (beta) */


/*.select-wrapper .caret.caret-up{transform: rotate(180deg)}*/
/*.select-wrapper input.select-focus{border-bottom: 1px solid #0B274F}
.active.active-drop{color: #0B274F;}*/



  
  .flatpickr-calendar {

    width: 100%; /* Ocupa todo el ancho disponible */
    box-sizing: border-box; /* Asegura que el padding y border se incluyan dentro del ancho */
    padding: 12px;
    border-radius: 10px;
    margin-bottom: 32px;

  }


  .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month{

    position: relative;

  }

  .flatpickr-months {margin-bottom: 16px;}

  .flatpickr-months select{display: block;}

  .flatpickr-months .flatpickr-current-month{

    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;

    }


    .flatpickr-day.available-day {
        background-color: #E6FFD6; /* Color claro para días disponibles */
        color: #000; /* Color de texto */
        border-radius: 50%; /* Opcional: estilo redondeado */
      }
      
      .flatpickr-day.available-day:hover {
        background-color: #D9FFC2; /* Color más oscuro al pasar el mouse */
      }
      
      

      .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay{

        color: #dadada;

      }

      .flatpickr-calendar .dayContainer{row-gap: 8px;}

      .flatpickr-day.today, .flatpickr-day.today:hover{

        border: 1px solid #007abd;
        

      }

      .flatpickr-day.selected, .flatpickr-day.selected:hover{

        background-color: #007abd;
        color: #fff;

      }


      .flatpickr-day{

        transition: background-color 0.2s ease-out;

      }




/* selector horas */

.custom-radio-group {
  display: flex;
  gap: 16px;
  flex-direction: column;
  margin-bottom: 32px;
}

.custom-radio-group h4{font-size: 16px; line-height: 1.2; color: #9e9e9e; margin: 0; }

.custom-radio-group .custom-radio + h4{margin-top: 16px;}

.custom-radio input[type="radio"] {
  display: none;
}

[type=radio]:not(:checked) + span.custom-radio-button, [type=radio]:checked + span.custom-radio-button {
  display: block;
  padding: 8px 26px;
  height: auto;
  /* custom */
  border: 1px solid #007abd;
  border-radius: 5px;
  background-color: #fff;
  cursor: pointer;
  text-align: center;
  /* custom */
  color: #007abd;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  border-radius: 32px;
}


.custom-radio-button:before, .custom-radio-button:after{

display: none;


}

.custom-radio input[type="radio"]:checked + .custom-radio-button {
  /* custom */
  background-color: #007abd;
  /* custom */
  border-color: #007abd;
  color: white;
}

.custom-radio input[type="radio"]:disabled + .custom-radio-button {
  background-color: #fff;
  border-color: rgba(76, 78, 100, 0.12);
  color: rgba(76, 78, 100, 0.26);
  cursor: not-allowed;
}

.custom-radio-button:hover {
  background-color: #d0d0d0;
}

.custom-radio input[type="radio"]:checked + .custom-radio-button:hover {
  /* custom */
  background-color: #007abd;
}



main.access--page{
  /* custom - color de fondo de las paginas */
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 48px;
  margin: 0;
  height: 100vh;
  width: 100vw;
  flex-direction: column;

}

main.access--page h1{font-size: 32px; 
                  /* custom */
                  color: #000000; 
                  line-height: 1.2; margin: 0; text-align: center; font-weight: 500; max-width: 288px;}

/* custom */
main button.btn-large {
  color: #ffffff;
   background-color: #007abd; 
}
/* custom */
main .btn-link{
   color: #007abd; background-color: transparent; }


   main button.btn-large:hover{

    background-color: #007abd; 

   }

   .btn:hover, .btn-small:hover, .btn-large:hover {
    background-color: #007abd;
}

.btn, .btn-small, .btn-large {
  background-color: #007abd;
}


.btn-large.btn-secondary{background-color: #6D788D}


main.access--page .btn-large{
  
  color: #ffffff;
  background-color: #007abd;
  width: 100%; max-width: 288px;}

.item-horario{
  display: flex;
  width: 100%;
  gap: 16px;
}

.item-horario .btn-large{
height: 42px;
    line-height: 42px;
  }


.item-horario label{flex-grow: 1;}
.item-horario button{width: 50%;}


@media only screen and (max-width: 992px) {
  nav .brand-logo {
       left: unset;
      transform: unset;
  }
}
 
/* custom */
nav{
  border-bottom: 0;
}

/* custom */
.nav-wrapper{
  background-color: white;
}


.alert{

padding: 16px;
border-radius: 16px;
margin-block: 32px;



}

.alert.alert--info{

background-color: #ECF5FE;

}

.alert.alert--error{

  background-color: #FEEDEC;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;

}

.loader-content{

  background-color: rgba(255,255,255,.9);
  height: calc(100%);
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 10000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}



/* .input-field select.browser-default + label {
  transform: translateY(-26px);
} */


.input-field select.browser-default{

  border: 0;
  border-bottom: 1px solid #9e9e9e

}

.input-field select[disabled] {

  color: #9e9e9e;

}


.input-field select:focus{outline: none;     border-bottom: 1px solid #007abd;
  box-shadow: 0 1px 0 0 #007abd;}