@charset "UTF-8";

/************** CUESTIONARIO SUENO ******************/
#cuestionario-sueno div.wpcf7-mail-sent-ok,
.wpcf7-response-output.wpcf7-validation-errors,
.wpcf7-response-output.wpcf7-mail-sent-ok {
  border: 0px !important;
}
#cuestionario-sueno {
  text-align: center;
}
#cuestionario-sueno .lista-num {
  color: #3065b5;
  margin-right: 30px;
}
#cuestionario-sueno .togglebuttons .wpcf7-list-item {
  margin: 0 0 0 0;
  display: inline-block;
}
#cuestionario-sueno .togglebuttons > span input {
  opacity: 0;
  position: absolute;
}
#cuestionario-sueno .togglebuttons > span .wpcf7-list-item-label {
  cursor: pointer;
  display: block;
  color: #333;
  background: #ffffff;
  padding: 10px 30px;
  background: #fff;
  border: 1px solid #d4e1f1;
}
#cuestionario-sueno p {
  text-align: center;
}
#cuestionario-sueno
  .togglebuttons
  > span
  input:checked
  + .wpcf7-list-item-label {
  /* background: #0193c2;*/
}
#cuestionario-sueno
  span.wpcf7-list-item
  input[type="radio"]
  + span.wpcf7-list-item-label::before {
  display: none;
}
#cuestionario-sueno
  span.wpcf7-list-item
  input[type="radio"]:checked
  + span.wpcf7-list-item-label::after {
  opacity: 0;
}
#cuestionario-sueno .togglebuttons input[value="SÍ"] + .wpcf7-list-item-label {
  border-radius: 5px 0px 0px 5px;
}
#cuestionario-sueno .togglebuttons input[value="NO"] + .wpcf7-list-item-label {
  border-radius: 0px 5px 5px 0px;
}
#cuestionario-sueno
  .togglebuttons
  input[value="SÍ"]:checked
  + .wpcf7-list-item-label {
  background: rgb(178, 227, 222) !important;
}
#cuestionario-sueno
  .togglebuttons
  input[value="NO"]:checked
  + .wpcf7-list-item-label {
  background: #ffe8e8 !important;
}
#cuestionario-sueno #cuestion-siguiente {
  background-color: #3065b5;
  color: white;
  padding: 5px 89px;
  text-transform: uppercase;
  font-weight: normal;
}
#sueno-result-3,
#sueno-result-2 {
  margin-bottom: 2em;
}
#sueno-result-3 h3,
#sueno-result-3 p {
  text-align: center;
}
#sueno-result-2 h3,
#sueno-result-2 p {
  text-align: center;
}
.form-sueno {
  background: #f7f7f7;
  padding: 10px;
  padding-bottom: 3em;
}
.form-sueno input,
.form-sueno textarea {
  margin-bottom: 1em;
}
.form-sueno .acepto-sueno input {
  margin-bottom: 2em;
}
.form-sueno input[type="submit"] {
  background: #0392ce;
  color: white;
  padding: 0px 30px;
  float: right;
}
#reloj-img {
  max-width: unset;
  height: 100%;
  padding-right: 15px;
  width: 100%;
  object-fit: cover;
}
#cuestionario-sueno .alert-danger {
  background-color: #f8d7da;
  border: 1px solid #721c24;
  border-radius: 3px;
  color: #721c24;
  margin-top: 20px;
  padding: 10px;
  text-align: center;
}
/**************** FIN CUESTIONARIO SUENO************************/
#sueno-3,
#sueno-result-3,
#sueno-result-2 {
  display: none;
}
#cuestionario-sueno {
  text-align: center;
}
#sueno-3 .row {
  display: flex;
}
#sueno-3 .form-sueno {
  height: 100%;
}
.wpcf7-form.sent #sueno-3 {
  display: none !important;
}
.wpcf7-form.sent .wpcf7-mail-sent-ok {
  background-color: #d4edda;
  border: 1px solid #155724;
  color: #155724;
  padding: 15px;
  text-align: center;
}

/* Original: .btn-float-left #cmsmasters_button_ { float: left !important; }
   Los botones de CMSMasters generan IDs con sufijo numérico
   (cmsmasters_button_12345), por eso se usa coincidencia por prefijo. */
.btn-float-left [id^="cmsmasters_button_"] {
  float: left !important;
}