/* Muvit · Inicio. Identidad del sitio v6; se carga después de css/main.css. */
/* Gancho de portada */
.hook-line{font-size:clamp(17px,1.5vw,21px);line-height:1.4;margin-bottom:20px}
.hook-line+h1{font-size:clamp(36px,4.5vw,68px);hyphens:manual;-webkit-hyphens:manual}
/* Antes y después */
.vs{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.vs-col{border-radius:20px;padding:30px 32px}
.vs-col.no{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.vs-col.yes{background:var(--ink);color:#fff;box-shadow:0 30px 60px -30px rgba(254,89,0,.55),0 0 0 2px var(--o)}
.vs-h{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}
.vs-h i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center}
.vs-h i svg{width:16px;height:16px}
.no .vs-h{color:var(--mute)}.no .vs-h i{background:#F1EEE9;color:#8f8982}
.yes .vs-h{color:var(--o2)}.yes .vs-h i{background:var(--o);color:#fff}
.vs ul{list-style:none;display:grid;gap:0}
.vs li{font-size:17px;line-height:1.45;padding:14px 0 14px 26px;position:relative;border-top:1px solid var(--line)}
.yes li{border-color:rgba(255,255,255,.12)}
.vs li:before{content:'';position:absolute;left:4px;top:22px;width:8px;height:8px;border-radius:50%}
.no li{color:#6b665f}.no li:before{background:#CFC9C1}
.yes li:before{background:var(--o);box-shadow:0 0 10px var(--o)}

/* Diferenciales */
.why{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(255,255,255,.14)}
.why>div{padding:34px 30px 34px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.why>div:not(:nth-child(3n+1)){padding-left:30px;border-left:1px solid rgba(255,255,255,.14)}
.why i{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(254,89,0,.14);color:var(--o);margin-bottom:18px;box-shadow:inset 0 0 0 1px rgba(254,89,0,.35)}
.why i svg{width:22px;height:22px}
.why h3{color:#fff;font-size:20px;margin-bottom:8px}
.why p{font-size:15.5px;line-height:1.55;color:#cfcac4}
.why cite{display:block;font-style:normal;font-size:12px;color:#8f8982;margin-top:8px}
@media (max-width:900px){
  .vs{grid-template-columns:1fr}
  .vs-col{padding:24px 22px}
  .why{grid-template-columns:1fr}
  .why>div,.why>div:not(:nth-child(3n+1)){padding:26px 0;border-left:0}
}
.vs-col.no,.vs-col.no li{font-weight:400}