/* Precio Luz: extras on top of /assets/site.css (loaded after it). */
.hero-shot{display:block;width:100%;max-width:290px;height:auto;margin:0 auto;border-radius:24px}
.hero-chips{margin-top:16px}
.sheet h3{margin:18px 0 8px}
.shots.ipad figure{width:min(460px,80vw)}
.shots.ipad img{border-radius:14px}
a.card{display:block;text-decoration:none;color:inherit;transition:transform .2s}
a.card:hover{transform:translateY(-2px)}
a.card h3{color:var(--app-accent)}
.grid2 .card h3,.grid3 .card h3{margin:0 0 6px;font-size:17.5px}
.tscroll:has(.levels){max-width:420px}
.facts.levels{min-width:0}
.facts th{white-space:nowrap}
.person-inline{display:flex;gap:18px;align-items:center}
.person-inline img{border-radius:50%;flex:none;width:96px;height:96px;object-fit:cover}
.person-inline h3{margin:0 0 4px}
.toc{columns:2;gap:24px;padding-left:20px;margin:0 0 40px}
.toc li{margin:0 0 6px}
.guide .num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--app-accent);color:var(--on-accent);font-size:17px;flex:none}
.guide-body{display:grid;grid-template-columns:1fr 240px;gap:28px;align-items:start}
.guide-body.wide,.guide-body:has(.wide){grid-template-columns:1fr 1fr}
.steps li{margin:0 0 10px;line-height:1.6}
.guide-fig{margin:0}
.guide-fig img{display:block;width:100%;height:auto;border-radius:20px;border:1px solid var(--line)}
.guide-fig.wide img{border-radius:12px}
.legal h2{font-size:22px;margin:32px 0 8px}
.legal h3{font-size:18px}
.legal ul{padding-left:20px}
@media (max-width:760px){
  .guide-body,.guide-body:has(.wide){grid-template-columns:1fr}
  .guide-fig{max-width:260px;margin:0 auto}
  .guide-fig.wide{max-width:100%}
  .toc{columns:1}
  .person-inline{flex-direction:column;text-align:center}
  .facts th{white-space:normal}
  .hero-shot{max-width:210px}
  .facts:not(.levels){min-width:0;display:block}
  .facts:not(.levels) tbody{display:block}
  .facts:not(.levels) tr{display:block;border-bottom:1px solid var(--line)}
  .facts:not(.levels) tr:last-child{border-bottom:0}
  .facts:not(.levels) th,.facts:not(.levels) td{display:block;border-bottom:0}
  .facts:not(.levels) th{padding-bottom:0}
  .facts:not(.levels) td{padding-top:4px}
}