:root { --dx-gold: #e6ae26; --dx-gold-light: #ffd45f; --dx-panel: #101314; --dx-line: #303436; }
.dx-body { background: #070909; color: #f5f6f6; }
.dx-header { border-bottom-color: rgba(230,174,38,.32); }
.dx-hero { position: relative; min-height: 620px; overflow: hidden; display: grid; align-items: center; }
.dx-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; user-select: none; }
.dx-hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(3,4,4,.98) 0%, rgba(3,4,4,.9) 35%, rgba(3,4,4,.2) 72%, rgba(3,4,4,.1) 100%); }
.dx-hero-copy { position: relative; z-index: 2; width: min(680px, 90%); margin-left: clamp(24px,7vw,110px); }
.dx-hero h1 { max-width: 650px; margin: 0 0 22px; font-size: clamp(3.2rem,7vw,6.8rem); line-height: .92; letter-spacing: -.055em; }
.dx-hero-copy > p:not(.eyebrow) { max-width: 610px; color: #d1d4d5; font-size: 1.18rem; line-height: 1.65; }
.dx-meta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.dx-meta span { padding: 8px 12px; border: 1px solid rgba(255,212,95,.4); background: rgba(8,10,10,.74); color: var(--dx-gold-light); font-size: .76rem; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
.dx-layout { display: grid; grid-template-columns: minmax(0, 1fr) 350px; gap: 70px; max-width: 1380px; margin: 0 auto; padding: 90px clamp(24px,6vw,90px) 110px; }
.dx-article { min-width: 0; }
.dx-article section { padding: 35px 0 45px; border-bottom: 1px solid var(--dx-line); }
.dx-article h2 { margin: 0 0 18px; font-size: clamp(1.8rem,3vw,2.75rem); line-height: 1.1; }
.dx-article p, .dx-article li { color: #c6cacc; font-size: 1rem; line-height: 1.75; }
.dx-step-number { margin: 0 0 8px; color: var(--dx-gold-light)!important; font-size: .8rem!important; font-weight: 950; letter-spacing: .16em; }
.dx-symptoms { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-top: 25px; }
.dx-symptoms div { padding: 20px; border: 1px solid var(--dx-line); background: var(--dx-panel); }
.dx-symptoms strong, .dx-symptoms span { display: block; }
.dx-symptoms strong { margin-bottom: 8px; color: #fff; }
.dx-symptoms span { color: #9fa5a8; font-size: .86rem; line-height: 1.5; }
.dx-checklist { display: grid; gap: 11px; padding: 0; list-style: none; }
.dx-checklist li { display: grid; grid-template-columns: 42px 1fr; align-items: start; gap: 14px; padding: 15px 18px; background: #0e1112; border: 1px solid #282d2f; }
.dx-checklist li > span { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--dx-gold); color: var(--dx-gold-light); font-weight: 950; }
.dx-checklist p { margin: 3px 0 0; }
.dx-note { padding: 17px 19px; border-left: 3px solid var(--dx-gold); background: rgba(230,174,38,.08); }
.dx-tests { columns: 2; gap: 45px; padding-left: 20px; }
.dx-tests li { break-inside: avoid; margin-bottom: 10px; }
.dx-alert { margin: 0 0 25px; padding: 22px 24px; border: 1px solid; }
.dx-alert strong { display: block; margin-bottom: 5px; font-size: 1.08rem; }
.dx-alert p { margin: 0; }
.dx-alert-safe { border-color: #625329; background: rgba(230,174,38,.08); }
.dx-alert-safe strong { color: var(--dx-gold-light); }
.dx-alert-danger { margin-top: 40px; border-color: #8b3636; background: rgba(167,39,39,.11); }
.dx-alert-danger strong { color: #ff9292; }
.dx-source a { color: var(--dx-gold-light); font-weight: 850; text-underline-offset: 4px; }
.dx-aside { position: relative; }
.dx-aside-card { position: sticky; top: 96px; padding: 28px; border: 1px solid rgba(255,212,95,.48); background: linear-gradient(145deg,#15191a,#0a0c0d); box-shadow: 15px 15px 0 rgba(204,147,12,.48); }
.dx-aside-card > img { width: 180px; margin-bottom: 28px; }
.dx-aside-card h2 { margin: 5px 0 12px; font-size: 2rem; }
.dx-aside-card > p:not(.eyebrow) { color: #b9bec0; line-height: 1.6; }
.dx-aside-card ul { margin: 20px 0 25px; padding-left: 20px; color: #d7d9da; line-height: 1.6; }
.dx-aside-card .button { width: 100%; text-align: center; }
.dx-aside-tip { margin-top: 45px; padding: 20px; border-left: 3px solid var(--dx-gold); background: #101314; }
.dx-aside-tip strong { color: var(--dx-gold-light); }
.dx-aside-tip p { margin-bottom: 0; color: #aeb3b5; line-height: 1.55; }
.dx-footer { border-top: 1px solid #25282a; }
@media(max-width: 980px) { .dx-layout { grid-template-columns: 1fr; } .dx-aside-card { position: static; } .dx-aside { max-width: 620px; } }
@media(max-width: 680px) { .dx-hero { min-height: 620px; align-items: end; } .dx-hero > img { object-position: 65% center; } .dx-hero-shade { background: linear-gradient(0deg,rgba(3,4,4,.99) 0%,rgba(3,4,4,.86) 54%,rgba(3,4,4,.15) 100%); } .dx-hero-copy { width: auto; margin: 0 20px 55px; } .dx-hero h1 { font-size: 3.5rem; } .dx-symptoms { grid-template-columns: 1fr; } .dx-tests { columns: 1; } .dx-layout { padding: 65px 20px 80px; } }
@media print { body > * { display: none!important; } body::after { content: "Consulta esta guía en www.fixlabtoluca.com.mx"; display: block; padding: 40px; color: #111; background: #fff; font: 18px Arial,sans-serif; } }