/* FORMULARIO ------------------------------------------------------ */

.accordion {
  --bs-accordion-active-color: var(--content-primary);
  --bs-accordion-active-bg: #fdfdfd !important;
}

.accordion-item:first-of-type {
  border: none;
}

.accordion-header {
   font-size: calc(1.3rem + .5vw)
}

.accordion-header .accordion-button {
  font-size: inherit;
}

.accordion .accordion-button:disabled::after {
  opacity: 0;
}

.laliga-form legend {
    user-select: none;
    font-weight: 600;
}

.laliga-form .legal-content {
  font-size: 0.8rem;
}

/* CHECKBOXES */

      .laliga-form .form-check-input + label {
        user-select: none;
        cursor: pointer;
      }

/* !CHECKBOXES */


/* INPUT TEXT */
      .laliga-form .form-control[type="radio"],
      .laliga-form .form-control[type="text"],
      .laliga-form .form-control[type="email"],
      .laliga-form .form-control[type="number"],
      .laliga-form textarea.form-control {
        width: 100%;
        padding: 15px;
        font-weight: 400;
        font-size: var(--laliga-input-font-size);
        line-height: 25.2px;
        text-align: center;
        border-radius: 6px;
        border-width: 1px;
        border-style: solid;
        /* border-color: #b5b5b5; */
      }

      .laliga-form .form-control[type="radio"].is-invalid,
      .laliga-form .form-control[type="text"].is-invalid,
      .laliga-form .form-control[type="email"].is-invalid,
      .laliga-form .form-control[type="number"].is-invalid,
      .laliga-form .form-control[type="radio"].is-valid,
      .laliga-form .form-control[type="text"].is-valid,
      .laliga-form .form-control[type="email"].is-valid,
      .laliga-form .form-control[type="number"].is-valid {
        padding-right: calc(1.5em + 0.75rem);
      }

      .laliga-form .form-control[type="radio"]:focus,
      .laliga-form .form-control[type="text"]:focus,
      .laliga-form .form-control[type="email"]:focus,
      .laliga-form .form-control[type="number"]:focus,
      .laliga-form textarea.form-control:focus {
        border-color: #c4c4c4;
        box-shadow: 0 0 0 0.25rem rgb(196, 196, 196, 25%);
        /* border-color: var(--primary-color);
        box-shadow: 0 0 0 0.25rem rgb(var(--primary-color-rgb), 25%); */
      }

      .laliga-form .form-control::placeholder,
      .laliga-form .form-control:placeholder-shown {
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        overflow: hidden !important;
      }

/* !INPUT TEXT */


/* RADIO BUTTONS */

      .radio-buttons-container {
        display: flex;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 24px;
      }

      .laliga-form .radiobutton .radiobutton__label {
        width: 100%;
        padding: 15px;
        font-weight: 400;
        font-size: var(--laliga-input-font-size);
        line-height: 25.2px;
        text-align: center;
        border-radius: 6px;
        border: 1px solid #b5b5b5;
        cursor: pointer;
        user-select: none;
      }

      .laliga-form .radiobutton .radiobutton__label:hover {
        background: #ddd;
      }

      .laliga-form .radiobutton .radiobutton__input[type="radio"] {
        opacity: 0;
        position: absolute;
        /* top: 0; */
      }

      .laliga-form .radiobutton .radiobutton__input[type="radio"]:checked + label,
      .Checked + label {
        background: #ff4b44;
        color: #ffffff;
      }

      .form-check-radio {
        flex: 30% 1 0;
        padding-left: 0;
        min-width: 180px;
      }
      .form-check-radio .form-check-input {
        opacity: 0;
        position: absolute;
      }

      .radio-title-container {
        display: flex;
      }

      .custom-radio-circle {
        flex-shrink: 0;
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 2px solid #ccc;
        margin-right: 10px;
      }

      .form-check-radio .form-check-label:hover .custom-radio-circle {
        border-color: var(--primary-color);
      }

      .form-check-radio .form-check-input:checked + .form-check-label .custom-radio-circle {
        border-color: var(--primary-color);
        border-width: 5px;
      }

      .form-check-radio .form-check-input:focus + .form-check-label .custom-radio-circle {
        box-shadow: 0px 0px 5px 2px rgb(255 85 85 / 22%);
      }

      .form-check-radio .form-check-label {
        border: 2px solid #EDEDED;
        border-radius: 8px;
        background-color: white;
        padding: 8px;
        width: 100%;
      }

      .form-check-radio .form-check-input:checked + .form-check-label {
        border: 2px solid var(--primary-color);
      }

      .form-check-radio .form-check-label .form-check-label-name {
        font-weight: 800;
        display: inline-block !important;
        position: relative;
        top: -4px;
      }

      .form-check-radio .form-check-label .form-check-label-name,
      .form-check-radio .form-check-label .form-check-label-street,
      .form-check-radio .form-check-label .form-check-label-number,
      .form-check-radio .form-check-label .form-check-label-municipality,
      .form-check-radio .form-check-label .form-check-label-cp,
      .form-check-radio .form-check-label .form-check-label-region,
      .form-check-radio .form-check-label .form-check-label-country {
        display: block;
      }

/* !RADIO BUTTONS */

/* ACCORDDION CON NIEBLA */
      .accordion-button-fogged {
        position: relative;
      }

      .accordion-button-fogged.collapsed::before {
        position: absolute;
        left: 0;
        bottom: calc(100% + 4px);
        content: "";
        display: block;
        height: 130px;
        width: 100%;
        background: linear-gradient(#ffffff00, #ffffff);
      }
/* /ACCORDDION CON NIEBLA */