/* Mi pedido 2026 — seguimiento vivo, elegante y móvil primero. */
:root{
  --sg-bosque-1000:#021b14;
  --sg-bosque-950:#031f17;
  --sg-bosque-900:#04291e;
  --sg-bosque-800:#063b2b;
  --sg-bosque-700:#075239;
  --sg-esmeralda:#007c51;
  --sg-esmeralda-viva:#00a66c;
  --sg-oro:#f6b83f;
  --sg-oro-claro:#ffd16c;
  --sg-coral:#f06a48;
  --sg-blanco:#fff;
  --sg-texto:#d7ebe1;
  --sg-texto-suave:#b8d3c6;
  --sg-borde:rgba(215,237,85,.24);
  --sg-borde-suave:rgba(255,255,255,.16);
  --sg-ok:#00bd78;
  --sg-error:#ff755f;
  --sg-sombra:0 24px 60px rgba(1,20,14,.34);
}

html{overflow-x:clip}
body.seguir{
  min-height:100vh;
  overflow-x:clip;
  color:var(--sg-blanco);
  font-family:Inter,Aptos,"Segoe UI",Arial,sans-serif;
  background:
    radial-gradient(circle at 94% 9%,rgba(246,184,63,.25),transparent 27rem),
    radial-gradient(circle at 3% 54%,rgba(0,166,108,.3),transparent 31rem),
    linear-gradient(145deg,var(--sg-bosque-950),var(--sg-bosque-900) 48%,#07563b);
  background-attachment:fixed;
}

/* La navegación repite la arquitectura de Inicio: marca, acción y contexto. */
body.seguir header{
  position:sticky;
  top:0;
  z-index:50;
  padding:9px 20px;
  border-bottom:1px solid rgba(215,237,85,.25);
  background:rgba(4,41,30,.96);
  box-shadow:0 8px 30px rgba(2,27,19,.32);
  backdrop-filter:blur(14px);
}
body.seguir .cab{max-width:1240px;gap:14px;flex-wrap:nowrap}
body.seguir .cab .logo{height:53px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.24))}
body.seguir nav{gap:7px;flex-wrap:nowrap}
body.seguir nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:8px 16px;
  border-radius:12px;
  color:rgba(255,255,255,.82);
  font-weight:750;
  text-decoration:none;
}

body.seguir .salto-contenido{background:var(--sg-oro);color:var(--sg-bosque-900);font-weight:900}
body.seguir nav a:hover{background:rgba(255,255,255,.1);color:var(--sg-blanco)}
body.seguir nav a.activo{
  border:1px solid var(--sg-oro);
  background:var(--sg-oro);
  color:var(--sg-bosque-900);
  font-weight:900;
  box-shadow:0 7px 19px rgba(246,184,63,.2);
}

.seguir main{width:100%;max-width:1120px;margin:0 auto;padding:30px 24px 88px}

