/* ============================================================
   POTENCIA DIGITAL — v9: página de servicios editorial
   ============================================================ */
.sf-list{display:grid;gap:90px;margin-top:20px}
.sf-row{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center}
.sf-row.rev .sf-media{order:2}
.sf-media{position:relative;border-radius:26px;overflow:visible}
.sf-media img{width:100%;border-radius:26px;border:1px solid var(--line);
  box-shadow:0 30px 80px rgba(10,6,26,.65);position:relative;z-index:1;transition:transform .45s}
.sf-row:hover .sf-media img{transform:translateY(-8px) rotate(-.6deg)}
.sf-media em{position:absolute;top:-34px;left:-14px;z-index:2;font-style:normal;
  font-family:"Cormorant Garamond",serif;font-weight:600;font-size:clamp(60px,7vw,104px);
  color:transparent;-webkit-text-stroke:1.5px rgba(232,207,142,.65);line-height:1}
.sf-row.rev .sf-media em{left:auto;right:-14px}
.sf-glow{position:absolute;inset:8%;border-radius:50%;background:var(--grad);filter:blur(70px);
  opacity:.25;z-index:0;transition:opacity .4s}
.sf-row:hover .sf-glow{opacity:.45}
.sf-body h2{font-size:clamp(26px,3.4vw,40px);margin-bottom:12px}
.sf-short{color:var(--dim);font-size:16.5px;margin-bottom:20px}
.sf-chips{list-style:none;display:flex;flex-wrap:wrap;gap:9px;margin-bottom:26px}
.sf-chips li{font-size:13px;font-weight:600;border:1px solid var(--line);border-radius:99px;
  padding:7px 14px;color:var(--txt);background:rgba(28,20,64,.6)}
.sf-chips li::before{content:"✦ ";color:var(--red2)}
.sf-chips li.mas{color:var(--dim);border-style:dashed}
.sf-chips li.mas::before{content:""}
.sf-ctas{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:880px){
  .sf-row{grid-template-columns:1fr;gap:26px}
  .sf-row.rev .sf-media{order:0}
  .sf-media em{top:-26px}
  .sf-list{gap:64px}
}

/* tarjetas de la portada un punto más ricas */
.svc-card{background:linear-gradient(var(--panel),var(--panel)) padding-box,
  linear-gradient(140deg,rgba(225,19,29,.45),rgba(123,47,247,.35)) border-box;
  border:1px solid transparent}
.svc-card .im::after{content:"";position:absolute;inset:auto 0 0 0;height:46%;
  background:linear-gradient(transparent,rgba(14,10,31,.55))}