:root {
          --hdc-green: #0f9997;
          --hdc-orange: #ff5a00;
          --hdc-acqua: #67c6d7;
          --hdc-green-dark: #75bf1e;
          --hdc-yellow: #ffed00;
          --hdc-yellow-clear: #fceed6;
          --hdc-gray-text: #777777;
          --hdc-dark-text: #3a3a3a;
      }
      .item-ct{
        margin-bottom: 10px;
      }
      .item-ct input{
        border:2px solid var(--hdc-orange);
        border-radius: 0px;
      }
      .item-ct select{
        border:2px solid var(--hdc-orange);
        border-radius: 0px;
      }
      .item-ct textarea{
        border:2px solid var(--hdc-orange);
        border-radius: 0px;
         height: 120px;
      }
      .input-group-text{
        background: var(--hdc-orange);
        color: #ffffff ;
      }

      .btn-enviar {
        background-color: var(--hdc-orange);
        color: #fff;
        border: none;
        width: 290px;
        padding: 14px 20px;
        font-size: 16px;
        display: flex;
        align-items: center;
        gap: 12px;
        border-radius: 0; /* bordes rectos como la imagen */
        transition: background-color 0.2s ease;
        text-align: center;
        margin: 20px auto 0 auto;
        font-weight: 600;
      }

      .btn-enviar:hover {
        background-color: #e64e00;
        color: #fff;
      }

      .btn-enviar .icono i{
        font-size: 25px;
        font-weight: 700;
      }
      .btn-enviar .texto {
        flex: 1;
        text-align: center;
      }

      .select-wrapper {
        position: relative;
      }

      .select-custom {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        padding-right: 45px; /* espacio para el ícono */
      }

      .select-icon {
        position: absolute;
        right: 14px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 22px;
        color: #999;
        pointer-events: none; /* no bloquea el click */
      }

      /* ===== MODALES ===== */
      .modal-overlay {
        position: fixed;
        inset: 0;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0,0,0,.5);
        display: none;
        align-items: center;
        justify-content: center;
        z-index: 9999;
      }

      .modal-box {
        background: #fff;
        max-width: 420px;
        padding: 30px;
        text-align: center;
      }
      .modal-title { color: var(--hdc-green); }
      .modal-title.error { color: #c62828; }
      .modal-button {
        background: var(--hdc-green);
        color: #fff;
        border: none;
        padding: 12px 25px;
        cursor: pointer;
      }
      .modal-button.error { background: #c62828; }

      .swal2-container {
        background: rgba(255, 255, 255, 0.75) !important;
      }
      .swal2-popup {
        border: 2px solid #ff5a00 !important;
        border-radius: 0 !important; /* bordes rectos, estilo HDC */
      }
      div:where(.swal2-icon) {
        border: none !important;
        border-color: #fff !important;
      }