:root{--yellow:#ffd719;--dark:#0b0f0c;--panel:#131915;--panel2:#19201b;--line:#2b342d;--text:#f5f7f5;--muted:#9aa59d;--green:#59dc84;--danger:#ff746d;--cream:#f3f2eb}*{box-sizing:border-box}html{background:var(--dark)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 10%,rgba(255,215,25,.08),transparent 26%),linear-gradient(180deg,#0d120e,#090c0a);color:var(--text);font-family:Inter,Arial,sans-serif}.tracking-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,6vw,84px);border-bottom:1px solid rgba(255,255,255,.08);background:rgba(10,14,11,.88);backdrop-filter:blur(14px)}.tracking-brand img{display:block;width:138px;height:52px;object-fit:contain}.tracking-back{color:#c7cec9;font-size:13px;font-weight:700;text-decoration:none}.tracking-back span{margin-right:8px;color:var(--yellow)}main{width:min(1180px,calc(100% - 40px));margin:auto}.tracking-access{min-height:calc(100vh - 145px);display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,470px);align-items:center;gap:clamp(60px,8vw,125px);padding:70px 0}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--yellow);font-size:10px;font-weight:900;letter-spacing:.2em}.eyebrow i{width:22px;height:2px;background:var(--yellow)}.access-copy h1,.status-main h1{margin:18px 0 20px;font-size:clamp(48px,6vw,82px);line-height:.94;letter-spacing:-.055em}.access-copy h1 em{color:var(--yellow);font-style:normal}.access-copy>p{max-width:580px;margin:0;color:#aeb8b0;font-size:17px;line-height:1.7}.access-trust{display:flex;align-items:center;gap:12px;margin-top:34px;color:var(--green)}.access-trust>span{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(89,220,132,.28);border-radius:50%;background:rgba(89,220,132,.08);font-size:10px}.access-trust div{display:grid;gap:3px}.access-trust strong{color:#e9edea;font-size:13px}.access-trust small{color:#7f8b82;font-size:11px}.access-card{padding:28px;border:1px solid #303830;border-radius:22px;background:linear-gradient(145deg,rgba(28,35,29,.96),rgba(18,24,19,.96));box-shadow:0 28px 70px rgba(0,0,0,.32)}.access-card-head{display:flex;align-items:center;gap:13px;padding-bottom:23px;margin-bottom:23px;border-bottom:1px solid #303830}.access-symbol{display:grid;width:44px;height:44px;place-items:center;border-radius:12px;background:var(--yellow);color:#111;font-size:24px;font-weight:900}.access-card-head div{display:grid;gap:4px}.access-card-head small,.tracking-panel header small{color:#7f8b82;font-size:9px;font-weight:900;letter-spacing:.18em}.access-card-head h2,.tracking-panel h2{margin:0;font-size:20px}.access-card label{display:grid;gap:9px;margin-top:19px;color:#dfe4e0;font-size:12px;font-weight:800}.field-shell{display:flex;align-items:center;gap:10px;height:52px;padding:0 14px;border:1px solid #3a443c;border-radius:11px;background:#0e130f;color:#738077}.field-shell:focus-within{border-color:#b89d16;box-shadow:0 0 0 3px rgba(255,215,25,.1)}.field-shell input{width:100%;height:100%;border:0;outline:0;background:none;color:#fff;font:800 17px/1 Inter,Arial;letter-spacing:.08em;text-transform:uppercase}.pin-fields{display:grid;grid-template-columns:repeat(3,1fr) 12px repeat(3,1fr);gap:7px}.pin-fields span{align-self:center;height:2px;background:#536056}.pin-fields input{width:100%;height:52px;border:1px solid #3a443c;border-radius:10px;outline:0;background:#0e130f;color:#fff;font:800 21px/1 Inter,Arial;text-align:center}.pin-fields input:focus{border-color:var(--yellow);box-shadow:0 0 0 3px rgba(255,215,25,.1)}.field-help{color:#758078;font-size:10px;font-weight:500}.primary-button{display:flex;width:100%;height:54px;align-items:center;justify-content:space-between;margin-top:24px;padding:0 18px;border:0;border-radius:11px;background:var(--yellow);color:#111;font:900 13px/1 Inter,Arial;cursor:pointer}.primary-button b{font-size:20px}.primary-button:disabled{opacity:.65;cursor:wait}.privacy-note{margin:13px 0 0;color:#6f7a72;font-size:10px;text-align:center}.access-error{padding:11px 12px;margin-top:15px;border:1px solid rgba(255,116,109,.25);border-radius:9px;background:rgba(255,116,109,.08);color:#ffaaa5;font-size:11px;line-height:1.5}.tracking-dashboard{padding:36px 0 70px}.dashboard-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.new-query{padding:0;border:0;background:none;color:#aeb8b0;font:700 12px Inter;cursor:pointer}.live-chip,.map-live{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #2d3a30;border-radius:999px;background:#151c17;color:#aab5ac;font-size:10px;font-weight:800}.live-chip i,.map-live i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(89,220,132,.1)}.status-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:38px 42px;border:1px solid #2b342d;border-radius:24px;background:linear-gradient(120deg,#141a16 0%,#111612 68%,#24240f 100%);overflow:hidden}.status-main h1{margin:14px 0 12px;font-size:clamp(36px,5vw,62px)}.status-main>p{max-width:620px;margin:0;color:#aeb7b0;font-size:15px;line-height:1.6}.updated-line{margin-top:19px;color:#6f7a72;font-size:10px}.updated-line strong{color:#aeb7b0}.order-ticket{display:grid;min-width:190px;gap:6px;padding:20px;border:1px solid rgba(255,215,25,.25);border-radius:15px;background:rgba(255,215,25,.07)}.order-ticket small{color:#9f9135;font-size:9px;font-weight:900;letter-spacing:.15em}.order-ticket strong{color:var(--yellow);font-size:23px}.order-ticket span{color:#b8c0ba;font-size:12px;font-weight:700}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr);gap:16px;margin-top:16px}.tracking-panel{border:1px solid #29322b;border-radius:18px;background:#121713;overflow:hidden}.tracking-panel>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 24px;border-bottom:1px solid #29322b}.tracking-panel>header>div{display:grid;gap:5px}.tracking-panel>header>span{color:#849087;font-size:10px;font-weight:800}.progress-line{height:3px;margin:0 24px;background:#2b342d}.progress-line i{display:block;width:0;height:100%;background:var(--yellow);transition:width .5s ease}.timeline{padding:12px 24px 22px}.timeline-item{position:relative;display:grid;grid-template-columns:30px 1fr auto;gap:13px;align-items:start;padding:14px 0}.timeline-item:not(:last-child):before{content:"";position:absolute;top:38px;bottom:-11px;left:14px;width:1px;background:#334037}.timeline-marker{position:relative;z-index:1;display:grid;width:29px;height:29px;place-items:center;border:1px solid #3b463e;border-radius:50%;background:#171e19;color:#657169;font-size:10px}.timeline-item.done .timeline-marker{border-color:#6f650d;background:var(--yellow);color:#111;font-weight:900}.timeline-copy{display:grid;gap:4px}.timeline-copy strong{font-size:13px}.timeline-copy small{color:#78847b;font-size:10px;line-height:1.45}.timeline-time{color:#778178;font-size:9px;text-align:right}.tracking-side{display:grid;align-content:start;gap:16px}.service-summary dl{margin:0;padding:10px 24px 18px}.service-summary dl div{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #252d27}.service-summary dl div:last-child{border:0}.service-summary dt{color:#77827a;font-size:10px}.service-summary dd{margin:0;color:#e5e9e6;font-size:11px;font-weight:800;text-align:right}.help-card{display:flex;gap:13px;padding:19px}.help-card>span{display:grid;width:35px;height:35px;flex:none;place-items:center;border-radius:9px;background:var(--yellow);color:#111;font-weight:900}.help-card div{display:grid;gap:5px}.help-card strong{font-size:12px}.help-card p{margin:0;color:#7e8981;font-size:10px;line-height:1.45}.help-card a{margin-top:3px;color:var(--yellow);font-size:10px;font-weight:800;text-decoration:none}.map-panel{margin-top:16px}.map-panel #trackingMap{height:390px;background:#161c18}.map-panel footer{display:flex;justify-content:space-between;gap:20px;padding:13px 20px;color:#77827a;font-size:9px}.map-panel footer strong{color:#aeb7b0}.map-live{color:#a7dcb6}.map-live.stale i{background:#d4a840;box-shadow:none}.tracking-footer{display:flex;justify-content:space-between;padding:24px clamp(20px,6vw,84px);border-top:1px solid rgba(255,255,255,.07);color:#68736b;font-size:10px}.leaflet-control-attribution{font-size:8px!important}@media(max-width:850px){main{width:min(100% - 28px,680px)}.tracking-access{grid-template-columns:1fr;gap:35px;padding:45px 0 65px}.access-copy{text-align:center}.access-copy>p{margin:auto}.access-trust{justify-content:center}.dashboard-grid{grid-template-columns:1fr}.status-hero{align-items:flex-start;flex-direction:column}.order-ticket{width:100%}}@media(max-width:520px){.tracking-header{height:70px;padding:0 16px}.tracking-brand img{width:105px}.tracking-back{font-size:10px}.access-copy h1{font-size:43px}.access-copy>p{font-size:14px}.access-card{padding:20px;border-radius:17px}.pin-fields{gap:5px;grid-template-columns:repeat(3,1fr) 8px repeat(3,1fr)}.pin-fields input{height:48px}.tracking-dashboard{padding-top:22px}.status-hero{padding:25px 20px;border-radius:18px}.status-main h1{font-size:38px}.tracking-panel>header,.timeline{padding-left:18px;padding-right:18px}.timeline-item{grid-template-columns:30px 1fr}.timeline-time{grid-column:2;text-align:left}.map-panel #trackingMap{height:310px}.map-panel footer,.tracking-footer{flex-direction:column}.tracking-footer{gap:7px}}

/* Jerarquia visual de seguimiento tipo despacho */
.access-symbol svg,.shipment-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.access-copy{align-self:center}.access-card-head small{color:#a99836}.shipment-status{display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;padding:30px 34px;background:#f4f3ed;color:#111;border-color:#dfded6;box-shadow:0 16px 45px rgba(0,0,0,.18)}.shipment-icon{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;background:var(--yellow);color:#111}.shipment-icon svg{width:30px;height:30px}.status-kicker{color:#777b76;font-size:9px;font-weight:900;letter-spacing:.16em}.shipment-status .status-main h1{margin:6px 0 5px;color:#111;font-size:clamp(31px,4vw,48px);letter-spacing:-.04em}.shipment-status .status-main>p{color:#5f655f;font-size:13px}.shipment-status .updated-line{margin-top:10px;color:#8a8e89}.shipment-status .updated-line strong{color:#575c57}.shipment-status .order-ticket{min-width:184px;padding:16px 18px;border-color:#d9d5b7;background:#fff;color:#111}.shipment-status .order-ticket small{color:#777b76}.shipment-status .order-ticket strong{color:#111;font-size:18px}.shipment-status .order-ticket span{color:#676c67}.dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(290px,.7fr)}.dashboard-grid .map-panel{margin-top:0}.dashboard-grid .map-panel #trackingMap{height:100%;min-height:420px}.timeline-panel{margin-top:16px}.timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:28px 24px 30px}.timeline-item{position:relative;display:grid;grid-template-columns:34px 1fr;align-items:start;gap:10px;padding:0 12px 0 0}.timeline-item:not(:last-child):before{top:16px;bottom:auto;left:31px;right:-1px;width:auto;height:2px;background:#354037}.timeline-item.done:not(:last-child):before{background:var(--yellow)}.timeline-marker{width:33px;height:33px}.timeline-copy{position:relative;z-index:2;padding-top:1px}.timeline-copy>small{color:#6f7b72;font-size:8px;font-weight:900;letter-spacing:.1em}.timeline-copy strong{font-size:11px;line-height:1.35}.timeline-time{color:#778178;font-size:8px;text-align:left}.progress-line{display:none}.timeline-panel>header{padding-bottom:18px}.help-card{background:#171e19}
@media(max-width:850px){.shipment-status{grid-template-columns:55px 1fr}.shipment-icon{width:48px;height:48px}.shipment-status .order-ticket{grid-column:1 / -1;width:100%;margin-top:8px}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid .map-panel #trackingMap{min-height:360px}.timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 0}.timeline-item:nth-child(2):before{display:none}}
@media(max-width:520px){.shipment-status{display:grid;grid-template-columns:46px 1fr;padding:20px 16px}.shipment-icon{width:42px;height:42px}.shipment-icon svg{width:23px;height:23px}.shipment-status .status-main h1{font-size:31px}.timeline{grid-template-columns:1fr;gap:0;padding:20px 18px}.timeline-item{grid-template-columns:33px 1fr;padding:8px 0 18px}.timeline-item:not(:last-child):before,.timeline-item:nth-child(2):before{display:block;top:38px;bottom:-1px;left:16px;right:auto;width:2px;height:auto}.dashboard-grid .map-panel #trackingMap{min-height:300px}}

/* Composición final inspirada en seguimiento de despacho */
body{background:radial-gradient(circle at 78% 0,rgba(255,215,25,.055),transparent 25%),#080c09}.tracking-dashboard{padding-top:48px}.dashboard-top{margin-bottom:16px}.shipment-status{position:relative;isolation:isolate;min-height:205px;grid-template-columns:76px minmax(0,1fr) 220px;padding:34px 42px;border-color:#242d27;background:linear-gradient(112deg,#121813 0%,#111712 56%,#24220d 76%,#111612 100%);box-shadow:none;overflow:hidden}.shipment-status:after{content:"";position:absolute;z-index:-1;right:180px;bottom:-80px;width:420px;height:260px;background:linear-gradient(130deg,transparent 38%,rgba(255,215,25,.16) 38.5%,rgba(255,215,25,.035) 64%,transparent 64.5%);transform:skewX(-8deg)}.shipment-status .shipment-icon{width:64px;height:64px;border-radius:18px;background:linear-gradient(145deg,#ffd719,#bc9f00);box-shadow:0 10px 30px rgba(255,215,25,.12)}.shipment-status .status-kicker{color:#98a39b;font-size:10px}.shipment-status .status-main h1{margin:9px 0 4px;color:#fff;font-size:clamp(39px,4vw,58px)}.shipment-status .status-main>p{color:#c1c9c3;font-size:14px}.shipment-status .updated-line{display:flex;align-items:center;gap:13px;margin-top:17px;color:#a2ada5;font-size:11px}.shipment-status .updated-line>b{width:1px;height:18px;background:#465049}.status-live{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:99px;background:rgba(49,214,111,.12);color:#62e494;font-size:10px;font-weight:800}.status-live i{width:7px;height:7px;border-radius:50%;background:#45df83;box-shadow:0 0 0 4px rgba(69,223,131,.08)}.shipment-status .order-ticket{align-self:start;min-width:210px;padding:18px 20px;border-color:#333c35;border-radius:14px;background:linear-gradient(145deg,#1b221d,#151b17);box-shadow:0 14px 35px rgba(0,0,0,.22)}.shipment-status .order-ticket small{color:#8e9991}.shipment-status .order-ticket strong{color:#fff;font-size:22px}.shipment-status .order-ticket span{color:#9aa59d}.timeline-panel{margin-top:16px;border-radius:20px}.timeline{grid-template-columns:repeat(4,minmax(0,1fr));padding:30px 40px 27px}.timeline-item{grid-template-columns:46px 1fr;gap:12px}.timeline-item:not(:last-child):before{top:21px;left:42px;right:-8px;height:3px}.timeline-marker{width:43px;height:43px;border:2px solid #465149;background:#101511;font-size:13px}.timeline-item.done .timeline-marker{border-color:#ffd719;background:#ffd719;box-shadow:0 0 0 6px rgba(255,215,25,.07)}.timeline-item:last-child .timeline-marker{border-color:#536057;background:#101511;color:#97a199}.timeline-copy{padding-top:0}.timeline-copy>small{display:none}.timeline-copy strong{color:#f2f5f2;font-size:13px}.timeline-time{margin-top:4px;color:#8b968e;font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(315px,.65fr);margin-top:22px}.tracking-panel{border-color:#283129;border-radius:18px;background:linear-gradient(145deg,#121713,#101511)}.map-panel>header{display:grid;grid-template-columns:34px 1fr auto;padding:18px 22px}.map-title-icon{display:grid;width:30px;height:30px;place-items:center;color:#ffd719}.map-title-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.map-panel>header h2{font-size:15px}.map-panel>header small{margin-top:3px;color:#7d8880;font-size:9px;letter-spacing:0;text-transform:none}.dashboard-grid .map-panel #trackingMap{min-height:480px}.map-panel footer{padding:11px 20px}.service-summary>header{padding:18px 20px}.service-summary dl{padding:7px 20px 13px}.service-summary dl div{padding:15px 0}.service-summary dt{font-size:11px}.service-summary dd{font-size:11px}.help-card{padding:22px;background:linear-gradient(145deg,#141a16,#0f1411)}.help-card>span{border-radius:50%}.help-card a{display:flex;align-items:center;justify-content:center;min-height:42px;margin-top:11px;border-radius:9px;background:#ffd719;color:#111;font-size:11px}.tracking-access{min-height:100vh}.tracking-footer{display:none}
@media(max-width:850px){.tracking-dashboard{padding-top:24px}.shipment-status{grid-template-columns:60px 1fr;min-height:auto;padding:27px 24px}.shipment-status .shipment-icon{width:52px;height:52px}.shipment-status .order-ticket{grid-column:1 / -1;margin-top:10px}.timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 0;padding:26px}.timeline-item:nth-child(2):before{display:none}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid .map-panel #trackingMap{min-height:380px}}
@media(max-width:520px){.tracking-dashboard{padding-top:16px}.dashboard-top{margin-bottom:12px}.live-chip{display:none}.shipment-status{grid-template-columns:48px 1fr;padding:22px 17px}.shipment-status .shipment-icon{width:44px;height:44px;border-radius:13px}.shipment-status .status-main h1{font-size:32px}.shipment-status .status-main>p{font-size:12px}.shipment-status .updated-line{align-items:flex-start;flex-direction:column;gap:6px}.shipment-status .updated-line>b{display:none}.timeline{grid-template-columns:1fr;gap:0;padding:20px}.timeline-item{grid-template-columns:40px 1fr;padding:7px 0 19px}.timeline-item:not(:last-child):before,.timeline-item:nth-child(2):before{display:block;top:37px;bottom:-2px;left:19px;right:auto;width:2px;height:auto}.timeline-marker{width:39px;height:39px}.map-panel>header{grid-template-columns:30px 1fr}.map-live{grid-column:2;margin-top:8px;width:max-content}.dashboard-grid .map-panel #trackingMap{min-height:320px}}

/* Escala final: seguimiento amplio, legible y adaptable */
main{width:calc(100% - clamp(32px,5vw,96px));max-width:1720px}
.tracking-dashboard{padding:42px 0 80px}
.shipment-status{grid-template-columns:minmax(0,1fr) 250px;min-height:230px;padding:42px 54px}
.shipment-status .status-main h1{font-size:clamp(48px,4.5vw,74px)}
.shipment-status .status-main>p{font-size:16px}
.shipment-status .order-ticket{min-width:240px;padding:22px 24px}
.shipment-status .order-ticket strong{font-size:25px}
.timeline{grid-template-columns:repeat(4,minmax(190px,1fr));column-gap:24px;padding:40px 48px 36px}
.timeline-item{grid-template-columns:48px minmax(0,1fr);gap:16px;padding-right:22px}
.timeline-item:not(:last-child):before{top:23px;left:46px;right:-16px}
.timeline-marker{width:46px;height:46px}
.timeline-copy strong{font-size:15px;line-height:1.4}
.timeline-time{margin-top:7px;font-size:11px}
.dashboard-grid{grid-template-columns:minmax(0,1.75fr) minmax(370px,.75fr);gap:22px}
.dashboard-grid .map-panel #trackingMap{min-height:570px}
.tracking-side{gap:20px}
.service-summary>header{padding:25px 27px}
.service-summary h2{font-size:23px}
.service-summary dl{padding:10px 27px 20px}
.service-summary dl div{padding:19px 0}
.service-summary dt{font-size:13px}
.service-summary dd{max-width:62%;font-size:14px;line-height:1.45}
.help-card{padding:27px}
.help-card strong{font-size:16px}
.help-card p{font-size:12px}
.help-card a{min-height:50px;font-size:13px}
.leaflet-tile-pane{filter:grayscale(1) invert(.86) sepia(.08) saturate(.65) hue-rotate(85deg) brightness(.68) contrast(1.18)}
.leaflet-container .leaflet-control-attribution{padding:3px 6px!important;background:rgba(12,16,13,.78)!important;color:#9aa59d!important}
.leaflet-container .leaflet-control-attribution a{color:#ffd719!important}
@media(max-width:1100px){main{width:calc(100% - 32px)}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(300px,.7fr)}.timeline{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}.timeline-item:nth-child(2):before{display:none}}
@media(max-width:800px){.shipment-status{grid-template-columns:1fr;min-height:auto;padding:31px 28px}.shipment-status .order-ticket{grid-column:auto;margin-top:8px}.dashboard-grid{grid-template-columns:1fr}.tracking-side{grid-template-columns:1fr 1fr}.timeline{padding:31px 28px}.dashboard-grid .map-panel #trackingMap{min-height:430px}}
@media(max-width:560px){main{width:calc(100% - 20px)}.tracking-dashboard{padding:18px 0 42px}.shipment-status{padding:25px 20px}.shipment-status .status-main h1{font-size:38px}.shipment-status .status-main>p{font-size:13px}.shipment-status .order-ticket{min-width:0;width:100%}.timeline{grid-template-columns:1fr;gap:0;padding:24px 20px}.timeline-item{grid-template-columns:42px 1fr;padding:9px 0 25px}.timeline-item:not(:last-child):before,.timeline-item:nth-child(2):before{display:block;top:42px;bottom:-2px;left:20px;right:auto;width:2px;height:auto}.timeline-marker{width:41px;height:41px}.tracking-side{grid-template-columns:1fr}.dashboard-grid .map-panel #trackingMap{min-height:350px}}
.shipment-status,.timeline-panel,.dashboard-grid{animation:trackingReveal .45s ease both}.timeline-panel{animation-delay:.06s}.dashboard-grid{animation-delay:.12s}@keyframes trackingReveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.shipment-status,.timeline-panel,.dashboard-grid{animation:none}}

/* Portada de seguimiento */
.tracking-page main{position:relative}.tracking-access{position:relative;isolation:isolate;min-height:calc(100vh - 91px);grid-template-columns:minmax(0,1fr) minmax(440px,540px);gap:clamp(70px,9vw,150px);padding:80px 0}.tracking-access:before{content:"";position:absolute;z-index:-2;inset:0 50%;width:100vw;transform:translateX(-50%);background:linear-gradient(90deg,rgba(5,8,6,.97) 0%,rgba(5,8,6,.91) 43%,rgba(5,8,6,.78) 70%,rgba(5,8,6,.92) 100%),linear-gradient(0deg,rgba(5,8,6,.8),rgba(5,8,6,.28)),url('assets/autos-asegurados-auto.jpg') center 63%/cover no-repeat}.tracking-access:after{content:"";position:absolute;z-index:-1;inset:auto -20vw -100px 28%;height:320px;border-top:2px solid rgba(255,215,25,.75);border-radius:50% 50% 0 0;transform:rotate(-13deg);background:radial-gradient(ellipse at 50% 0,rgba(255,215,25,.2),transparent 58%);filter:drop-shadow(0 -8px 18px rgba(255,215,25,.18));pointer-events:none}.access-copy h1{max-width:780px;font-size:clamp(58px,6vw,94px);line-height:.91}.access-copy>p{max-width:650px;font-size:18px}.tracking-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:680px;margin-top:48px}.tracking-benefits>div{display:flex;align-items:center;gap:13px;min-height:54px;padding:0 24px;border-right:1px solid rgba(255,255,255,.17);color:#e2e6e3;font-size:12px;font-weight:700}.tracking-benefits>div:first-child{padding-left:0}.tracking-benefits>div:last-child{border:0}.tracking-benefits svg{width:27px;height:27px;flex:none;fill:none;stroke:#d9dedb;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.access-card{padding:36px 38px 38px;border-color:rgba(255,255,255,.16);border-radius:28px;background:linear-gradient(145deg,rgba(25,29,27,.93),rgba(12,15,13,.96));box-shadow:0 35px 90px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(18px)}.access-card-head{position:relative;display:block;padding:0 0 25px 28px}.access-card-head:before{content:"";position:absolute;left:0;top:1px;width:4px;height:58px;border-radius:4px;background:#ffd719;box-shadow:0 0 18px rgba(255,215,25,.35)}.access-card-head small{color:#aeb7b0;font-size:10px}.access-card-head h2{margin-top:6px;font-size:30px;letter-spacing:-.035em}.access-card-head p{margin:6px 0 0;color:#9ca69f;font-size:13px}.access-card label{margin-top:22px;font-size:13px}.field-shell,.pin-fields input{border-color:#3c453e;background:rgba(8,11,9,.72)}.field-shell{height:58px;padding:0 18px}.field-shell input{font-size:18px}.pin-fields{gap:10px}.pin-fields input{height:58px;border-radius:12px}.primary-button{height:60px;margin-top:30px;padding:0 22px;font-size:14px;box-shadow:0 12px 35px rgba(255,215,25,.12)}.tracking-toast-stack{position:fixed;z-index:3000;top:112px;right:clamp(16px,3vw,42px);display:grid;gap:10px;width:min(390px,calc(100% - 32px));pointer-events:none}.tracking-toast{display:grid;grid-template-columns:36px 1fr 24px;align-items:center;gap:11px;padding:14px 14px;border:1px solid rgba(255,112,103,.35);border-radius:14px;background:rgba(37,18,17,.96);box-shadow:0 18px 50px rgba(0,0,0,.4);color:#fff;animation:toastIn .25s ease both;pointer-events:auto}.tracking-toast>i{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#ff6f67;color:#fff;font-style:normal;font-weight:900}.tracking-toast strong{display:block;font-size:12px}.tracking-toast span{display:block;margin-top:3px;color:#e7b9b6;font-size:11px;line-height:1.4}.tracking-toast button{border:0;background:none;color:#d9b7b4;font-size:19px;cursor:pointer}.tracking-toast.leaving{animation:toastOut .22s ease forwards}@keyframes toastIn{from{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translateY(-8px) scale(.97)}}
@media(max-width:980px){.tracking-access{grid-template-columns:1fr;gap:48px;padding:65px 0}.access-copy{text-align:left}.access-copy>p{margin:0}.tracking-benefits{max-width:none}.access-card{width:min(100%,620px);justify-self:center}.tracking-access:before{background-position:65% center}}
@media(max-width:620px){.tracking-access{padding:48px 0}.access-copy h1{font-size:50px}.access-copy>p{font-size:15px}.tracking-benefits{grid-template-columns:1fr;margin-top:30px}.tracking-benefits>div,.tracking-benefits>div:first-child{min-height:49px;padding:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.tracking-benefits>div:last-child{border-bottom:0}.access-card{padding:28px 20px;border-radius:21px}.access-card-head h2{font-size:26px}.pin-fields{gap:5px}.pin-fields input{height:52px}.tracking-toast-stack{top:86px;right:16px}}


/* Encabezado p?blico can?nico: copiado desde index.html */
:root{--gold:#ffd21f}
a{text-decoration:none;color:inherit}
.header{position:sticky;top:0;z-index:50;background:#000;backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,210,31,.25)}
.wrap{max-width:1240px;margin:auto;padding:0 24px}
.nav{height:86px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}
.logo{display:flex;align-items:center;padding:0;margin:0}
.logo img{height:88px;width:auto;display:block;mix-blend-mode:screen;filter:drop-shadow(0 0 10px rgba(255,210,31,.08)) contrast(1.04)}
.menu{display:flex;gap:28px;color:#fff;font-size:14px;font-weight:800}
.menu a:first-child{color:var(--gold)}
.actions{display:flex;gap:10px}
.worker-login-link{display:inline-flex;align-items:center;padding:9px 13px;border:1px solid rgba(255,210,31,.48);border-radius:999px;color:var(--gold);background:rgba(255,210,31,.07);font-size:12px;font-weight:900;white-space:nowrap}
.worker-login-link:hover{background:rgba(255,210,31,.16);color:#fff}
.coverage-nav-link{color:var(--gold)!important;white-space:nowrap}
.coverage-nav-link::before{content:'●';margin-right:6px;font-size:8px;vertical-align:2px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:14px 20px;font-weight:900;font-size:14px}
.btn-gold{background:var(--gold);color:#050505}
@media(max-width:980px){.menu,.actions{display:none}}
@media(max-width:700px){.logo img{height:66px}}
@media(max-width:620px){.nav{height:auto;padding:16px 0}}


/* Barra superior restaurada: bloque final exacto de index.html */
.header{position:sticky;top:0;z-index:999;background:#000;border-bottom:1px solid rgba(255,210,31,.25);backdrop-filter:blur(14px)}
.header .nav{height:86px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}
.header .logo{display:flex;align-items:center}
.header .logo img{height:78px;width:auto;display:block;mix-blend-mode:screen}
.header .menu{display:flex;align-items:center;justify-content:center;gap:18px;text-align:center;color:#fff;font-size:14px;font-weight:800;flex-wrap:wrap}
.header .menu a{color:#fff;opacity:.92;transition:color .2s ease,opacity .2s ease}
.header .menu a:hover{color:#ffd21f;opacity:1}
.header .actions{display:flex;justify-content:flex-end;align-items:center}
@media(max-width:980px){.header .nav{height:auto;padding:12px 0;grid-template-columns:1fr;justify-items:center}.header .menu{gap:14px;font-size:13px}}