/* Héroe editorial, emparentado con la portada pero más compacto. */
.sg-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  align-items:center;
  min-height:300px;
  margin:0 0 22px;
  padding:42px 48px;
  border:1px solid rgba(215,237,85,.3);
  border-radius:30px;
  background:
    radial-gradient(circle at 88% 15%,rgba(246,184,63,.32),transparent 18rem),
    linear-gradient(120deg,#03452f,#008358);
  box-shadow:var(--sg-sombra);
}
.sg-hero::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:310px;
  height:310px;
  right:-125px;
  top:-185px;
  border:55px solid rgba(255,255,255,.045);
  border-radius:50%;
}
.sg-hero-copy{position:relative;z-index:2;max-width:680px}
.sg-kicker,.sg-sobrelinea{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:var(--sg-oro);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.sg-kicker::before,.sg-sobrelinea::before{
  content:"";
  width:30px;
  height:4px;
  border-radius:8px;
  background:currentColor;
}
.sg-hero h1{
  max-width:720px;
  margin:13px 0 13px;
  color:var(--sg-blanco);
  font-size:clamp(2.45rem,5.6vw,4.55rem);
  font-weight:950;
  line-height:.98;
  letter-spacing:-.055em;
  text-transform:none;
  text-wrap:balance;
}
.sg-hero h1::after{display:none}
.sg-hero p{max-width:650px;margin:0;color:rgba(255,255,255,.78);font-size:1.02rem;line-height:1.62}
.sg-hero-visual{position:relative;display:grid;place-items:center;height:210px}
.sg-hero-visual::before{
  content:"";
  position:absolute;
  width:176px;
  height:176px;
  border-radius:42% 58% 61% 39%/47% 41% 59% 53%;
  background:linear-gradient(145deg,var(--sg-oro),var(--sg-coral));
  box-shadow:0 26px 55px rgba(0,0,0,.28),inset 0 2px rgba(255,255,255,.3);
  transform:rotate(-7deg);
}
.sg-hero-icono{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:104px;
  height:104px;
  border:2px solid rgba(4,41,30,.2);
  border-radius:28px;
  background:var(--sg-bosque-900);
  color:var(--sg-oro-claro);
  box-shadow:0 18px 30px rgba(0,0,0,.27);
  transform:rotate(4deg);
}
.sg-hero-icono svg{width:62px;height:62px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.sg-hero-visual>i{position:absolute;z-index:3;width:12px;height:12px;border-radius:50%;background:var(--sg-oro-claro);box-shadow:0 0 0 7px rgba(255,209,108,.12)}
.sg-hero-visual>i:nth-of-type(1){left:19px;top:42px}
.sg-hero-visual>i:nth-of-type(2){right:17px;bottom:34px;background:var(--sg-coral)}
.sg-hero-visual>i:nth-of-type(3){left:43px;bottom:19px;width:8px;height:8px;background:#d7ed55}

/* Vistas dinámicas. */
#zona{min-width:0}
.sg-consulta-vista{max-width:850px;margin:0 auto}
.sg-pedido-vista{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:18px;
  align-items:start;
}
.sg-pedido-vista>.sg-estado-card,
.sg-pedido-vista>.sg-pulso,
.sg-pedido-vista>.sg-accion-secundaria,
.sg-pedido-vista>#sg-panel-btn{grid-column:1/-1}

.sg-caja{
  min-width:0;
  margin:0;
  padding:27px;
  border:1px solid var(--sg-borde);
  border-radius:24px;
  background:linear-gradient(150deg,rgba(11,81,56,.98),rgba(6,59,43,.98));
  color:var(--sg-blanco);
  box-shadow:0 18px 46px rgba(1,20,14,.27);
}
.sg-card-cab{display:flex;align-items:center;gap:14px;margin:0 0 19px}
.sg-card-cab-compacta{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--sg-borde-suave)}
.sg-card-icono{
  display:grid;
  place-items:center;
  flex:0 0 48px;
  width:48px;
  height:48px;
  border-radius:15px;
  background:linear-gradient(145deg,var(--sg-oro),#ffcb5a);
  color:var(--sg-bosque-900);
  box-shadow:0 9px 22px rgba(246,184,63,.2);
}
.sg-card-icono svg,.sg-btn-icono svg,.sg-pago svg,.sg-aviso-icono svg,.sg-eta-icono svg{
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.sg-card-icono svg{width:25px;height:25px}
.sg-sobrelinea{color:var(--sg-oro-claro);font-size:.63rem;letter-spacing:.13em}
.sg-sobrelinea::before{width:21px;height:3px}
.sg-tit{
  margin:3px 0 0;
  color:var(--sg-blanco);
  font-size:1.38rem;
  font-weight:900;
  line-height:1.12;
  letter-spacing:-.025em;
  text-transform:none;
}
.sg-tit::after{display:none}

/* Consulta manual. */
.sg-consulta-card{padding:31px 32px 33px}
.sg-ayuda{max-width:690px;margin:0 0 23px;color:var(--sg-texto);font-size:.95rem;line-height:1.62}
.sg-ayuda b{color:var(--sg-oro-claro)}
.sg-form-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:14px;align-items:start}
.sg-campo{min-width:0;margin:0}
.sg-campo label{display:block;margin:0 0 7px;color:var(--sg-blanco);font-size:.84rem;font-weight:800}
.sg-campo input{
  width:100%;
  min-height:52px;
  padding:12px 14px;
  border:1.5px solid rgba(215,237,85,.28);
  border-radius:13px;
  background:rgba(2,27,20,.48);
  color:var(--sg-blanco);
  font:inherit;
  font-variant-numeric:tabular-nums;
  transition:border-color .16s,box-shadow .16s,background .16s;
}
.sg-campo input::placeholder{color:#9fbeae;opacity:1}
.sg-campo input:hover{border-color:rgba(255,209,108,.62)}
.sg-campo input:focus{outline:0;border-color:var(--sg-oro);background:rgba(2,27,20,.72);box-shadow:0 0 0 4px rgba(246,184,63,.18)}
.sg-campo input:-webkit-autofill{-webkit-text-fill-color:var(--sg-blanco);box-shadow:0 0 0 1000px #075239 inset;caret-color:var(--sg-blanco)}
.sg-cod-fila{display:flex;align-items:center;gap:10px}
.sg-cod-fila .pre{flex:0 0 auto;color:var(--sg-oro-claro);font-size:1.18rem;font-weight:950;letter-spacing:.08em}
.sg-err{margin-top:14px;padding:12px 14px;border:1px solid var(--sg-error);border-radius:12px;background:#471d19;color:#ffe1dc;font-size:.88rem;line-height:1.5}

/* Botones sin flechas decorativas; el texto expresa siempre el resultado. */
.sg-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  width:100%;
  min-height:52px;
  margin-top:16px;
  padding:12px 22px;
  border:1.5px solid var(--sg-oro);
  border-radius:14px;
  background:linear-gradient(145deg,var(--sg-oro-claro),var(--sg-oro));
  color:var(--sg-bosque-900);
  box-shadow:0 11px 25px rgba(246,184,63,.2);
  cursor:pointer;
  font:inherit;
  font-size:.95rem;
  font-weight:900;
  text-align:center;
  text-decoration:none;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease;
}
.sg-btn:hover{background:linear-gradient(145deg,#ffdc83,#ffc452);box-shadow:0 15px 31px rgba(246,184,63,.27);transform:translateY(-2px)}
.sg-btn:active{transform:translateY(0)}
.sg-btn:disabled{cursor:wait;opacity:.68;transform:none}
.sg-btn.otro{border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.075);color:var(--sg-blanco);box-shadow:none}
.sg-btn.otro:hover{border-color:var(--sg-oro);background:rgba(246,184,63,.11)}
.sg-accion-secundaria{max-width:390px;margin:18px auto 0}
.sg-btn-icono{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px}
.sg-btn-icono svg{width:21px;height:21px}
.sg-btn-icono svg.sg-whatsapp{fill:currentColor;stroke:none}

/* Estado principal. */
.sg-estado-card{position:relative;isolation:isolate;overflow:hidden;padding:30px 32px}
.sg-estado-card::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:330px;
  height:330px;
  right:-185px;
  top:-220px;
  border:62px solid rgba(215,237,85,.055);
  border-radius:50%;
}
.sg-estado-superior{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:21px;border-bottom:1px solid var(--sg-borde-suave)}
.sg-cod{min-width:0;color:var(--sg-oro-claro);font-variant-numeric:tabular-nums}
.sg-cod small{display:block;margin-bottom:3px;color:var(--sg-texto-suave);font-size:.63rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.sg-cod span{display:block;font-size:clamp(1.45rem,3vw,2rem);font-weight:950;letter-spacing:.11em;overflow-wrap:anywhere}
.sg-en-vivo{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:7px 10px;border:1px solid rgba(0,189,120,.45);border-radius:999px;background:rgba(0,189,120,.1);color:#a9f5d3;font-size:.7rem;font-weight:800}
.sg-en-vivo i{width:8px;height:8px;border-radius:50%;background:var(--sg-ok);box-shadow:0 0 0 5px rgba(0,189,120,.13);animation:sg-pulso-vivo 2s ease-in-out infinite}
.sg-ahora{display:grid;grid-template-columns:82px minmax(0,1fr);gap:20px;align-items:center;margin:25px 0 8px;text-align:left}
.sg-estado-icono{display:grid;place-items:center;width:82px;height:82px;border-radius:24px;background:var(--sg-oro);color:var(--sg-bosque-900);box-shadow:0 14px 30px rgba(246,184,63,.2)}
.sg-estado-icono svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sg-ahora.ok .sg-estado-icono{background:var(--sg-ok);box-shadow:0 14px 30px rgba(0,189,120,.2)}
.sg-ahora.camino .sg-estado-icono{background:var(--sg-coral);box-shadow:0 14px 30px rgba(240,106,72,.2)}
.sg-ahora.mal .sg-estado-icono{background:var(--sg-error);box-shadow:0 14px 30px rgba(255,117,95,.2)}
.sg-ahora .et{display:inline-flex;padding:5px 10px;border:1px solid rgba(246,184,63,.55);border-radius:999px;background:rgba(246,184,63,.12);color:var(--sg-oro-claro);font-size:.69rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.sg-ahora.ok .et{border-color:rgba(0,189,120,.55);background:rgba(0,189,120,.11);color:#a9f5d3}
.sg-ahora.camino .et{border-color:rgba(240,106,72,.65);background:rgba(240,106,72,.12);color:#ffc2b3}
.sg-ahora.mal .et{border-color:rgba(255,117,95,.68);background:rgba(255,117,95,.12);color:#ffd0c8}
.sg-ahora .q{margin:9px 0 4px;color:var(--sg-blanco);font-size:clamp(1.35rem,3vw,2rem);font-weight:920;line-height:1.1;letter-spacing:-.035em}
.sg-ahora .q::after{display:none}
.sg-ahora .c{margin:0;color:var(--sg-texto);font-size:.93rem;line-height:1.55}

.sg-aviso,.sg-eta{display:flex;align-items:center;gap:12px;margin-top:16px;border-radius:14px}
.sg-aviso{padding:12px 14px;border:1px solid rgba(246,184,63,.42);background:rgba(2,27,20,.34);color:var(--sg-texto);font-size:.9rem;line-height:1.5}
.sg-aviso-icono,.sg-eta-icono{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px}
.sg-aviso-icono{background:rgba(246,184,63,.14);color:var(--sg-oro-claro)}
.sg-aviso-icono svg,.sg-eta-icono svg{width:22px;height:22px}
.sg-eta{padding:15px 17px;background:linear-gradient(125deg,var(--sg-oro-claro),var(--sg-oro) 68%,var(--sg-coral));color:var(--sg-bosque-900);box-shadow:0 12px 26px rgba(246,184,63,.18)}
.sg-eta-icono{background:var(--sg-bosque-900);color:var(--sg-oro-claro)}
.sg-eta>span:last-child{display:grid;gap:1px}
.sg-eta small{font-size:.66rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.sg-eta strong{font-size:1.2rem;font-weight:950;letter-spacing:-.015em;font-variant-numeric:tabular-nums}

/* Cronología: icono, texto y estado; el color nunca es la única señal. */
.sg-linea-cab{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:27px 0 14px}
.sg-linea-cab h3{margin:0;color:var(--sg-blanco);font-size:1rem;font-weight:900}
.sg-linea-cab span{color:var(--sg-texto-suave);font-size:.72rem;font-weight:800}
.sg-linea{list-style:none;margin:0;padding:0}
.sg-linea li{position:relative;display:flex;gap:13px;align-items:flex-start;min-height:57px;padding:0 0 17px}
.sg-linea li:last-child{min-height:0;padding-bottom:0}
.sg-linea li::before{content:"";position:absolute;left:15px;top:31px;bottom:0;width:2px;background:rgba(255,255,255,.18)}
.sg-linea li:last-child::before{display:none}
.sg-linea .punto{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:2px solid #729986;border-radius:10px;background:var(--sg-bosque-900);color:var(--sg-texto);font-size:.72rem;font-weight:900}
.sg-linea .punto svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.sg-linea li.hecho .punto{border-color:var(--sg-esmeralda-viva);background:var(--sg-esmeralda);color:var(--sg-blanco)}
.sg-linea li.hecho::before{background:var(--sg-esmeralda-viva)}
.sg-linea li.actual .punto{border-color:var(--sg-oro);background:var(--sg-oro);color:var(--sg-bosque-900);box-shadow:0 0 0 5px rgba(246,184,63,.14)}
.sg-linea li.actual .punto svg circle{fill:currentColor;stroke:none}
.sg-linea .txt{display:grid;gap:3px;padding-top:1px}
.sg-linea .txt b{color:var(--sg-blanco);font-size:.95rem;font-weight:850;line-height:1.25}
.sg-linea li:not(.hecho):not(.actual) .txt b{color:#b5d0c3}
.sg-linea .txt span{color:var(--sg-texto-suave);font-size:.76rem;font-variant-numeric:tabular-nums}
.sg-linea li.actual .txt span{color:var(--sg-oro-claro);font-weight:800}

/* Resumen y sucursal. */
.sg-resumen-card,.sg-sucursal-card{height:100%}
.sg-items{font-size:.9rem}
.sg-items .it{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--sg-borde-suave)}
.sg-items .it:first-child{padding-top:0}
.sg-items .it:last-child{border-bottom:0}
.sg-items .it b{display:block;color:var(--sg-blanco);font-weight:800;line-height:1.35}
.sg-items .it .sab{display:block;margin-top:3px;color:var(--sg-texto-suave);font-size:.78rem;line-height:1.4}
.sg-items .it .pp{flex:0 0 auto;color:var(--sg-oro-claro);font-weight:900;white-space:nowrap;font-variant-numeric:tabular-nums}
.sg-total{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:17px;padding:15px 16px;border:1px solid rgba(246,184,63,.42);border-radius:14px;background:rgba(246,184,63,.12);color:var(--sg-blanco);font-weight:800}
.sg-total strong{color:var(--sg-oro-claro);font-size:1.22rem;font-weight:950;font-variant-numeric:tabular-nums}
.sg-pago{display:inline-flex;align-items:center;gap:8px;margin:13px 0 0;padding:7px 10px;border:1px solid rgba(215,237,85,.24);border-radius:10px;background:rgba(2,27,20,.28);color:var(--sg-texto);font-size:.8rem;font-weight:750}
.sg-pago>span{display:grid;place-items:center;width:22px;height:22px;color:var(--sg-oro-claro)}
.sg-pago svg{width:20px;height:20px}
.sg-suc{color:var(--sg-texto);font-size:.9rem;line-height:1.65}
.sg-suc b{display:block;margin-bottom:3px;color:var(--sg-blanco);font-size:1.12rem;font-weight:900;line-height:1.25}
.sg-sucursal-card>.sg-btn{margin-top:18px}
.sg-sucursal-card>.sg-btn+.sg-btn{margin-top:9px}
.sg-pulso{margin:1px 0 -4px;color:#accabd;font-size:.75rem;text-align:center;font-variant-numeric:tabular-nums}

/* Espera inicial. */
.sg-cargando-vista{max-width:620px;margin:0 auto}
.sg-cargando{display:grid;justify-items:center;gap:6px;padding:37px 24px;text-align:center}
.sg-cargando b{color:var(--sg-blanco);font-size:1.1rem}
.sg-cargando>span:last-child{color:var(--sg-texto);font-size:.87rem}
.sg-cargando-icono{width:39px;height:39px;margin-bottom:5px;border:4px solid rgba(255,255,255,.2);border-top-color:var(--sg-oro);border-radius:50%;animation:sg-girar .85s linear infinite}

.seguir footer{padding:31px 16px;border-top:5px solid var(--sg-oro);background:var(--sg-bosque-1000);color:rgba(255,255,255,.72)}
.seguir footer a{color:var(--sg-oro-claro)!important;font-weight:800}

.sg-visualmente-oculto{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
body.seguir :focus-visible{outline:3px solid var(--sg-oro)!important;outline-offset:3px!important;box-shadow:0 0 0 6px var(--sg-bosque-950)!important}
body.seguir header :focus-visible,body.seguir footer :focus-visible{outline-color:var(--sg-oro-claro)!important}

@keyframes sg-girar{to{transform:rotate(360deg)}}
@keyframes sg-pulso-vivo{0%,100%{box-shadow:0 0 0 4px rgba(0,189,120,.12)}50%{box-shadow:0 0 0 8px rgba(0,189,120,.03)}}

@media(max-width:760px){
  .seguir main{padding:20px 14px 70px}
  .sg-hero{grid-template-columns:1fr;min-height:0;padding:34px 27px 28px;border-radius:24px;text-align:center}
  .sg-hero-copy{margin:0 auto}.sg-kicker{justify-content:center}.sg-hero h1{font-size:clamp(2.35rem,11vw,3.45rem)}.sg-hero p{margin:0 auto}
  .sg-hero-visual{height:155px;margin-top:15px}.sg-hero-visual::before{width:135px;height:135px}.sg-hero-icono{width:82px;height:82px;border-radius:22px}.sg-hero-icono svg{width:48px;height:48px}
  .sg-pedido-vista{grid-template-columns:1fr}.sg-pedido-vista>*{grid-column:1!important}
  .sg-consulta-card,.sg-caja,.sg-estado-card{padding:23px 20px;border-radius:20px}
  .sg-form-grid{grid-template-columns:1fr}.sg-campo+.sg-campo{margin-top:2px}
  .sg-ahora{grid-template-columns:68px minmax(0,1fr);gap:15px}.sg-estado-icono{width:68px;height:68px;border-radius:20px}.sg-estado-icono svg{width:36px;height:36px}
}

@media(max-width:560px){
  body.seguir header{padding:7px 9px}
  body.seguir .cab{width:100%;min-width:0;gap:4px}
  body.seguir .marca{flex:0 1 94px;min-width:0}
  body.seguir .cab .logo{display:block;width:100%;height:auto;max-height:40px;object-fit:contain}
  body.seguir nav{flex:0 0 auto;gap:1px}
  body.seguir nav a{min-height:44px;padding:7px 8px;font-size:.7rem}
  .seguir main{padding:14px 11px 58px}
  .sg-hero{margin-bottom:14px;padding:28px 18px 23px;border-radius:20px}.sg-hero h1{font-size:clamp(2.2rem,11.5vw,3rem)}.sg-hero p{font-size:.9rem}.sg-hero-visual{height:125px}.sg-hero-visual::before{width:108px;height:108px}.sg-hero-icono{width:68px;height:68px;border-radius:18px}.sg-hero-icono svg{width:40px;height:40px}.sg-hero-visual>i{display:none}
  .sg-caja,.sg-consulta-card,.sg-estado-card{padding:19px 16px;border-radius:17px}
  .sg-card-cab{gap:11px;margin-bottom:16px}.sg-card-icono{flex-basis:43px;width:43px;height:43px;border-radius:13px}.sg-tit{font-size:1.2rem}
  .sg-estado-superior{align-items:flex-start;flex-direction:column}.sg-en-vivo{align-self:flex-start}
  .sg-ahora{grid-template-columns:1fr;text-align:center}.sg-estado-icono{margin:0 auto}.sg-ahora .et{justify-self:center}.sg-ahora .q{font-size:1.35rem}
  .sg-eta{align-items:flex-start}.sg-eta strong{font-size:1.08rem}
  .sg-linea-cab{align-items:flex-start;flex-direction:column;gap:3px}
  .sg-items .it{gap:9px}.sg-items .it .pp{font-size:.86rem}.sg-total{padding:13px}.sg-total strong{font-size:1.08rem}
  .sg-btn{min-height:50px;margin-top:13px;padding:11px 14px}.sg-accion-secundaria{max-width:none}
}

@media(max-width:380px){
  body.seguir .marca{flex-basis:78px}
  body.seguir nav a{padding:6px 6px;font-size:.65rem}
  .sg-hero h1{font-size:2.08rem}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}