/* Landing de Servicio técnico (Pages/Servicio/Index.cshtml). Va después de hoteles.css (base .h-*) y retail-claro.css (componentes .r-*). */
.sv-etiqueta{display:inline-block;margin:0 0 18px;padding:6px 14px;border-radius:999px;background:var(--laguna-t);color:var(--laguna);font-size:.86rem;font-weight:700}

/* Ejemplo del portal del equipo */
.sv-vista{justify-self:center;width:min(420px,100%);background:#fff;border:1px solid var(--linea);border-radius:22px;padding:24px 26px;box-shadow:0 30px 60px -30px rgba(18,41,47,.45)}
.sv-vista>small{display:block;font-size:.8rem;font-weight:700;color:var(--suave)}
.sv-vista h2{margin:6px 0 2px;font-size:1.45rem}
.sv-vista>p{color:var(--suave);font-size:.95rem}
.sv-folio{display:grid;gap:4px;margin:18px 0;padding:16px 18px;border-radius:14px;background:var(--bruma);border-left:5px solid var(--coral)}
.sv-folio span{font-size:.85rem;font-weight:700;color:var(--suave)}
.sv-folio strong{font-size:1.25rem}
.sv-folio em{font-style:normal;font-weight:800;color:var(--laguna)}
.sv-avances{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.sv-avances li{position:relative;padding-left:28px}
.sv-avances li::before{content:"";position:absolute;left:4px;top:.45em;width:12px;height:12px;border-radius:50%;background:var(--laguna)}
.sv-avances li:not(:last-child)::after{content:"";position:absolute;left:9px;top:1.3em;bottom:-14px;width:2px;background:var(--linea)}
.sv-avances li.ahora::before{background:#fff;border:3px solid var(--coral);width:8px;height:8px}
.sv-avances strong,.sv-avances span{display:block}
.sv-avances span{font-size:.9rem;color:var(--suave)}
.sv-nota{margin-top:18px;padding-top:14px;border-top:1px solid var(--linea);font-size:.9rem;color:var(--suave)}

/* Historial del equipo */
.sv-linea{background:#fff;border:1px solid var(--linea);border-radius:18px;padding:22px 24px;box-shadow:0 30px 60px -36px rgba(18,41,47,.45)}
.sv-linea h4{margin:0;font-size:1rem;font-weight:800}
.sv-linea small{display:block;margin:2px 0 16px;font-size:.82rem;color:var(--suave)}
.sv-linea ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sv-linea li{display:grid;grid-template-columns:88px 1fr;gap:12px;align-items:start;padding:10px 12px;border-radius:12px;background:#F4F8F8}
.sv-linea li time{font-size:.8rem;font-weight:700;color:var(--suave);font-variant-numeric:tabular-nums}
.sv-linea li b{display:block;font-size:.95rem}
.sv-linea li span{display:block;font-size:.85rem;color:var(--suave)}
.sv-linea li.falla{background:#FDEEE8}.sv-linea li.falla b{color:var(--coral-o)}
.sv-linea li.mueve{background:var(--laguna-t)}
@media(max-width:420px){.sv-linea li{grid-template-columns:1fr;gap:2px}}