/* Estilos para los formularios embebidos de HubSpot (portal 19497951).
   El formulario vive siempre sobre fondo oscuro (sección .contact). */

.hbspt-form .hs-form fieldset{max-width:none;width:100%}
.hbspt-form .hs-form-field{margin-bottom:24px}
.hbspt-form .hs-form fieldset.form-columns-2 .hs-form-field{padding-right:12px;box-sizing:border-box}
.hbspt-form .hs-form fieldset.form-columns-2 .hs-form-field:last-of-type{padding-right:0;padding-left:12px}

.hbspt-form label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#bdbbb7;font-weight:600;display:block;margin-bottom:9px}
.hbspt-form legend.hs-field-desc{color:#8f8d89;font-size:12px;margin-bottom:8px}

.hbspt-form .hs-input:not([type=checkbox]):not([type=radio]){width:100%!important;padding:16px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;font-family:inherit;font-size:15px;box-sizing:border-box;border-radius:0;-webkit-appearance:none;appearance:none}
.hbspt-form select.hs-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23cfcdc9' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}
.hbspt-form select.hs-input option{color:#111}
.hbspt-form .hs-input:focus{outline:none;border-color:#fff}
.hbspt-form ::placeholder{color:#6f6d6a}

.hbspt-form .inputs-list{list-style:none;margin:0;padding:0}
.hbspt-form .inputs-list li{margin-bottom:12px}
.hbspt-form .inputs-list:not(.multi-container) li:last-child{margin-bottom:0}
.hbspt-form label.hs-form-radio-display,
.hbspt-form label.hs-form-booleancheckbox-display{display:flex;gap:10px;align-items:flex-start;text-transform:none;letter-spacing:0;font-weight:400;color:#cfcdc9;font-size:14px;line-height:1.4;margin-bottom:0}
.hbspt-form input[type=checkbox],
.hbspt-form input[type=radio]{width:18px;height:18px;flex:none;margin-top:1px;accent-color:#fff}
.hbspt-form label.hs-form-radio-display span,
.hbspt-form label.hs-form-booleancheckbox-display span{margin-left:0}

.hbspt-form .legal-consent-container,
.hbspt-form .legal-consent-container .hs-richtext,
.hbspt-form .legal-consent-container p{color:#cfcdc9;font-size:13px;line-height:1.4}
.hbspt-form a{color:#fff;text-decoration:underline}

.hbspt-form .hs-button{display:inline-flex;align-items:center;justify-content:center;width:100%;gap:12px;padding:17px 32px;border:1px solid #fff;background:#fff;color:#0d0d0c;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;cursor:pointer;transition:.55s cubic-bezier(.22,1,.36,1);font-family:inherit;border-radius:0;-webkit-appearance:none;appearance:none;text-shadow:none;box-shadow:none;line-height:normal}
.hbspt-form .hs-button:hover{background:transparent;color:#fff}
.hbspt-form .hs_submit{margin-top:8px}

.hbspt-form .hs-error-msgs{list-style:none;padding:0;margin:8px 0 0}
.hbspt-form .hs-error-msgs label{color:#ff8a80;font-size:13px;text-transform:none;letter-spacing:0;font-weight:400;margin:0}
.hbspt-form .hs_error_rollup .hs-error-msgs label{color:#ff8a80}
.hbspt-form .hs-input.invalid.error{border-color:#ff8a80}

.hbspt-form .submitted-message{color:#fff;font-size:17px;line-height:1.6}

@media(max-width:760px){
  .hbspt-form .hs-form fieldset.form-columns-2 .hs-form-field{float:none;width:100%;padding:0}
  .hbspt-form .hs-form fieldset.form-columns-2 .hs-form-field:last-of-type{padding-left:0}
}
