/* Estilos exclusivos de Soporte. */
body.theme-support{--fondo:#100e1b;--superficie:#201b30;--acento:#d4a7eb;--suave:#c4bdcf;--texto:#f5f3f8}
.support-hero{position:relative;min-height:760px;min-height:100svh;display:flex;align-items:center;isolation:isolate;padding:180px 8% 130px;background:#100e1b}
.support-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.support-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#100e1bf0,#100e1b65),linear-gradient(0deg,#100e1b,transparent 60%);z-index:-1}
.support-hero-copy{max-width:850px}
.support-hero-copy .eyebrow{color:var(--acento);font-size:12px;letter-spacing:.12em;margin-bottom:28px}
.support-hero h1{font-size:clamp(44px,6.8vw,96px);line-height:1.02;letter-spacing:-.05em;font-weight:650;text-transform:none;margin:0 0 28px}
.support-hero-copy>p:not(.eyebrow){font-size:19px;line-height:1.65;max-width:480px;color:#e0dce8;margin-bottom:30px}
.support-hero .button{padding:18px 25px;display:inline-flex}
.support-hero-bottom{position:absolute;bottom:35px;left:8%;right:8%;display:flex;gap:30px;border-top:1px solid #ffffff35;padding-top:22px;font-size:13px;color:#d7cfdf}
.support-intro{padding:75px 8%;scroll-margin-top:25px}
.support-intro h2{font-size:clamp(30px,4vw,52px);line-height:1.12;letter-spacing:-.035em;text-transform:none;margin:15px 0}
.support-intro>p{max-width:640px;color:var(--suave);line-height:1.7}
.support-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px;margin-top:32px}
.support-index a{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #ffffff25;font-size:14px;line-height:1.5;color:var(--texto)}
.support-index a:hover{color:var(--acento)}
.theme-support .story-copy h2{font-size:clamp(32px,3.5vw,52px)}
.support-preview{padding-left:18px;margin-top:20px;color:var(--suave);line-height:1.7;font-size:14px}
.support-preview li+li{margin-top:8px}
.support-detail{color:var(--texto)}
.support-detail h2{font-size:clamp(28px,4vw,44px);line-height:1.12;margin:12px 0 20px;text-transform:none}
.support-detail h3{font-size:20px;margin:25px 0 14px;text-transform:none}
.support-detail p,.support-detail li{line-height:1.75;color:var(--suave)}
.support-detail ul{padding-left:22px}.support-detail li+li{margin-top:8px}
.support-detail-image{width:100%;max-height:340px;object-fit:cover;display:block;margin:25px 0}
.support-note{border-left:2px solid var(--acento);padding:0 0 0 20px;margin:30px 0}.support-note h3{margin-top:0}
.support-detail .button{display:inline-flex;white-space:normal;padding:16px 22px}
.support-detail-page{max-width:1000px;margin:auto;padding:40px 6% 80px}.support-back{display:inline-block;margin-bottom:35px;color:var(--acento)}
.support-dialog{max-width:850px}.support-dialog .dialog-close{z-index:2}
.theme-support a:focus-visible{outline:2px solid var(--acento);outline-offset:4px}
@media(max-width:760px){.support-hero{padding:170px 6% 150px;min-height:800px;min-height:100svh}.support-hero h1{font-size:clamp(40px,10vw,64px)}.support-hero-copy>p:not(.eyebrow){font-size:16px}.support-hero-bottom{left:6%;right:6%;gap:12px;flex-wrap:wrap;font-size:11px}.support-intro{padding:48px 6%}.support-index{grid-template-columns:1fr 1fr;gap:0 20px}.theme-support .story-copy h2{font-size:34px}}
@media(max-width:420px){.support-index{grid-template-columns:1fr}.theme-support .story-copy h2{font-size:30px}}