<style>
  /* 1. CONFIGURACIÓN GENERAL Y SCROLL */
  html { scroll-behavior: smooth !important; }
  .text-primary { color: #d103d1 !important; }

  /* 2. CAMPOS DE ENTRADA COMPACTOS */
  .custom-form-wrapper input, 
  .custom-form-wrapper select, 
  .custom-form-wrapper textarea,
  .custom-form-wrapper .hs-input {
    background-color: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: white !important;
    border-radius: 6px !important;
    padding: 10px 14px !important; /* Más delgado */
    margin-bottom: 0.75rem !important; /* Menos espacio entre filas */
    font-size: 0.85rem !important; /* Fuente más elegante */
    width: 100% !important;
  }

  .custom-form-wrapper label { 
    color: #9ca3af !important; 
    font-size: 0.75rem !important;
    margin-bottom: 4px !important;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

  /* 3. EL TRUCO PARA REDUCIR ALTURA: 2 COLUMNAS */
  /* Si en HubSpot arrastras un campo junto a otro, esto los alineará perfecto */
  .custom-form-wrapper .hs-form-row {
    display: flex !important;
    gap: 15px !important;
    margin-bottom: 0px !important;
  }
  .custom-form-wrapper .hs-form-field {
    flex: 1 !important;
  }

  /* 4. BOTÓN DE ENVÍO MÁS FINO */
  .custom-form-wrapper .hs-button {
    background-color: #d103d1 !important;
    color: white !important;
    padding: 12px 24px !important;
    width: 100% !important;
    border-radius: 6px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 0.85rem !important;
    margin-top: 5px;
    transition: all 0.3s ease !important;
    box-shadow: 0 0 15px rgba(209, 3, 209, 0.2) !important;
  }

  /* 5. FIX DROPDOWNS Y BUSCADOR */
  .custom-form-wrapper [role="searchbox"] { display: none !important; }
  
  .custom-form-wrapper .hsfc-DropdownOptions__List__ListItem,
  .custom-form-wrapper select option {
    color: #ffffff !important;
    background-color: #0f1115 !important;
  }
</style>