/* Componentes globales intactos. Extensión de contenido y campos basada en el select original. */
.contact-hero{min-height:0;padding:145px 0 55px;background:radial-gradient(circle at 85% 10%,#ffc10712,transparent 40%),#000}.contact-hero h1{margin-bottom:12px}.contact-hero .lead{margin:0;font-weight:700;color:#fff}.contact-hero .intro-copy{max-width:610px;color:#c9c9c9}.contact-actions{display:flex;flex-wrap:wrap;gap:14px;margin:25px 0 0}.channels-section{padding-top:55px}.channels-section h2{font-size:clamp(2rem,3.3vw,3rem)}.channels-grid{margin-top:30px}.channel{display:flex;flex-direction:column;align-items:flex-start}.channel p{margin:8px 0 20px}.channel .button{margin-top:auto}.channel h3{font-size:1.5rem;margin:10px 0}.channel-icon{height:34px;width:34px;color:var(--color-yellow);margin-bottom:20px}.channel .eyebrow{margin:0}.email-address{font-weight:700;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px}.pending-label{border:1px solid var(--color-border);border-radius:999px;padding:8px 16px;margin-top:auto;color:#ccc;font-size:.85rem}.contact-form-section{background:#111}.contact-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:60px;align-items:start}.contact-layout h2{font-size:clamp(2rem,3.5vw,3.3rem)}.contact-form{margin-top:35px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}.field{min-width:0}.field.wide{grid-column:1/-1}.field label{display:block}.optional{font-weight:400;color:#aaa;font-size:.8rem}.contact-form input,.contact-form select,.contact-form textarea{font:inherit;display:block;width:100%;min-height:50px;margin-top:5px;padding:8px 12px;border:1px solid #0003;border-radius:12px;background:#fff;color:#0a0a0a}.contact-form select{font-weight:800}.contact-form textarea{min-height:155px;resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#666;opacity:1}.contact-form [aria-invalid=true]{border:2px solid var(--color-yellow)}.field-error{display:block;min-height:21px;font-size:.8rem;color:var(--color-yellow);margin-top:5px}.field-hint{font-size:.8rem;color:#aaa;margin:5px 0}.contact-form .button{margin-top:12px}.contact-form [disabled]{cursor:wait;opacity:.65}.contact-form [disabled]:hover{transform:none}.routing{margin:12px 0 20px;padding:18px;border:1px solid var(--color-border);border-left:3px solid var(--color-yellow);border-radius:12px}.routing p{margin:0 0 6px}.text-link{text-decoration:underline;text-underline-offset:4px}.routing .text-link{color:var(--color-yellow)}.form-note,.privacy-copy{font-size:.85rem;color:#aaa}.form-note{border-left:2px solid var(--color-yellow);padding-left:14px}.form-result{margin-top:24px;border:1px solid var(--color-yellow);border-radius:var(--radius-card);padding:25px;background:var(--color-surface)}.form-result h3{margin-top:0}.form-result .contact-actions{gap:10px}.form-result .button{font-size:.85rem;padding:10px 18px}.help-panel{margin-top:8px}.help-panel h3{font-size:1.65rem}.help-panel .divider{height:1px;background:var(--color-border);margin:30px 0}.help-panel .note{margin-top:20px}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.quick-link{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);font-weight:700;transition:.25s}.quick-link span{color:var(--color-yellow)}.quick-link:hover{border-color:var(--color-yellow);transform:translateY(-2px)}.final-cta .contact-actions{justify-content:center}.final-cta .button-outline-dark{margin-left:0}.final-cta a:focus-visible{outline-color:#080808}.trap{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} [hidden]{display:none!important}
@media(max-width:960px){.contact-hero{padding-top:115px}.contact-layout{gap:30px}.channel .button{font-size:.85rem;padding:11px 18px}.channel{padding:24px}}
@media(max-width:820px){.contact-layout{grid-template-columns:1fr;gap:45px}.channels-grid{grid-template-columns:1fr}.quick-links{grid-template-columns:1fr 1fr}.channel{padding:30px}}
@media(max-width:540px){.contact-hero{padding:110px 0 45px}.channels-section{padding-top:45px}.contact-actions .button{width:100%}.field-grid,.quick-links{grid-template-columns:1fr}.field.wide{grid-column:auto}.contact-form>.button{width:100%}.help-panel{padding:25px}.final-cta .contact-actions{width:100%}}
