/* Hub CTA · seguimiento y formularios adaptados a móvil. */
body[data-module-ui="support"] { --support-ink: #002d4b; --support-muted: #4b5a6b; --support-line: #c8d4dd; --support-surface: #fff; --support-soft: #f2f6f8; --support-action: #00658f; }
.support-tracking h1 { font-size: 2rem; line-height: 1.2; margin: .5rem 0 1rem; }
.support-ticket-folio { margin: 0 0 .5rem; }
.support-ticket-folio span { display: block; color: var(--support-muted); font-size: .875rem; margin-bottom: .25rem; }
.support-ticket-folio strong { display: block; font-size: 1.25rem; letter-spacing: .025em; overflow-wrap: anywhere; }
.support-ticket-meta { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; margin: 1.5rem 0; }
.support-ticket-meta > div { min-width: 0; padding: 1rem; background: var(--support-surface); border: 1px solid var(--support-line); border-radius: 12px; }
.support-ticket-meta span { display: block; font-size: .875rem; color: var(--support-muted); margin-bottom: .4rem; }
.support-ticket-meta strong { display: block; font-size: 1rem; line-height: 1.5; overflow-wrap: anywhere; }
.support-ticket-card { padding: 1.5rem; background: var(--support-surface); border: 1px solid var(--support-line); border-radius: 12px; margin: 1.5rem 0; overflow-wrap: anywhere; }
.support-tracking .support-ticket-card h2 { font-size: 1.25rem; line-height: 1.4; margin: 0 0 1rem; }
.support-tracking .support-ticket-card h3 { font-size: 1.125rem; line-height: 1.5; }
.support-tracking .support-ticket-card p { font-size: 1rem; line-height: 1.5; }
.support-tracking :is(input,textarea,select) { box-sizing: border-box; width: 100%; font-family: inherit; font-size: 1rem; line-height: 1.5; border: 1px solid #718496; border-radius: 8px; padding: .75rem; }
.support-history-meta { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: .5rem 1rem; margin-bottom: .5rem; font-size: .875rem; line-height: 1.5; color: var(--support-muted); }
.support-history-meta time { white-space: nowrap; }
.support-progress { margin: 1rem 0; border: 1px solid var(--support-line); border-radius: 12px; background: var(--support-surface); }
.support-progress summary { cursor: pointer; padding: .75rem 1rem; min-height: 48px; box-sizing: border-box; font-size: 1rem; font-weight: 600; line-height: 1.5; }
.support-progress summary span { margin-left: .5rem; color: var(--support-muted); font-size: .875rem; font-weight: 400; }
.support-progress .ticket-workflow { padding: 0 1rem; }
.support-progress :is(summary,a):focus-visible { outline: 3px solid var(--support-action); outline-offset: 3px; }
@media (max-width: 760px) {
 body[data-module-ui="support"] .cta-header-inner { min-height: 0; padding-block: 8px; gap: 4px 12px; }
 body[data-module-ui="support"] .cta-brand img { width: 100px; height: 40px; }
 body[data-module-ui="support"] .cta-global-nav { gap: 8px; }
 body[data-module-ui="support"] .cta-global-nav a { min-height: 44px; display: inline-flex; align-items: center; padding: 0 8px; font-size: .875rem; }
 body[data-module-ui="support"] .cta-login { min-height: 44px; font-size: .875rem; }
 body[data-module-ui="support"] .footer { padding-block: 24px; }
 body[data-module-ui="support"] .footer-grid { gap: 16px; }
 body[data-module-ui="support"] .footer .brand-logo { width: 100px; height: 40px; }
 body[data-module-ui="support"] .footer a { display: inline-flex; align-items: center; min-height: 44px; }
 body[data-module-ui="support"] .footer-bottom { margin-top: 16px; }
 .support-tracking.section { padding-block: 24px; }
 .support-tracking .eyebrow { font-size: .75rem; letter-spacing: .08em; margin: 0 0 .5rem; }
 .support-tracking .page-heading-inline { gap: .75rem; margin-bottom: 1rem; }
 .support-tracking .page-heading-inline h1 { font-size: 1.5rem; line-height: 1.25; margin: .5rem 0 .75rem; }
 .support-tracking .intro { font-size: 1rem; margin: .5rem 0 0; line-height: 1.5; }
 .support-tracking .text-link { display: inline-flex; align-items: center; min-height: 44px; font-size: .875rem; }
 .support-ticket-meta { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; margin: 1rem 0; }
 .support-ticket-meta > div { padding: .75rem; }
 .support-ticket-card { padding: 1rem; margin: 1rem 0; }
 .support-tracking .module-help { font-size: 1rem; padding: 1rem; margin: 1rem 0; line-height: 1.5; }
 .support-tracking .button { min-height: 48px; box-sizing: border-box; width: 100%; justify-content: center; font-size: 1rem; white-space: normal; overflow-wrap: anywhere; text-align: center; }
 .support-progress .ticket-workflow { display: grid; grid-template-columns: minmax(0,1fr); gap: .5rem; }
 .support-progress .ticket-workflow li { font-size: 1rem; padding: .75rem; }
 .support-progress .ticket-workflow li small { display: inline; font-size: .875rem; margin-left: .5rem; }
 .support-progress summary span { display: block; margin: .25rem 0 0 1rem; }
 body[data-module-ui="support"] .cfm-hero__title { font-size: 1.5rem; line-height: 1.25; }
 body[data-module-ui="support"] :is(.cfm-hero,.cfm-body,.chat-header,.chat-composer) { padding: 16px; }
 body[data-module-ui="support"] .chat-thread { padding: 12px; min-height: 0; height: clamp(320px,55dvh,540px); }
 body[data-module-ui="support"] .chat-bubble { max-width: 100%; padding: 12px; box-sizing: border-box; }
 body[data-module-ui="support"] .chat-bubble p { font-size: 1rem; line-height: 1.5; }
 body[data-module-ui="support"] .chat-summary dd { display: block; font-size: 1rem; }
 body[data-module-ui="support"] .chat-summary dd button { display: block; margin-top: 4px; }
 body[data-module-ui="support"] :is(.cfm-channel-buttons,.chat-options,.chat-composer > div) { flex-wrap: wrap; gap: 8px; }
 body[data-module-ui="support"] :is(.cfm-channel-buttons,.chat-options) .cfm-btn { min-height: 48px; white-space: normal; }
 body[data-module-ui="support"] .hub-report-receipt h1 { font-size: 1.5rem; }
 body[data-module-ui="support"] .hub-report-receipt__summary { grid-template-columns: minmax(0,1fr); }
 body[data-module-ui="support"] .hub-report-receipt__folio { padding: 1rem; margin-block: 1rem; }
 body[data-module-ui="support"] .hub-report-receipt__folio > strong { font-size: 1.25rem; }
 body[data-module-ui="support"] .hub-report-receipt__actions { flex-direction: column; align-items: stretch; }
}
@media (max-width: 359px) { .support-ticket-meta { grid-template-columns: minmax(0,1fr); } }