:root{--bg:#F4F4F1;--s:#fff;--s2:#ECECE8;--ln:#DDDDD7;--tx:#161616;--mu:#63635D;--ac:#161616;--aci:#fff;--rojo:#E30613;--side:#141414;
 --ok:#1C7F46;--oks:#DCF1E4;--bad:#B8362A;--bads:#F8E0DC;--amb:#A96A00;--ambb:#F2A91E;--ambs:#FBEED3;--info:#2C5AA3;--infos:#E0E8F6;--vio:#6246AE;--vios:#EBE5F8;--teal:#0E7672;--teals:#DDF0EE;
 --disp:'Saira',Arial,system-ui,sans-serif;--sans:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;--sombra:0 18px 44px -22px rgba(0,0,0,.35);color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#0F0F0F;--s:#191919;--s2:#232323;--ln:#303030;--tx:#EDEDE9;--mu:#9C9C95;--ac:#F1F1EC;--aci:#111;--side:#0A0A0A;--ok:#4FC47F;--oks:#133323;--bad:#F07565;--bads:#3D1D19;--amb:#F0B545;--ambs:#3A2D12;--info:#83A8EA;--infos:#1A2A42;--vio:#AE98EA;--vios:#2A2344;--teal:#4FC1BA;--teals:#123432;--sombra:0 18px 44px -22px rgba(0,0,0,.7);color-scheme:dark}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--tx);font:14px/1.5 var(--sans)}
h1,h2,h3{font-family:var(--disp);margin:0;line-height:1.15;text-wrap:balance}h2{font-size:21px}h3{font-size:16px}
h4{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--mu);font-weight:600}p{margin:0}
button{font:inherit;color:inherit;cursor:pointer}.mono{font-family:var(--mono)}.muted{color:var(--mu)}.small{font-size:12px}
:focus-visible{outline:2px solid var(--rojo);outline-offset:2px}
input,select,textarea{width:100%;padding:9px 11px;border:1px solid var(--ln);border-radius:9px;background:var(--s);color:var(--tx);font:inherit;min-width:0}
input:focus,select:focus,textarea:focus{outline:2px solid var(--rojo);outline-offset:-1px;border-color:transparent}
textarea{resize:vertical;min-height:70px}
.shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}
.side{background:var(--side);color:#E9E9E4;position:sticky;top:0;height:100vh;overflow:auto;padding:20px 12px 16px;display:flex;flex-direction:column;gap:18px}
.side .logo img{width:100%;max-width:170px;display:block;padding:0 8px}
.nav{display:grid;gap:16px}.grupo{display:grid;gap:2px}.grupo h5{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8C8C86;margin:0 10px 6px;font-weight:600}
.grupo button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;color:#CFCFC9;padding:9px 10px;border-radius:9px;font-weight:500;text-align:left;position:relative;font-size:13.5px}
.grupo button:hover{background:rgba(255,255,255,.06);color:#fff}.grupo button.on{background:rgba(255,255,255,.1);color:#fff}
.grupo button.on::before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:#FF2A36}
.grupo .nb{margin-left:auto;background:#E30613;color:#fff;font-size:11px;font-weight:700;border-radius:999px;padding:0 7px;line-height:18px}
.side .yo{margin-top:auto;font-size:12px;color:#B9B9B3;padding:0 10px;display:grid;gap:6px}.side .yo button{color:#fff;background:rgba(255,255,255,.08);border:0;border-radius:8px;padding:7px}
.main{min-width:0}.wrap{max-width:1320px;margin:0 auto;padding:22px 24px 60px}
@media (max-width:900px){.shell{grid-template-columns:1fr}.side{position:static;height:auto;flex-direction:row;align-items:center;overflow-x:auto;padding:10px 12px}.side .logo img{width:92px}.nav{display:flex;gap:4px}.grupo{display:flex}.grupo h5,.side .yo span{display:none}.grupo button{white-space:nowrap;width:auto}.grupo button.on::before{display:none}.side .yo{margin:0}.wrap{padding:16px}}
.ptitle{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--ln);padding-bottom:14px;margin-bottom:20px}
.ptitle::before{content:"";width:4px;height:30px;background:var(--rojo);border-radius:2px;flex:none}.ptitle h1{font-size:26px}.ptitle p{color:var(--mu);font-size:13px;flex-basis:100%;padding-left:16px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--ln);background:var(--s);color:var(--tx);padding:8px 14px;border-radius:9px;font-weight:600;font-size:13px;line-height:1.2;white-space:nowrap;text-decoration:none}
.btn:hover{border-color:var(--mu)}.btn.p{background:var(--ac);border-color:var(--ac);color:var(--aci)}.btn.r{background:var(--rojo);border-color:var(--rojo);color:#fff}.btn.sm{padding:5px 10px;font-size:12px}.btn.g{border-color:transparent;background:transparent}.btn:disabled{opacity:.42;cursor:not-allowed}
.campo{display:grid;gap:5px;min-width:0}.campo>span{font-size:11px;font-weight:600;color:var(--mu);text-transform:uppercase;letter-spacing:.06em}
.fila{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.entre{justify-content:space-between}
.g2{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.g3{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.g4{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:720px){.g2,.g3,.g4{grid-template-columns:1fr}}
.panel{background:var(--s);border:1px solid var(--ln);border-radius:14px;padding:18px;display:grid;gap:14px;align-content:start}
.pila{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
.cols{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:start}@media (max-width:960px){.cols{grid-template-columns:1fr}}
.tbl{overflow-x:auto;border:1px solid var(--ln);border-radius:12px;background:var(--s)}
table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--mu);font-weight:600;padding:10px 12px;background:var(--s2);white-space:nowrap}
td{padding:10px 12px;border-top:1px solid var(--ln);vertical-align:middle}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}td.mono{white-space:nowrap}
tr.clic{cursor:pointer}tr.clic:hover td{background:var(--s2)}.vacio{padding:26px;text-align:center;color:var(--mu)}
.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 7px;border-radius:999px;font-size:12px;font-weight:600;color:var(--c,var(--mu));background:var(--cs,var(--s2));white-space:nowrap}.pill i{width:7px;height:7px;border-radius:50%;background:var(--c,var(--mu))}
.st-PRE,.st-ANULADO,.st-CREADA{--c:var(--mu);--cs:var(--s2)}.st-ENVIO_BODEGA{--c:var(--info);--cs:var(--infos)}.st-EN_BODEGA{--c:var(--teal);--cs:var(--teals)}.st-ASIGNADO{--c:var(--amb);--cs:var(--ambs)}.st-EN_RUTA{--c:var(--vio);--cs:var(--vios)}.st-ENTREGADO{--c:var(--ok);--cs:var(--oks)}.st-NO_ENTREGADO{--c:var(--bad);--cs:var(--bads)}.st-DEVUELTO{--c:var(--tx);--cs:var(--s2)}
.tag{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--s2);color:var(--mu);white-space:nowrap}.tag.bad{background:var(--bads);color:var(--bad)}.tag.warn{background:var(--ambs);color:var(--amb)}.tag.ok{background:var(--oks);color:var(--ok)}.tag.info{background:var(--infos);color:var(--info)}
.flujo{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px}.flujo button{border:1px solid var(--ln);background:var(--s);border-radius:12px;padding:12px;text-align:left;display:grid;gap:4px}
.flujo b{font:700 28px/1 var(--disp)}.flujo span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mu);font-weight:600;line-height:1.25}.flujo span i{width:8px;height:8px;border-radius:50%;background:var(--c);flex:none}
.alertas{display:grid;gap:8px}.alerta{display:flex;gap:12px;align-items:center;padding:10px 13px;border-radius:11px;background:var(--s);border:1px solid var(--ln);cursor:pointer;text-align:left;width:100%}.alerta .sev{width:10px;height:10px;border-radius:3px;flex:none}.alerta .cr{flex:1;min-width:0}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.kpi{background:var(--s);border:1px solid var(--ln);border-radius:12px;padding:14px;display:grid;gap:4px}.kpi span{font-size:12px;color:var(--mu);font-weight:600}.kpi b{font:700 30px/1.05 var(--disp)}.kpi small{font-size:11px;color:var(--mu)}.kpi.alarma{background:var(--bads);border-color:transparent}.kpi.alarma b,.kpi.alarma span{color:var(--bad)}
.barras{display:grid;gap:10px}.barra{display:grid;grid-template-columns:110px minmax(0,1fr) 36px;gap:10px;align-items:center}.barra .pista{height:16px;border-left:1px solid var(--ln)}.barra .pista i{display:block;height:100%;background:var(--ac);border-radius:0 4px 4px 0}.barra .pista i.al{background:var(--bad)}.barra b{text-align:right}
.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.mcard{background:var(--s);border:1px solid var(--ln);border-radius:12px;padding:14px;display:grid;gap:9px;align-content:start}
.medidor{height:6px;border-radius:4px;background:var(--s2);overflow:hidden}.medidor i{display:block;height:100%;background:var(--ac)}
.escaner{display:flex;gap:8px}.escaner input{font-family:var(--mono);font-size:18px;padding:13px 14px;letter-spacing:.04em;text-transform:uppercase;border:2px solid var(--rojo)}
.log{display:grid;gap:6px;max-height:360px;overflow:auto}.log div{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:baseline;padding:8px 10px;border-radius:9px;background:var(--s2);font-size:13px}.log .ok{background:var(--oks)}.log .aviso{background:var(--ambs)}.log .error{background:var(--bads)}.log b{font-size:11px;text-transform:uppercase}
.huecos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hueco{aspect-ratio:4/3;border:1.5px dashed var(--ln);border-radius:12px;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;background:var(--s);font-size:12px;color:var(--mu);padding:6px}
.hueco.req{border-color:var(--ambb)}.hueco img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hueco input{position:absolute;inset:0;opacity:0;cursor:pointer}.hueco .q{position:absolute;top:6px;right:6px;z-index:2;background:rgba(0,0,0,.65);color:#fff;border:0;border-radius:6px;padding:2px 7px;font-size:12px}
canvas.firma{display:block;width:100%;height:150px;border:1.5px dashed var(--ln);border-radius:12px;background:#FCFCFA;touch-action:none;cursor:crosshair}
.dims{display:flex;gap:6px;align-items:center}.dims b{color:var(--mu)}
.ccard{border:1px solid var(--ln);border-radius:12px;padding:12px 14px;display:grid;gap:3px;background:var(--s2)}
.paso{width:26px;height:26px;border-radius:50%;background:var(--rojo);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;flex:none}.panel.apagado{opacity:.55}
.caja{border-radius:11px;padding:10px 13px;font-size:13px}.caja.warn{background:var(--ambs)}.caja.bad{background:var(--bads);color:var(--bad)}.caja.ok{background:var(--oks);color:var(--ok)}.caja.gr{background:var(--s2)}
.hist{display:grid}.hist>div{display:grid;grid-template-columns:14px 1fr;gap:10px;padding-bottom:12px;position:relative}.hist>div::before{content:"";position:absolute;left:6px;top:14px;bottom:0;width:2px;background:var(--ln)}.hist>div:last-child::before{display:none}
.hist .pt{width:12px;height:12px;border-radius:50%;background:var(--c,var(--mu));margin-top:4px;position:relative;z-index:1}
.fotos{display:flex;gap:6px;flex-wrap:wrap}.fotos a img{width:96px;height:72px;object-fit:cover;border-radius:8px;border:1px solid var(--ln);background:#FCFCFA}
.filas{display:grid;background:var(--s);border:1px solid var(--ln);border-radius:12px}.filas>div{display:flex;justify-content:space-between;gap:12px;padding:9px 13px;border-top:1px solid var(--ln)}.filas>div:first-child{border-top:0}.filas>div>span:first-child{color:var(--mu);font-size:12px;flex:none}.filas>div>span:last-child{text-align:right;overflow-wrap:anywhere}
#modal{position:fixed;inset:0;background:rgba(6,18,20,.55);display:grid;place-items:center;padding:16px;z-index:60}
.mbox{background:var(--s);border-radius:16px;width:100%;max-width:880px;max-height:calc(100vh - 32px);overflow:auto;padding:20px;display:grid;gap:16px;box-shadow:var(--sombra)}.mbox.ang{max-width:480px}
#avisos{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:70;display:grid;gap:6px;width:min(440px,calc(100% - 32px))}#avisos div{background:var(--tx);color:var(--bg);padding:10px 14px;border-radius:10px;font-size:13px;font-weight:500;box-shadow:var(--sombra)}
.login{max-width:400px;margin:8vh auto;padding:0 16px;display:grid;gap:14px}.login .logo{background:var(--side);border-radius:16px;padding:22px;display:grid;place-items:center}.login .logo img{height:52px}
[hidden]{display:none!important}
.cols2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}@media (max-width:1180px){.cols2{grid-template-columns:minmax(0,1fr)}}
@media (min-width:1100px){.flujo{grid-template-columns:repeat(5,minmax(0,1fr))}}
.cols.ct{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
@media (max-width:960px){.cols.ct{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){.shell{grid-template-rows:auto 1fr}.side{position:sticky;top:0;z-index:5}}
.bul{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--mu);font-weight:600}.bul input{width:58px;padding:6px 8px}
.opc{font-style:normal;font-weight:500;text-transform:none;letter-spacing:0;color:var(--mu);font-size:11px;margin-left:4px}
details summary{cursor:pointer}
/* ---------- Facturación ---------- */
.filtros{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.filtros .campo{flex:1;min-width:140px}
.kpis4{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.kpis4 .panel{padding:14px}
.totales{display:grid;gap:4px;justify-self:end;min-width:260px;margin-left:auto}.totales>div{display:flex;justify-content:space-between;gap:24px;font-size:14px}.totales>div span:first-child{color:var(--mu)}
.totales .gran{border-top:2px solid var(--tx);padding-top:6px;margin-top:4px;font-weight:800;font-size:18px}.totales .gran span:first-child{color:var(--tx)}
.linea{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.linea select,.linea input{min-width:0}
.tachado td,.tachado>span{text-decoration:line-through;opacity:.6}
button.ccard{font:inherit;color:inherit;cursor:pointer;width:100%}button.ccard:hover{border-color:var(--tx)}
.solo-imprimir{display:none}
@media print{.side,.no-imprimir,#avisos{display:none!important}.shell{display:block}.solo-imprimir{display:block}.main{padding:0}body{background:#fff}}
.cols.nf{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}@media (max-width:1100px){.cols.nf{grid-template-columns:minmax(0,1fr)}}
td.num,th.num{white-space:nowrap}
.hueco{aspect-ratio:auto;min-height:140px;padding:10px;gap:6px;align-content:center}.hueco:has(img){aspect-ratio:4/3;padding:0;min-height:0}
.hueco .origen{display:grid;gap:6px;width:100%}.hueco .origen .btn{position:relative;overflow:hidden;width:100%}.hueco .origen input{position:absolute;inset:0;opacity:0;cursor:pointer;font-size:0}
.huecos{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:560px){.huecos{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Consola de conductores */
.mapa{width:100%;height:auto;display:block;background:var(--infos,#E0E8F6);border-radius:10px;margin:8px 0}
.m-tierra{fill:var(--s);stroke:var(--ln);stroke-width:1.5}
.m-bod{fill:var(--tx);stroke:var(--s);stroke-width:2}.m-lbl{font:600 10px var(--sans,system-ui);fill:var(--tx);text-anchor:middle;paint-order:stroke;stroke:var(--s);stroke-width:3px}
.m-c{stroke:#fff;stroke-width:1.5}.m-c.disponible{fill:var(--ok)}.m-c.sin_senal{fill:var(--amb)}.m-c.terminando_ruta{fill:#e06a2b}
.m-ley{display:inline-block;width:10px;height:10px;border-radius:50%;margin:0 3px 0 8px;vertical-align:-1px}.m-ley.ok{background:var(--ok)}.m-ley.warn{background:var(--amb)}.m-ley.bod{background:var(--tx)}
.doc-img{display:grid;gap:4px;text-decoration:none;color:inherit;font-size:12px;text-align:center}.doc-img img{width:220px;max-width:100%;height:140px;object-fit:cover;border-radius:10px;border:1px solid var(--ln)}
.avatar-c{border-radius:50%;object-fit:cover;flex:none;background:var(--gr, #eee);display:inline-grid;place-items:center;color:var(--mu, #888);font-weight:700;border:1px solid var(--ln, #ddd)}
.red-t td,.red-t th{padding:4px 6px}.red-c{width:34px;height:30px;border:1px solid var(--ln);border-radius:8px;background:var(--s);font-weight:800;position:relative;cursor:pointer}.red-c.on{background:var(--oks);color:var(--ok);border-color:var(--ok)}.red-c small{position:absolute;right:3px;bottom:1px;font-size:9px;color:var(--mu);font-weight:600}
/* ---------- Diseño del prototipo: barra superior, menú con íconos y tablero ---------- */
.mainc{min-width:0;display:flex;flex-direction:column}
.top{position:sticky;top:0;z-index:30;background:var(--s);border-bottom:1px solid var(--ln)}
.top-in{padding:10px 24px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:space-between}
.gsearch{display:flex;align-items:center;gap:8px;flex:1;min-width:220px;max-width:460px;border:1px solid var(--ln);border-radius:10px;padding:0 12px;background:var(--s)}
.gsearch input{border:0;padding:9px 0;background:transparent}.gsearch input:focus{outline:none}
.gsearch:focus-within{outline:2px solid var(--tx);outline-offset:-1px}.gsearch svg{width:18px;height:18px;color:var(--mu);flex:none}
.who-chip{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.25}
.who-chip i{width:32px;height:32px;border-radius:50%;background:var(--s2);display:grid;place-items:center;font-style:normal;font-weight:700;font-size:12px}
.grupo button svg,.grupo a svg,.ver button svg{width:18px;height:18px;flex:none}
.grupo button,.grupo a{gap:11px}
.grupo a{display:flex;align-items:center;width:100%;border:0;background:none;color:#CFCFC9;padding:9px 10px;border-radius:9px;font-weight:500;text-decoration:none;font-size:13.5px}
.grupo a:hover{background:rgba(255,255,255,.06);color:#fff}
.side .ver{margin-top:auto;font-size:11px;color:#8C8C86;padding:0 10px;display:grid;gap:8px}
.side .ver button{display:flex;align-items:center;gap:10px;border:0;background:rgba(255,255,255,.06);color:#E9E9E4;border-radius:9px;padding:8px 10px;font-size:13px;font-weight:500;text-align:left}
.side .ver button:hover{background:rgba(255,255,255,.12)}
.sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.cards{display:grid;grid-template-columns:150px repeat(3,minmax(0,1fr));gap:12px}
.card{background:var(--s);border:1px solid var(--ln);border-radius:14px;padding:16px;display:flex;gap:16px;align-items:center;min-width:0}
.card.date{flex-direction:column;justify-content:center;gap:0;padding:0;overflow:hidden;text-align:center}
.card.date b{font:700 40px/1 var(--disp);padding-top:16px}
.card.date span{color:var(--mu);font-size:13px;padding-bottom:12px}
.card.date div{background:var(--rojo);color:#fff;width:100%;padding:7px;font-size:12px;font-weight:600}
@media (max-width:1380px){.cards{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.cards{grid-template-columns:1fr}.card.date{flex-direction:row;justify-content:space-between;padding:0 0 0 18px}.card.date b,.card.date span{padding:0}.card.date div{width:auto;align-self:stretch;display:grid;place-items:center;padding:0 22px}}
.ring{flex:none;width:104px;height:104px}.ring text{fill:var(--tx);font-family:var(--sans)}
.legend{display:grid;gap:7px;flex:1;min-width:0;font-size:13px}
.legend div{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}
.legend em{font-style:normal;font-size:11px;font-weight:700;padding:1px 6px;border-radius:6px;background:var(--cs);color:var(--c);min-width:40px;text-align:center}
.legend b{font-variant-numeric:tabular-nums}
.minir{width:40px;height:40px;flex:none}.minir text{fill:var(--tx)}
.rstat{display:flex;gap:10px;align-items:center;font-size:12px;line-height:1.35}
button.kpi{text-align:left;font:inherit;color:inherit;cursor:pointer}
.kpi.alarm{background:var(--bads);border-color:transparent}.kpi.alarm b,.kpi.alarm span{color:var(--bad)}
.chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.chips button{border:1px solid var(--ln);background:var(--s);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600}
.chips button.on{background:var(--ac);border-color:var(--ac);color:var(--aci)}
@media (max-width:900px){.top{position:static}.top-in{padding:10px 16px}.who-chip div{display:none}.side .ver span{display:none}.side .ver{margin:0}.side .ver button{white-space:nowrap}}
/* Vista previa de los flyers propios (mismo diseño que el sitio, en pequeño) */
.flyprev{aspect-ratio:4/5;border-radius:10px;overflow:hidden;container-type:inline-size}
.flyprev .fly{height:100%;padding:8cqw;display:flex;flex-direction:column;justify-content:flex-end;gap:3cqw;position:relative;overflow:hidden}
.flyprev .fly h3{font-weight:800;font-style:italic;font-size:8.5cqw;position:relative;line-height:1.1}
.flyprev .fly p{font-size:4cqw;opacity:.92;position:relative}
.flyprev .fly .tg{position:absolute;top:6cqw;left:6cqw;font-size:3cqw;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:1.3cqw 2.6cqw;border-radius:999px}
.flyprev .fly .cta{align-self:flex-start;font-weight:700;padding:2.6cqw 4.2cqw;border-radius:2.6cqw;font-size:3.7cqw;position:relative;text-decoration:none;pointer-events:none}
.flyprev .f-rojo{background:#E30613;color:#fff}.flyprev .f-rojo .tg{background:#fff;color:#E30613}.flyprev .f-rojo .cta{background:#141414;color:#fff}
.flyprev .f-rojo .at{position:absolute;right:-6cqw;top:0;font:800 80cqw/1 var(--disp);color:rgba(255,255,255,.16)}
.flyprev .f-negro{background:#141414;color:#fff}.flyprev .f-negro .tg{background:#E30613;color:#fff}.flyprev .f-negro .cta{background:#fff;color:#141414}
.flyprev .f-negro .gr{position:absolute;top:32cqw;left:6cqw;font:800 17cqw/1 var(--disp);font-style:italic;color:#FF2A36}