/* Flacos Custom Food Trucks — Página de Servicios (/servicios)
   Basado en el diseño del cliente (tools/source/servicios-original.html), adaptado a los colores del sitio.
   Todo va bajo .svc / .s-* para no chocar con styles.css. */
.svc{padding:56px 0 80px}
.svc .s-kicker{display:block;color:var(--gold);font-size:13px;font-weight:800;letter-spacing:4px;text-transform:uppercase;margin-bottom:14px}
.svc h1,.svc h2,.svc h3{font-family:"Anton","Archivo",Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:1px}

/* Encabezado */
.s-hero{padding:10px 0 34px;border-bottom:1px solid var(--line)}
.s-hero h1{font-size:clamp(44px,7vw,84px);line-height:.98}
.s-hero h1 span{color:var(--red)}
.s-sub{color:var(--muted);font-size:18px;max-width:640px;line-height:1.55;margin-top:16px}

/* Aviso Orange County */
.s-oc{margin-top:34px;border:1px solid rgba(216,31,46,.45);border-radius:18px;padding:56px 52px;background:radial-gradient(ellipse 70% 80% at 0% 0%,rgba(168,21,31,.22),transparent 60%),#0c0c0e}
.s-oc h2{font-size:clamp(32px,4.4vw,50px);line-height:1.08;margin:0 0 20px}
.s-oc p{color:#e4e4e4;font-size:16.5px;line-height:1.6;max-width:760px}
.s-oc-flex{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:64px;align-items:center}

/* Aviso Orange County — versión de ventas */
.s-urgent{display:inline-block;background:var(--red);color:#fff;font-size:13px;font-weight:800;letter-spacing:.3px;padding:7px 14px;border-radius:999px;margin-bottom:28px;box-shadow:0 6px 18px rgba(216,31,46,.35)}
.s-oc-flex>*{min-width:0}
.s-video-col{display:flex;flex-direction:column;align-items:center;gap:10px}
.s-video-cap{color:var(--gold-soft);font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;text-align:center;margin:0}
@media(min-width:641px){.s-video-cap{white-space:nowrap}}
#reparaciones{scroll-margin-top:90px}
.s-sticky{display:none}
@media(max-width:640px){

  .s-sticky{position:fixed;left:14px;right:14px;bottom:14px;z-index:70;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .2s,transform .2s;display:block}
  .s-sticky.on{opacity:1;transform:none;pointer-events:auto}
  .s-sticky .btn{display:block;width:100%;box-shadow:0 10px 30px rgba(0,0,0,.55)}
  body.s-sticky-on .wa-float{bottom:86px}
}

/* Secciones */
.s-block{margin-top:56px}
.s-block h2{font-size:clamp(30px,4vw,42px);margin-bottom:8px}
.s-lead{color:var(--muted);font-size:16.5px;line-height:1.6;max-width:720px;margin-bottom:26px}
.s-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.s-grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.s-card{background:var(--panel2);border:1px solid var(--line);border-top:3px solid var(--red);border-radius:12px;padding:26px 24px}
.s-card h3{font-size:21px;margin-bottom:10px}
.s-card p{color:var(--muted);font-size:15px;line-height:1.6}
.s-hours{margin-top:20px;color:var(--muted);font-size:14.5px}
.s-hours strong{color:var(--gold);letter-spacing:1px}

/* Fotos (si la foto no existe se ve "FOTO PENDIENTE") */
.s-img{position:relative;aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:#16161a;margin-bottom:16px;border:1px solid var(--line)}
.s-oc .s-img{margin-bottom:0;border-radius:10px}
.s-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.s-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#6d6d74;font-size:12px;font-weight:700;letter-spacing:2px;text-align:center;padding:10px}
/* Plano: se ve completo, sobre blanco, y abre en grande al hacer clic */
.s-plan{display:block;background:#fff;cursor:zoom-in}
.s-plan img{object-fit:contain;padding:6px;box-sizing:border-box}
.s-plan:hover .s-tag{background:var(--red);color:#fff}
.s-duo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.s-duo .s-img{margin-bottom:0}
.s-tag{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.78);color:var(--gold);font-size:11px;font-weight:800;letter-spacing:2px;padding:4px 8px;border-radius:5px;z-index:2}

/* Video vertical de TikTok en el aviso de Orange County */
.s-video{position:relative;width:100%;max-width:330px;margin:0 auto;aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:#000;border:1px solid var(--line);box-shadow:0 18px 40px rgba(0,0,0,.45)}
.s-card .s-video{margin-bottom:18px}
.s-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}

/* Llamado a la acción */
.s-cta{margin-top:60px;text-align:center;background:var(--panel2);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:16px;padding:44px 30px}
.s-cta h2{font-size:clamp(30px,4.4vw,44px);margin-bottom:10px}
.s-cta p{color:var(--muted);font-size:16.5px;margin-bottom:26px}
.s-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

@media(max-width:900px){
  .s-oc-flex,.s-grid3,.s-grid2{grid-template-columns:1fr}
}
@media(max-width:640px){

  .s-oc{padding:28px 22px}
}

/* Orange County: versión minimalista */
.s-oc-text{max-width:600px}
.s-oc .s-kicker{margin-bottom:16px}
.s-oc .s-oc-lead{color:#d4d4d8;font-size:18px;line-height:1.55;margin:0 0 30px;max-width:460px}
.s-chips{list-style:none;padding:0;margin:0 0 30px;display:flex;flex-wrap:wrap;gap:10px}
.s-chips li{font-size:14.5px;font-weight:700;color:var(--text);background:#141417;border:1px solid var(--line);border-radius:10px;padding:10px 14px;line-height:1.3}
.s-oc .s-guarantee{color:var(--gold);font-weight:700;font-size:16px;margin:0 0 32px}
.s-oc .s-check-btn{font-size:17px;padding:16px 34px}
.s-owner-link{display:block;margin-top:22px;color:var(--muted);font-size:14.5px;text-decoration:none}
.s-owner-link span{color:var(--text);white-space:nowrap}
.s-owner-link:hover span{color:var(--gold-soft)}
@media(max-width:900px){.s-oc{padding:36px 22px}.s-oc-flex{gap:40px}.s-oc .s-check-btn{display:block;width:100%;box-sizing:border-box}.s-owner-link span{white-space:normal}}