/* ═══════════ WEB Y MARKETING (marketing-web.html) · solo lo propio de esta página ═══════════ */
.stand-svg{display:block;width:100%;height:100%}

/* ── héroe: del montaje al reel, al portfolio y al CRM ── */
.mk-vis{position:relative;aspect-ratio:1/0.98;max-width:560px;margin:0 auto}
.mk-hilos{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
.mk-hilos path{fill:none;stroke:rgba(150,123,255,.55);stroke-width:1.6;stroke-dasharray:4 7;animation:flujo 1.3s linear infinite}
.mk-hilos path.amb{stroke:rgba(182,242,58,.55);opacity:0;transition:opacity .5s}
.mk-vis.f3 .mk-hilos path.amb{opacity:1}
.mk-fotos{position:absolute;left:0;top:7%;width:45%;aspect-ratio:4/3.1;z-index:2}
.mk-eti{position:absolute;left:0;top:-30px;display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.mk-eti .ic{width:14px;height:14px;color:var(--tea-2)}
.mk-foto{position:absolute;inset:0;padding:6px 6px 18px;background:#F7F9FA;border-radius:6px;box-shadow:0 18px 34px -16px rgba(0,0,0,.85);transform:rotate(var(--r,0deg)) translate(calc(var(--o,0) * -6px),calc(var(--o,0) * 5px));transition:transform .6s var(--ease)}
.mk-foto svg{border-radius:3px;overflow:hidden}
.mk-foto.entra{animation:caeFoto .7s var(--ease)}
@keyframes caeFoto{from{opacity:0;transform:translateY(-30px) rotate(-14deg) scale(1.08)}}
.mk-foto .flash{position:absolute;inset:0;border-radius:6px;background:#fff;opacity:0;pointer-events:none}
.mk-foto.entra .flash{animation:flash .7s ease-out}
@keyframes flash{0%{opacity:.9}100%{opacity:0}}
.mk-movil{position:absolute;right:1%;top:0;width:40%;aspect-ratio:9/18.6;border-radius:30px;background:#0B0F12;border:1px solid rgba(255,255,255,.16);box-shadow:0 40px 80px -30px rgba(0,0,0,.95),0 0 0 6px rgba(255,255,255,.03);z-index:2;padding:7px}
.mk-movil::before{content:"";position:absolute;left:50%;top:12px;width:24%;height:5px;border-radius:5px;background:#202529;transform:translateX(-50%);z-index:3}
.mk-movil .pant{position:relative;width:100%;height:100%;border-radius:23px;overflow:hidden;background:#1A2228}
.mk-movil.nuevo .pant{animation:aparece-p .5s var(--ease)}
@keyframes aparece-p{from{opacity:.2}}
.reel-img{position:absolute;inset:0}
.reel-img svg{width:100%;height:100%}
.reel-img.kb svg{animation:kb 6s ease-in-out both}
@keyframes kb{from{transform:scale(1.08) translateX(10%)}to{transform:scale(1.18) translateX(-10%)}}
.reel-prog{position:absolute;left:8px;right:8px;top:22px;display:flex;gap:4px;z-index:2}
.reel-prog i{flex:1;height:2.5px;border-radius:2px;background:rgba(255,255,255,.35);overflow:hidden;position:relative}
.reel-prog i::after{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left}
.mk-movil.nuevo .reel-prog i:nth-child(1)::after{animation:barra 1.2s linear forwards}
.mk-movil.nuevo .reel-prog i:nth-child(2)::after{animation:barra 1.2s 1.2s linear forwards}
.mk-movil.nuevo .reel-prog i:nth-child(3)::after{animation:barra 1.2s 2.4s linear forwards}
@keyframes barra{to{transform:scaleX(1)}}
.reel-txt{position:absolute;left:9%;right:9%;bottom:20%;display:flex;flex-direction:column;align-items:flex-start;gap:6px;z-index:2}
.reel-txt span{padding:4px 8px;border-radius:6px;background:rgba(255,255,255,.94);color:#131C24;font-weight:700;font-size:clamp(10px,1.05vw,13px);line-height:1.25;box-shadow:0 6px 14px -8px rgba(0,0,0,.6);opacity:0;transform:translateY(8px);animation:sube .45s var(--ease) forwards}
.reel-txt span:first-child{background:var(--amb);color:#101701}
@keyframes sube{to{opacity:1;transform:none}}
.reel-pie{position:absolute;left:9%;right:9%;bottom:6%;display:flex;align-items:center;gap:7px;z-index:2;color:#fff;font-size:clamp(10px,1vw,12px)}
.reel-pie .av{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--tea);font-size:8.5px;font-weight:800}
.reel-pie .tip{margin-left:auto;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;opacity:.8}
.mk-movil .pant::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(transparent,rgba(7,10,13,.75));z-index:1;pointer-events:none}
.mk-sello{position:absolute;left:39%;top:42%;z-index:4;display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:12px;background:#FAFBFC;color:var(--a-ink);box-shadow:0 16px 34px -14px rgba(0,0,0,.85);opacity:0;transform:scale(.85) rotate(-4deg);transition:opacity .35s,transform .45s cubic-bezier(.3,1.6,.5,1)}
.mk-sello.ver{opacity:1;transform:rotate(-2deg)}
.mk-sello>.ic{width:26px;height:26px;padding:5px;border-radius:50%;background:#16A06A;color:#fff;stroke-width:2.4;flex:none}
.mk-sello b{display:block;font-size:13px;line-height:1.2}
.mk-sello small{font-size:11.5px;color:var(--a-ink2)}
.mk-web{position:absolute;left:0;bottom:3%;width:52%;border-radius:12px;background:#FAFBFC;box-shadow:0 24px 46px -20px rgba(0,0,0,.9);overflow:hidden;z-index:2}
.mk-web-bar{display:flex;align-items:center;gap:5px;padding:7px 9px;background:#EEF1F4;font-size:10.5px;color:var(--a-ink3);font-weight:600}
.mk-web-bar i{width:7px;height:7px;border-radius:50%;background:#D6DCE0}
.mk-web-bar span{margin-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-web-g{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:7px}
.mk-th{position:relative;aspect-ratio:4/3;border-radius:5px;overflow:hidden;background:#e0e4e7}
.mk-th.nueva{animation:entraTh .6s var(--ease)}
@keyframes entraTh{from{opacity:0;transform:scale(.8)}}
.mk-th .badge,.pf .badge{position:absolute;left:5px;top:5px;padding:2px 6px;border-radius:5px;background:var(--amb);color:#101701;font-size:9.5px;font-weight:800;letter-spacing:.04em}
.mk-lead{position:absolute;right:0;bottom:0;max-width:46%;z-index:4;display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border-radius:12px;background:rgba(14,21,27,.95);border:1px solid rgba(182,242,58,.5);box-shadow:0 16px 34px -14px rgba(0,0,0,.85);opacity:0;transform:translateY(12px);transition:opacity .35s,transform .45s var(--ease)}
.mk-lead.ver{opacity:1;transform:none}
.mk-lead>.ic{width:18px;height:18px;color:var(--amb);flex:none;margin-top:1px}
.mk-lead b{display:block;font-size:12.5px;line-height:1.25}
.mk-lead small{display:block;font-size:11.5px;color:var(--ink-2);line-height:1.3;margin-top:2px}
.mk-nota{margin:12px 0 0;text-align:center;font-size:12.5px;color:var(--ink-3)}
@media (max-width:560px){
  .mk-vis{aspect-ratio:1/1.06;margin-top:26px}
  .mk-movil{border-radius:22px;padding:5px}.mk-movil .pant{border-radius:18px}
  .mk-sello{left:0;top:39%;padding:7px 9px}.mk-sello b{font-size:11.5px}.mk-sello small{font-size:10.5px}.mk-sello>.ic{width:22px;height:22px}
  .mk-lead{max-width:50%;padding:8px 9px}.mk-lead b{font-size:11px}.mk-lead small{font-size:10.5px}
  .mk-web{width:54%}
  .reel-pie .tip{display:none}
}

/* ── demo: calendario de contenidos ── */
#mc-app .app-cuerpo{grid-template-columns:172px minmax(0,1fr)}
@media (max-width:860px){#mc-app .app-cuerpo{grid-template-columns:minmax(0,1fr)}}
.mc-acc{display:flex;gap:8px;flex-wrap:wrap}
.mc-cuerpo{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start}
.mc-cal{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.mc-dia{display:flex;flex-direction:column;gap:6px;min-width:0}
.mc-dh{display:flex;align-items:baseline;gap:6px;padding:6px 8px;border-radius:9px;background:#EFF2F4}
.mc-dh b{font-size:13px}
.mc-dh span{font-size:11.5px;color:var(--a-ink3)}
.mc-slots{display:flex;flex-direction:column;gap:8px;min-height:220px;padding:6px;border-radius:10px;border:1.5px dashed #DDE4E9}
.mc-vacio{display:grid;place-items:center;flex:1;font-size:12px;color:#ABB6BF}
.mc-card{display:flex;flex-direction:column;gap:0;text-align:left;padding:0;border-radius:10px;border:1px solid var(--a-line);background:#fff;cursor:pointer;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s}
.mc-card:hover{border-color:#A18DF8;transform:translateY(-1px)}
.mc-card.on{border-color:var(--a-tea);box-shadow:0 0 0 3px rgba(83,47,242,.16)}
.mc-card.nueva{animation:fila .6s var(--ease)}
.mc-card .th{position:relative;display:block;aspect-ratio:4/3;background:#dee3e7;overflow:hidden}
.mc-card .th.vert svg{transform:scale(1.25)}
.mc-card .pl{position:absolute;right:6px;bottom:6px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.55);color:#fff}
.mc-card .pl .ic{width:11px;height:11px}
.mc-meta{display:flex;flex-direction:column;gap:3px;padding:7px 8px 8px}
.mc-meta small{font-size:10.5px;color:var(--a-ink3);font-weight:600;line-height:1.25}
.mc-meta b{font-size:12.5px;line-height:1.25;color:var(--a-ink)}
.mc-meta .tag{align-self:flex-start;font-size:10.5px;padding:2px 6px;white-space:normal;line-height:1.2}
.mc-meta .tag .ic{width:10px;height:10px}
.mc-det{position:sticky;top:12px;border:1px solid var(--a-line);border-radius:12px;background:#fff;padding:12px;min-height:420px}
.det-vacio{display:grid;place-items:center;text-align:center;min-height:390px;color:var(--a-ink3);font-size:13.5px;padding:10px}
.det-vacio .ic{width:30px;height:30px;color:#9FAFBC;margin:0 auto 8px}
.det-cab{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.det-h{font-size:12px;color:var(--a-ink2);font-weight:600}
.pv{position:relative;border-radius:10px;overflow:hidden;background:#dee3e7;margin:0 auto}
.pv.cuad{aspect-ratio:1}
.pv.vert{aspect-ratio:9/16;width:62%}
.pv>svg,.pv .pv-capa svg{width:100%;height:100%}
.pv-capa{position:absolute;inset:0}
.pv-capa.kb svg{animation:kb 7s ease-in-out infinite alternate}
.pv.fases .pv-capa{opacity:0;animation:fase 6s infinite}
.pv.fases .pv-capa.f1{animation-delay:2s}.pv.fases .pv-capa.f2{animation-delay:4s}
.pv.fases .pv-capa svg{transform:scale(1.15)}
@keyframes fase{0%{opacity:0}5%,33%{opacity:1}38%,100%{opacity:0}}
.pv .reel-prog{top:10px}
.pv .reel-prog i::after{animation:barra 6s linear infinite}
.pv-sobre{position:absolute;left:8%;right:8%;bottom:12%;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.pv-sobre span{padding:3px 7px;border-radius:5px;background:rgba(255,255,255,.95);color:#131C24;font-weight:700;font-size:12px;opacity:0;animation:apareceT 4.8s infinite}
.pv-sobre span:first-child{background:#B6F23A;color:#101701}
@keyframes apareceT{0%{opacity:0;transform:translateY(6px)}8%,80%{opacity:1;transform:none}92%,100%{opacity:0}}
.pv-tipo{position:absolute;right:8px;top:20px;display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:5px;background:rgba(0,0,0,.5);color:#fff;font-size:10.5px;font-weight:700}
.pv-tipo .ic{width:10px;height:10px}
.pv.ad{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#fff}
.pv.ad .mitad{position:relative;overflow:hidden}
.pv.ad .mitad svg{width:200%;height:100%;transform:translateX(-25%)}
.pv.ad .mitad span{position:absolute;left:6px;top:6px;padding:2px 7px;border-radius:5px;background:rgba(19,28,36,.85);color:#fff;font-size:10.5px;font-weight:700}
.pv.carr .carr-in{display:flex;height:100%;transition:transform .6s var(--ease)}
.pv.carr .sl{flex:0 0 100%;height:100%;overflow:hidden}
.pv.carr .sl svg{transform-origin:var(--o);transform:scale(var(--z))}
.carr-p{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;gap:5px}
.carr-p i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5)}
.carr-p i.on{background:#fff}
.carr-b{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:#131C24;display:grid;place-items:center;cursor:pointer}
.carr-b .ic{width:14px;height:14px}
.pv-enl{position:absolute;left:8px;right:8px;bottom:8px;display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:7px;background:rgba(255,255,255,.95);font-size:11px;font-weight:600;color:#131C24;line-height:1.3}
.pv-enl .ic{width:13px;height:13px;color:var(--a-tea);flex:none}
.det-idi{display:flex;flex-wrap:wrap;gap:4px;margin:10px 0 6px;align-items:center}
.det-idi button{border:1px solid var(--a-line);background:#fff;border-radius:7px;padding:4px 8px;font-size:11.5px;font-weight:700;color:var(--a-ink2);cursor:pointer}
.det-idi button[aria-pressed="true"]{background:#131C24;color:#fff;border-color:#131C24}
.det-idi .det-otra{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-weight:600}
.det-idi .det-otra .ic{width:12px;height:12px}
.det-idi .det-otra:disabled{opacity:.45;cursor:default}
.det-txt{margin:0;font-size:13.5px;line-height:1.5;color:var(--a-ink);min-height:4.5em}
.det-tags{margin:6px 0 0;font-size:12px;color:#3B11F0;font-weight:600}
.det-rev{list-style:none;margin:10px 0 0;padding:8px 10px;border-radius:9px;background:#F4F3F9;display:flex;flex-direction:column;gap:4px}
.det-rev li{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--a-ink2)}
.det-rev li.h{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--a-ink3)}
.det-rev li .ic{width:13px;height:13px;flex:none}
.det-rev li.ok .ic{color:var(--a-ok)}
.det-rev li.no{color:#1D90A6;font-weight:600}.det-rev li.no .ic{color:#1D90A6}
.det-orig{display:flex;align-items:center;gap:6px;margin:8px 0 0;font-size:11.5px;color:var(--a-ink3)}
.det-orig .ic{width:13px;height:13px;flex:none}
.det-acc{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.det-acc .tag{white-space:normal;line-height:1.3;padding:5px 9px}
@media (max-width:1180px){.mc-cuerpo{grid-template-columns:minmax(0,1fr) 280px}.mc-meta b{font-size:12px}}
@media (max-width:1000px){.mc-cuerpo{grid-template-columns:minmax(0,1fr)}.mc-det{position:static}.pv.cuad{max-width:380px}.pv.vert{width:min(240px,62%)}}
@media (max-width:860px){.mc-sem{display:none}}
@media (max-width:700px){
  .mc-cal{grid-template-columns:minmax(0,1fr);gap:6px}
  .mc-dia{flex-direction:row;align-items:stretch;gap:6px}
  .mc-dh{flex-direction:column;align-items:center;justify-content:center;gap:0;width:52px;flex:none;padding:6px 4px}
  .mc-slots{flex:1;min-height:0;flex-direction:row;flex-wrap:wrap;padding:5px}
  .mc-card{flex-direction:row;flex:1 1 220px;min-width:0}
  .mc-card .th{width:84px;flex:none;aspect-ratio:auto}
  .mc-vacio{padding:12px}
  .mc-acc{width:100%}.mc-acc .app-btn{flex:1;justify-content:center}
  .mc-det{min-height:0;padding:10px}
}

/* ── portfolio (sección clara) ── */
.port{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,4vw,60px);align-items:center}
.port-txt .lead{margin-top:18px}
.port-pasos{list-style:none;counter-reset:pp;display:flex;flex-direction:column;gap:10px;margin:26px 0 26px}
.port-pasos li{counter-increment:pp;position:relative;display:grid;grid-template-columns:34px 1fr;gap:2px 12px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--l-line);transition:border-color .3s,box-shadow .3s,background-color .3s}
.port-pasos li::before{content:counter(pp);grid-row:span 2;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#E3DEF9;color:#3B11F0;font-weight:700;font-size:13px;transition:background-color .3s,color .3s}
.port-pasos b{font-size:15.5px;font-weight:600}
.port-pasos span{font-size:14px;color:var(--l-ink2)}
.port-pasos li.on{border-color:#7C5CFF;box-shadow:0 0 0 4px rgba(124,92,255,.12)}
.port-pasos li.on::before{content:"";border:2.5px solid #7C5CFF;border-right-color:transparent;background:none;animation:gira .8s linear infinite;width:20px;height:20px;margin:5px}
.port-pasos li.hecho::before{content:"✓";background:#7C5CFF;color:#fff}
.navega{border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--l-line);box-shadow:0 40px 80px -40px rgba(21,31,39,.45);color:var(--a-ink)}
.nav-bar{display:flex;align-items:center;gap:12px;height:42px;padding:0 12px;background:#EEF1F4;border-bottom:1px solid var(--a-line)}
.nav-url{flex:1;min-width:0;display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;background:#fff;font-size:12.5px;color:var(--a-ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-url .ic{width:13px;height:13px;color:var(--a-ok);flex:none}
.nav-url b{color:var(--a-ink);font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis}
.nav-id{font-family:var(--mono);font-size:11px;font-weight:700;padding:3px 7px;border-radius:6px;background:#131C24;color:#BFADFF;min-width:30px;text-align:center}
.nav-c{padding:14px}
.port-cab{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.port-cab>b{font-family:var(--display);font-size:20px;letter-spacing:-.02em}
.port-fil{display:flex;flex-wrap:wrap;gap:5px}
.port-fil button{border:1px solid var(--a-line);background:#fff;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600;color:var(--a-ink2);cursor:pointer}
.port-fil button[aria-pressed="true"]{background:#7C5CFF;border-color:#7C5CFF;color:#fff}
.port-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pf{margin:0;min-width:0}
.pf.nuevo{animation:entraPf .8s var(--ease)}
@keyframes entraPf{from{opacity:0;transform:translateY(-14px) scale(.94)}}
.pf-im{position:relative;aspect-ratio:4/3;border-radius:9px;overflow:hidden;background:#e0e4e7}
.pf.nuevo .pf-im{box-shadow:0 0 0 3px #B6F23A}
.pf figcaption{display:flex;flex-direction:column;padding:6px 2px 0;line-height:1.3;min-width:0}
.pf figcaption b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf figcaption span{font-size:11.5px;color:var(--a-ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf .idis{display:flex;gap:3px;margin-top:3px}
.pf .idis i{font-style:normal;font-size:9.5px;font-weight:700;padding:1px 4px;border-radius:4px;background:#E1DBF9;color:#3B11F0}
.port-nota{margin:10px 0 0;font-size:12.5px;color:var(--l-ink3);text-align:center}
.port-nota.oscuro{color:var(--ink-3)}
@media (max-width:1000px){.port{grid-template-columns:minmax(0,1fr)}.port-g{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.port-g{grid-template-columns:1fr 1fr}.nav-c{padding:10px}.port-cab>b{font-size:17px}}

/* ── web: página por feria ── */
.web-dos>*{min-width:0}
.web-dos{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,4vw,56px);align-items:start}
.pfer{border-radius:16px;overflow:hidden;background:#fff;color:var(--a-ink);box-shadow:0 50px 100px -50px rgba(124,92,255,.55),0 30px 70px -36px rgba(0,0,0,.85);border:1px solid rgba(255,255,255,.14)}
.pf-idi{display:flex;gap:3px;flex:none}
.pf-idi button{border:1px solid var(--a-line);background:#fff;border-radius:6px;padding:3px 7px;font-size:11px;font-weight:700;color:var(--a-ink2);cursor:pointer}
.pf-idi button[aria-pressed="true"]{background:#131C24;color:#fff;border-color:#131C24}
.pf-heroe{position:relative;aspect-ratio:16/7;overflow:hidden}
.pf-img{position:absolute;inset:0}
.pf-img svg{width:100%;height:100%}
.pf-heroe::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,18,24,.88),rgba(11,18,24,.35) 70%,transparent)}
.pf-txt{position:absolute;left:5%;top:50%;transform:translateY(-50%);z-index:1;max-width:66%;color:#fff;display:flex;flex-direction:column;gap:5px}
.pf-txt small{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--amb)}
.pf-txt b{font-family:var(--display);font-size:clamp(19px,2.2vw,28px);letter-spacing:-.025em;line-height:1.1}
.pf-txt span{font-size:13px;color:#CBD6DF;line-height:1.4}
.pf-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:8px;padding:14px;align-items:end}
.pf-form label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:700;color:var(--a-ink3);text-transform:uppercase;letter-spacing:.06em;min-width:0}
.pf-form input{padding:8px 9px;border-radius:8px;border:1px solid #D0D8DF;font:inherit;font-size:13px;text-transform:none;letter-spacing:0;font-weight:500;color:var(--a-ink);background:#F8F7FB;min-width:0}
.pf-form .app-btn{height:36px;white-space:normal;line-height:1.15;text-align:left}
.pf-crm{display:none;margin:0 14px 14px;padding:10px 12px;border-radius:10px;background:#131C24;color:#E0D9FC;font-size:13px;flex-direction:column;gap:6px}
.pf-crm.ver{display:flex}
.pf-crm div{display:flex;align-items:center;gap:8px;animation:ciT .4s var(--ease)}
.pf-crm .ic{width:15px;height:15px;color:#B6F23A;flex:none}
.pf-crm b{color:#fff}
.web-l{list-style:none;display:flex;flex-direction:column;gap:12px}
.web-l li{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:16px 18px;border-radius:16px;background:var(--glass);border:1px solid var(--line)}
.web-l .ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(182,242,58,.13);color:var(--amb)}
.web-l .ico .ic{width:21px;height:21px}
.web-l h3{font-family:var(--display);font-size:17px;font-weight:600;letter-spacing:-.01em;margin:0 0 4px}
.web-l p{font-size:14.5px;color:var(--ink-2);margin:0}
@media (max-width:980px){.web-dos{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.pf-form{grid-template-columns:1fr 1fr}.pf-form .app-btn{grid-column:1 / -1;justify-content:center;text-align:center}.pf-heroe{aspect-ratio:16/10}.pf-txt{max-width:86%}.pf-txt span{font-size:12px}.nav-bar .app-puntos{display:none}}

/* ── el círculo de la captación ── */
.ciclo{position:relative;aspect-ratio:1;max-width:620px;margin:0 auto}
.ciclo-aro{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.ciclo-aro circle{fill:none;stroke:var(--line-2);stroke-width:.5;stroke-dasharray:1.2 1.4}
.ciclo-aro circle.prog{stroke:var(--amb);stroke-width:.9;stroke-dasharray:100;stroke-dashoffset:100;stroke-linecap:round;transition:stroke-dashoffset .8s var(--ease)}
.ci-n{position:absolute;left:calc(50% + var(--cx) * var(--rad,38%));top:calc(50% + var(--cy) * var(--rad,38%));transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;width:min(128px,24%);border:0;background:none;color:var(--ink-2);cursor:pointer;padding:0;text-align:center}
.ci-n .ico{width:clamp(40px,8vw,54px);height:clamp(40px,8vw,54px);border-radius:50%;display:grid;place-items:center;background:#15232D;border:1px solid var(--line-2);color:var(--tea-2);transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s,transform .3s var(--ease)}
.ci-n .ico .ic{width:22px;height:22px}
.ci-n .nom{font-size:clamp(11px,1.15vw,14px);font-weight:600;line-height:1.2;transition:color .3s}
.ci-n.ya .ico{border-color:rgba(182,242,58,.45);color:var(--amb)}
.ci-n.on .ico{background:var(--amb);border-color:var(--amb);color:#101701;box-shadow:0 0 0 8px rgba(182,242,58,.14),0 0 40px -6px rgba(182,242,58,.8);transform:scale(1.08)}
.ci-n.on .nom{color:var(--ink)}
.ciclo-centro{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.ciclo-centro small{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--amb)}
.ciclo-centro b{font-family:var(--display);font-size:clamp(17px,2.2vw,26px);letter-spacing:-.02em;line-height:1.15;animation:ciT .45s var(--ease)}
.ciclo-centro p{margin:0;font-size:clamp(12.5px,1.25vw,15.5px);color:var(--ink-2);line-height:1.45;animation:ciT .5s var(--ease)}
@media (max-width:560px){.ciclo{--rad:35.5%}.ciclo-aro{transform:rotate(-90deg) scale(.934)}.ci-n .ico .ic{width:17px;height:17px}.ci-n{width:25%}.ci-n .nom{font-size:10.5px}.ciclo-centro{width:50%}.ciclo-centro p{font-size:12px}}
@keyframes ciT{from{opacity:0;transform:translateY(6px)}}

/* ═══ artículo del blog en el móvil del héroe ═══ */
.mk-movil .pant::after{display:none}
.post-img{position:absolute;left:0;right:0;top:0;height:42%;overflow:hidden}
.post-img svg{width:100%;height:100%}
.post-img.kb svg{animation:kb 7s ease-in-out both}
.post-idi{position:absolute;left:8%;right:8%;top:calc(42% + 9px);display:flex;flex-wrap:wrap;gap:3px;z-index:2}
.post-idi i{font-style:normal;font-family:var(--mono);font-size:clamp(8px,.75vw,9.5px);font-weight:700;padding:2px 5px;border-radius:5px;background:rgba(255,255,255,.09);color:#8FA0AD;transition:background-color .25s,color .25s,transform .25s}
.post-idi i.ya{background:rgba(182,242,58,.16);color:#B6F23A}
.post-idi i.on{background:#B6F23A;color:#101701;transform:translateY(-1px)}
.post-txt{position:absolute;left:8%;right:8%;top:calc(42% + 34px);display:flex;flex-direction:column;gap:6px;z-index:2}
.post-txt small{font-family:var(--mono);font-size:clamp(8px,.75vw,9.5px);letter-spacing:.1em;text-transform:uppercase;color:var(--tea-3)}
.post-txt b{font-family:var(--display);font-weight:800;font-size:clamp(11.5px,1.2vw,14.5px);line-height:1.22;color:#fff;min-height:3.7em}
.post-txt b.cambia{animation:sube .4s var(--ease)}
.post-txt .ln{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.13)}
.post-txt .ln.c{width:62%}
.post-pie{position:absolute;left:8%;right:8%;bottom:5%;display:flex;align-items:center;gap:7px;z-index:2;color:#fff;font-size:clamp(10px,1vw,12px)}
.post-pie .av{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--tea);font-size:8.5px;font-weight:800}
.post-pie .tip{margin-left:auto;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;opacity:.8}
@media (max-width:560px){.post-pie .tip{display:none}.post-txt{gap:4px;top:calc(42% + 28px)}.post-txt .ln:nth-of-type(2){display:none}.post-idi{flex-wrap:nowrap;gap:2px;left:6%;right:4%;top:calc(42% + 7px)}.post-idi i{font-size:7.5px;padding:1px 3px;border-radius:4px}}

/* ═══ calendario editorial: ferias que lo marcan ═══ */
.mc-ferias{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px}
.mc-ferias>small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--a-ink3);font-weight:700;margin-right:4px}
.mf{display:inline-flex;align-items:baseline;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid var(--a-line);background:#fff;font-size:12px;color:var(--a-ink2)}
.mf b{color:var(--a-ink);font-weight:700}
.mf em{font-style:normal;color:var(--a-ink3)}
.mf i{font-style:normal;font-size:11px;font-weight:700;color:#5E8D08}
.mf.on{border-color:#BAE480;background:#F4FDE5}
.mf.on i{color:#477B05}
.mc-card .th{position:relative}
.mc-card .canal{position:absolute;left:6px;top:6px;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#131C24;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.mc-card .canal .ic{width:12px;height:12px}
/* vista previa: blog, ficha de portfolio, mismos marcos */
.pv.blog .pv-blog{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:4px;padding:12px 12px 10px;background:linear-gradient(transparent,rgba(9,14,19,.92) 34%);color:#fff}
.pv-blog small{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#B6F23A}
.pv-blog b{font-family:var(--display);font-size:15px;font-weight:800;line-height:1.2}
.pv-blog span{display:flex;align-items:center;gap:5px;font-size:10.5px;color:#C3CDD4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-blog span .ic{width:11px;height:11px;flex:none}
.pv.ficha .pv-ficha{position:absolute;left:8px;right:8px;bottom:8px;display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:9px;background:rgba(255,255,255,.96);color:#131C24;box-shadow:0 8px 20px -10px rgba(0,0,0,.6)}
.pv-ficha b{font-size:13px}
.pv-ficha span{font-size:11px;color:var(--a-ink3)}
.pv-ficha .idis{display:flex;gap:3px;margin-top:3px}
.pv-ficha .idis i{font-style:normal;font-size:9.5px;font-weight:700;padding:1px 5px;border-radius:4px;background:#E1DBF9;color:#3B11F0}
.pv-ficha .idis i.on{background:#131C24;color:#fff}
.pv.ad .mitad svg{width:200%;transform:translateX(-25%)}
.pv.ad .ad-mismo{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:#B6F23A;color:#101701;font-style:normal;font-size:11px;font-weight:800;white-space:nowrap;box-shadow:0 6px 14px -6px rgba(0,0,0,.6)}
.pv.ad .ad-mismo .ic{width:12px;height:12px}
.pv.ad{position:relative}
.sl{position:relative}
.sl-eti{position:absolute;left:8px;top:8px;padding:2px 7px;border-radius:5px;background:rgba(47,111,214,.9);color:#fff;font-size:10.5px;font-weight:700}
.det-pub{display:flex;align-items:flex-start;gap:6px;margin:8px 0 0;font-size:12px;color:var(--a-ink2);line-height:1.4}
.det-pub .ic{width:13px;height:13px;flex:none;margin-top:2px;color:var(--a-tea)}
.det-pub b{color:var(--a-ink)}
.det-txt:lang(zh){letter-spacing:.02em}

/* ═══ portfolio por feria y por cliente ═══ */
.port-modo{display:inline-flex;padding:3px;border-radius:10px;background:#EEF1F4;gap:2px}
.port-modo button{border:0;background:none;border-radius:8px;padding:5px 11px;font-size:12px;font-weight:700;color:var(--a-ink2);cursor:pointer}
.port-modo button[aria-pressed="true"]{background:#fff;color:var(--a-ink);box-shadow:0 1px 3px rgba(21,31,39,.15)}
#port-fil{margin-bottom:12px}
.pf figcaption .ag{font-size:11px;color:#3B11F0;font-weight:600}

/* sello de revisión: sobre la imagen del artículo, sin tapar el texto */
.mk-sello{left:33%;top:21%}
@media (max-width:560px){.mk-sello{left:22%;top:17%}}
.mc-ferias .mf{padding:4px 9px;font-size:11.5px}

/* ═══ TEMA CLARO (solo con <html data-tema="claro">; ver estilo.css) ═══ */
/* héroe: hilos, fotos, móvil claro con el artículo, web y aviso del CRM */
html[data-tema="claro"] .mk-hilos path{stroke:rgba(15,23,32,0.42)}
html[data-tema="claro"] .mk-hilos path.amb{stroke:rgba(106,159,18,.75)}
html[data-tema="claro"] .mk-foto{background:#fff;border:1px solid var(--line);box-shadow:0 16px 30px -16px rgba(22,33,43,.45)}
html[data-tema="claro"] .mk-movil{background:#F1F4F8;border-color:var(--line-2);box-shadow:0 40px 70px -34px rgba(22,33,43,.5),0 0 0 6px rgba(22,33,43,.03)}
html[data-tema="claro"] .mk-movil::before{background:#C9D2DD}
html[data-tema="claro"] .mk-movil .pant{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
html[data-tema="claro"] .post-idi i{background:#EEF1F6;color:var(--ink-3)}
html[data-tema="claro"] .post-idi i.ya{background:rgba(182,242,58,.32);color:var(--amb)}
html[data-tema="claro"] .post-idi i.on{background:var(--viva-amb);color:#16212B}
html[data-tema="claro"] .post-txt b{color:var(--ink)}
html[data-tema="claro"] .post-txt .ln{background:rgba(22,33,43,.1)}
html[data-tema="claro"] .post-pie{color:var(--ink)}
html[data-tema="claro"] .post-pie .av{color:#fff}
html[data-tema="claro"] .reel-txt span:first-child{background:var(--viva-amb);color:#16212B}
html[data-tema="claro"] .mk-sello{border:1px solid var(--line);box-shadow:0 16px 30px -16px rgba(22,33,43,.45)}
html[data-tema="claro"] .mk-web{border:1px solid var(--line);box-shadow:0 22px 40px -22px rgba(22,33,43,.45)}
html[data-tema="claro"] .mk-th .badge,html[data-tema="claro"] .pf .badge{background:var(--viva-amb);color:#16212B}
html[data-tema="claro"] .mk-lead{background:rgba(255,255,255,.97);border-color:rgba(74,119,10,.45);box-shadow:0 16px 32px -16px rgba(22,33,43,.45)}
/* página por feria: tarjeta blanca con borde y sombra suaves */
html[data-tema="claro"] .pfer{border-color:var(--line-2);box-shadow:0 50px 100px -55px color-mix(in srgb,var(--acento) 100%,transparent),0 24px 50px -30px rgba(22,33,43,.28)}
html[data-tema="claro"] .web-l li{box-shadow:var(--sombra-1)}
html[data-tema="claro"] .web-l .ico{background:rgba(182,242,58,.3)}
/* el círculo de la captación */
html[data-tema="claro"] .ciclo-aro circle.prog{stroke:#7DB61C}
html[data-tema="claro"] .ci-n .ico{background:#fff;box-shadow:0 4px 12px -6px rgba(22,33,43,.25)}
html[data-tema="claro"] .ci-n.ya .ico{border-color:rgba(74,119,10,.45)}
html[data-tema="claro"] .ci-n.on .ico{background:var(--viva-amb);border-color:#8CC63F;color:#16212B;box-shadow:0 0 0 8px rgba(182,242,58,.25),0 0 34px -6px rgba(125,182,28,.8)}