/* Digi Marketing — capa "tech": hero oscuro, cuadrícula, brillos neón */
.logo img{height:62px!important}
.foot .logo img,footer .logo img{filter:brightness(0) invert(1);opacity:.95}

/* hero oscuro con cuadrícula */
.hero{background:radial-gradient(1200px 600px at 85% -10%,color-mix(in srgb,var(--brand) 45%,transparent),transparent 60%),radial-gradient(900px 500px at -10% 110%,color-mix(in srgb,var(--deep) 90%,transparent),transparent 60%),var(--ink);color:#fff;isolation:isolate}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(79,143,239,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(79,143,239,.12) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 60% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 60% 40%,#000 20%,transparent 75%);animation:gridmove 18s linear infinite}
@keyframes gridmove{to{background-position:56px 56px,56px 56px}}
.hero::before{background:radial-gradient(circle,color-mix(in srgb,var(--accent) 22%,transparent),transparent 65%)}
.hero h1{color:#fff}
.hero h1 em{background-image:linear-gradient(90deg,var(--accent),var(--brand-2));background-size:100% 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:none;filter:drop-shadow(0 0 18px rgba(62,230,255,.35))}
.hero .lead{color:rgba(255,255,255,.75)}
.hero .served{color:rgba(255,255,255,.65)}.hero .served b{color:#fff}
.hero .served i{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 25%,transparent)}
.hero .direct small{color:rgba(255,255,255,.6)}.hero .direct a{color:var(--accent);text-shadow:0 0 24px color-mix(in srgb,var(--accent) 50%,transparent)}
.hero-media .photo{border:1px solid rgba(62,230,255,.35);box-shadow:0 0 0 6px rgba(62,230,255,.05),0 40px 80px -30px rgba(47,111,237,.7),0 0 60px -10px rgba(62,230,255,.35)}
.hero .float{background:rgba(10,18,52,.72);color:#fff;border:1px solid rgba(62,230,255,.28);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.hero .float span{color:rgba(255,255,255,.65)}

/* acentos neón */
.marquee{background:linear-gradient(90deg,var(--deep),var(--brand),var(--deep))}
.btn-accent{box-shadow:0 0 0 0 rgba(62,230,255,.0)}
.btn-accent:hover{box-shadow:0 0 28px -4px color-mix(in srgb,var(--accent) 80%,transparent)}
.svc{transition:transform .35s,box-shadow .35s,border-color .35s}
.svc:hover{border-color:color-mix(in srgb,var(--brand) 60%,transparent);box-shadow:0 30px 60px -30px rgba(47,111,237,.55),0 0 0 1px rgba(62,230,255,.25)}
.sec-dark{background-image:radial-gradient(800px 400px at 50% 0%,color-mix(in srgb,var(--brand) 25%,transparent),transparent 70%)}

/* textos largos (email) en móvil */
.info-item,.info-item strong,.topbar span{overflow-wrap:anywhere;min-width:0}
@media (prefers-reduced-motion:reduce){.hero::after{animation:none}}

/* ============ intro: águila que escribe la marca ============ */
.intro-aguila{background:#030616;display:block;perspective:1200px}
.ia-sky{position:absolute;inset:0;overflow:hidden;background:radial-gradient(900px 600px at 50% 60%,rgba(47,111,237,.35),transparent 70%),radial-gradient(600px 400px at 85% 10%,rgba(62,230,255,.15),transparent 70%)}
.ia-grid{position:absolute;left:-50%;right:-50%;bottom:-10%;height:70%;background-image:linear-gradient(rgba(79,143,239,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(79,143,239,.35) 1px,transparent 1px);background-size:70px 70px;transform:rotateX(68deg);transform-origin:50% 100%;-webkit-mask-image:linear-gradient(transparent,#000 60%);mask-image:linear-gradient(transparent,#000 60%);animation:iagrid 2.2s linear infinite}
@keyframes iagrid{to{background-position:0 70px,0 0}}
.ia-word{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;font:700 clamp(2.7rem,13.5vw,9rem)/1 'Fredoka',var(--f-head);letter-spacing:-.01em;text-align:center}
.ia-digi{color:#fff;text-shadow:0 0 30px rgba(62,230,255,.35)}
.ia-mkt{background:linear-gradient(90deg,#4f8fef,#3ee6ff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 24px rgba(62,230,255,.35))}
.ia-word>span{clip-path:inset(-60% 100% -60% -20%)}
.ia-i{position:relative;display:inline-block}
.ia-dot{position:absolute;left:50%;top:.2em;width:.5em;height:.25em;transform:translate(-50%,-50%)}
.ia-tag{display:block;margin-top:.55em;font:500 clamp(.95rem,2.2vw,1.6rem)/1 'Fira Sans Condensed',var(--f-body);letter-spacing:.12em;color:#9bc2ff;opacity:0;transform:translateY(10px);transition:opacity .6s,transform .6s}
.ia-tag.on{opacity:1;transform:none}
.ia-eagle{position:absolute;left:0;top:0;width:min(78vw,820px);aspect-ratio:900/699;will-change:transform,filter;transform:translate(-200vw,0)}
.ia-eagle img{position:absolute;inset:0;width:100%;height:100%}
.ia-wl{transform-origin:44% 40%;animation:iaflapL .42s ease-in-out infinite alternate}
.ia-wr{transform-origin:56% 40%;animation:iaflapR .42s ease-in-out infinite alternate}
@keyframes iaflapL{from{transform:rotate(16deg) scaleY(1.04)}to{transform:rotate(-20deg) scaleY(.82)}}
@keyframes iaflapR{from{transform:rotate(-16deg) scaleY(1.04)}to{transform:rotate(20deg) scaleY(.82)}}
.ia-eagle.glide .ia-wl,.ia-eagle.glide .ia-wr{animation-duration:.9s}
.ia-held{position:absolute;left:50%;top:83%;width:19%;transform:translate(-32%,-45%) rotate(14deg)}
.ia-held img{position:static;width:100%;height:auto}
.ia-wave{position:absolute;right:-8%;top:30%;width:30%;aspect-ratio:1;border:3px solid #3ee6ff;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(45deg);opacity:0;animation:iawave 1s ease-out infinite}
.ia-wave+.ia-wave{animation-delay:.5s}
@keyframes iawave{0%{opacity:.9;transform:translateX(0) rotate(45deg) scale(.6)}100%{opacity:0;transform:translateX(60%) rotate(45deg) scale(1.6)}}
.ia-drop{position:absolute;left:0;top:0;width:100px;opacity:0;pointer-events:none;will-change:transform}
.ia-ping{position:absolute;border-radius:50%;border:2px solid #3ee6ff;pointer-events:none;animation:iaping .9s ease-out forwards}
@keyframes iaping{from{opacity:1;transform:translate(-50%,-50%) scale(.2)}to{opacity:0;transform:translate(-50%,-50%) scale(2.4)}}
.intro-aguila.done{transition:opacity .7s,visibility .7s,transform .7s;transform:scale(1.06)}

/* enlace al generador en el menú */
.nav a.nav-extra{color:var(--brand);font-weight:700;border:1.5px solid color-mix(in srgb,var(--brand) 40%,transparent);border-radius:999px;padding:.35em .9em}
.nav a.nav-extra:hover{background:var(--brand);color:#fff}
.nav a.nav-extra::after{display:none}

/* ============ Digi, asistente de IA ============ */
.digi{position:fixed;left:22px;bottom:22px;z-index:90;font-family:var(--f-body)}
.digi-btn{display:flex;align-items:center;gap:.55rem;border:1px solid rgba(62,230,255,.45);background:linear-gradient(135deg,#0b1680,#060b24);color:#fff;border-radius:999px;padding:.35rem 1rem .35rem .35rem;cursor:pointer;box-shadow:0 14px 34px -12px rgba(47,111,237,.8),0 0 0 4px rgba(62,230,255,.08);transition:transform .25s}
.digi-btn:hover{transform:translateY(-2px)}
.digi-btn img{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:50% 30%;background:radial-gradient(circle,#1d3fae,#060b24);padding:3px}
.digi-btn span{font-size:.88rem;white-space:nowrap}.digi-btn b{color:var(--accent)}
.digi.open .digi-btn span{display:none}
.digi-box{position:absolute;left:0;bottom:64px;width:min(380px,calc(100vw - 32px));height:min(560px,calc(100vh - 120px));display:flex;flex-direction:column;background:#060b24;color:#e8eeff;border:1px solid rgba(62,230,255,.3);border-radius:22px;overflow:hidden;box-shadow:0 30px 80px -20px rgba(0,0,0,.7),0 0 40px -10px rgba(62,230,255,.3);animation:digiIn .3s ease}
.digi-box[hidden]{display:none}
@keyframes digiIn{from{opacity:0;transform:translateY(12px) scale(.98)}}
.digi-box header{display:flex;align-items:center;gap:.7rem;padding:.8rem 1rem;background:linear-gradient(90deg,#0b1680,#0f1c45);border-bottom:1px solid rgba(120,160,255,.18)}
.digi-box header img{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:50% 30%;background:#060b24;padding:2px}
.digi-box header div{flex:1}.digi-box header b{display:block;font-size:1rem}
.digi-box header small{font-size:.74rem;color:#9bc2ff;display:flex;align-items:center;gap:.4em}
.digi-box header small i{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.25)}
.digi-x{background:none;border:0;color:#fff;font-size:1.6rem;line-height:1;cursor:pointer;opacity:.7}.digi-x:hover{opacity:1}
.digi-log{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.6rem}
.digi-m{max-width:86%;padding:.65rem .85rem;border-radius:16px;font-size:.9rem;line-height:1.5;overflow-wrap:anywhere}
.digi-m.bot{align-self:flex-start;background:#0f1c45;border:1px solid rgba(120,160,255,.16);border-bottom-left-radius:4px}
.digi-m.me{align-self:flex-end;background:linear-gradient(90deg,#2f6fed,#4f8fef);color:#fff;border-bottom-right-radius:4px}
.digi-m.err{border-color:rgba(248,113,113,.4)}
.digi-m a{color:var(--accent);text-decoration:underline}
.digi-m.typing{display:flex;gap:4px;padding:.8rem .9rem}
.digi-m.typing i{width:7px;height:7px;border-radius:50%;background:#9bc2ff;animation:digiDot 1s infinite}
.digi-m.typing i:nth-child(2){animation-delay:.15s}.digi-m.typing i:nth-child(3){animation-delay:.3s}
@keyframes digiDot{50%{opacity:.3;transform:translateY(-3px)}}
.digi-sug{display:flex;flex-wrap:wrap;gap:.4rem;padding:0 1rem .6rem}
.digi-sug[hidden]{display:none}
.digi-sug button{border:1px solid rgba(62,230,255,.35);background:transparent;color:#bfe9ff;border-radius:999px;padding:.35em .8em;font-size:.78rem;cursor:pointer}
.digi-sug button:hover{background:rgba(62,230,255,.12)}
.digi-form{display:flex;gap:.5rem;padding:.7rem;border-top:1px solid rgba(120,160,255,.18)}
.digi-form input{flex:1;min-width:0;width:auto;background:#0a1640;border:1px solid rgba(120,160,255,.2);border-radius:999px;padding:.65em 1em;color:#fff;font-size:.9rem;outline:0}
.digi-form input:focus{border-color:var(--accent)}
.digi-form button{width:42px;height:42px;flex:none;border-radius:50%;border:0;background:var(--accent);color:#04122b;font-size:1rem;cursor:pointer}
.digi-note{margin:0;padding:0 1rem .7rem;font-size:.7rem;color:#7f8fb8}.digi-note a{color:#9bc2ff}
@media (max-width:900px){.digi{left:12px;bottom:84px}.digi-btn span{display:none}.digi-btn{padding:.3rem}.digi-box{bottom:60px}}
.digi-btn img,.digi-box header img{object-fit:cover;object-position:center;padding:0;border:2px solid rgba(62,230,255,.55)}
@media (max-width:900px){.nav:not(.open){visibility:hidden;transition:transform .4s,visibility 0s .4s}}

/* ============ Digi Premium ============ */
.pm-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,4vw,48px);align-items:start}
.pm-plan{position:relative;background:linear-gradient(160deg,#0b1680,#060b24 70%);color:#e8eeff;border:1px solid rgba(62,230,255,.35);border-radius:var(--r-lg);padding:clamp(22px,4vw,40px);box-shadow:0 40px 80px -40px rgba(47,111,237,.8),0 0 60px -20px rgba(62,230,255,.4)}
.pm-plan h2{color:#fff;margin:.3rem 0 1rem}.pm-plan .hl{color:var(--accent)}
.pm-badge{display:inline-block;font:700 .72rem var(--f-body);letter-spacing:.18em;text-transform:uppercase;background:var(--accent);color:#04122b;padding:.35em .8em;border-radius:999px}
.pm-precio{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.pm-precio b{font:800 clamp(3rem,7vw,4.4rem)/1 var(--f-head);color:#fff;text-shadow:0 0 30px rgba(62,230,255,.45)}
.pm-precio span{font-size:1.05rem;color:#9bc2ff}
.pm-luego{color:#c8d4f5;margin:.4rem 0 1.2rem}.pm-luego b{color:#fff}
.pm-lista li{color:#dbe4ff}
.pm-legal{font-size:.78rem;color:#93a3c9;margin-top:.8rem}
#paypal-buttons{margin-top:1.2rem;max-width:420px;background:#fff;border-radius:16px;padding:12px 12px 2px}
#paypal-buttons:empty{display:none}
.pm-recuperar{margin-top:1.4rem;padding-top:1.2rem;border-top:1px dashed rgba(120,160,255,.3);font-size:.88rem}
.pm-recuperar div{display:flex;gap:.5rem;margin:.5rem 0}.pm-recuperar input{flex:1;min-width:0;width:auto;background:#0a1640;border:1px solid rgba(120,160,255,.3);border-radius:999px;padding:.6em 1em;color:#fff}
.pm-recuperar small{color:#93a3c9}
.pm-ok,.pm-info,.pm-err{border-radius:16px;padding:1rem 1.2rem;margin:1rem 0;display:flex;flex-direction:column;gap:.3rem}
.pm-ok{background:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.45)}.pm-ok b{color:#6ee7b7;font-size:1.1rem}.pm-ok small a{color:var(--accent)}
.pm-info{background:rgba(62,230,255,.08);border:1px solid rgba(62,230,255,.3)}
.pm-err{background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.45);color:#b91c1c}
.pm-plan .pm-err{color:#fecaca}
.pm-tools{display:flex;flex-direction:column;gap:1rem}
.pm-tool{display:flex;gap:1rem;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.3rem;transition:transform .25s,box-shadow .25s,border-color .25s}
.pm-tool:hover{transform:translateY(-3px);border-color:var(--brand);box-shadow:0 24px 50px -28px rgba(47,111,237,.6)}
.pm-tool b{font:700 1.2rem var(--f-head)}.pm-tool p{margin:.2rem 0 0;color:var(--muted)}
.pm-ic{display:grid;place-items:center;width:52px;height:52px;flex:none;border-radius:14px;background:linear-gradient(135deg,var(--deep),var(--ink));color:var(--accent);font-size:1.4rem}
.pm-studio{position:relative;display:grid;grid-template-columns:minmax(0,400px) 1fr;gap:clamp(20px,4vw,44px);align-items:start}
.pm-form{display:flex;flex-direction:column;gap:1rem;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.5rem;box-shadow:var(--shadow)}
.pm-form label{display:flex;flex-direction:column;gap:.4rem;font-weight:600;font-size:.92rem}
.pm-form input[type=text]{border:1px solid var(--line);border-radius:12px;padding:.75em .9em;font:inherit;background:var(--paper)}
.pm-form input[type=text]:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 20%,transparent)}
.pm-form small{font-weight:400;color:var(--muted)}
.pm-chips{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.45rem}.pm-chips legend{font-weight:600;font-size:.92rem;margin-bottom:.45rem}
.pm-chips label{display:block}.pm-chips input{position:absolute;opacity:0;width:1px;height:1px}
.pm-chips span{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:.4em .85em;font-size:.84rem;font-weight:600;cursor:pointer;background:var(--paper)}
.pm-chips input:checked+span{background:var(--ink);color:var(--accent);border-color:var(--ink)}
.pm-chips input:focus-visible+span{outline:2px solid var(--brand)}
.pm-hint{font-size:.82rem;color:var(--muted);margin:0}
.pm-out{min-height:360px;border-radius:var(--r-lg);background:radial-gradient(600px 300px at 50% 0%,rgba(47,111,237,.25),transparent 70%),var(--ink);padding:clamp(16px,3vw,28px);display:flex;flex-direction:column;justify-content:center;gap:1rem}
.pm-vacio{color:#93a3c9;text-align:center}
.pm-res{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.pm-res figure{margin:0;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 20px 40px -20px rgba(0,0,0,.6)}
.pm-res img{width:100%;height:auto}.pm-res figcaption{padding:.7rem;display:flex;justify-content:center}
.pm-res.flyer{grid-template-columns:1fr;max-width:520px;margin:0 auto;width:100%}
.pm-out .pm-hint{color:#93a3c9;text-align:center}
.pm-cargando{text-align:center;color:#c8d4f5}
.pm-orb{width:84px;height:84px;margin:0 auto 1rem;border-radius:50%;background:conic-gradient(from 0deg,var(--accent),var(--brand),#0b1680,var(--accent));animation:pmGiro 1.2s linear infinite;-webkit-mask:radial-gradient(circle,transparent 52%,#000 54%);mask:radial-gradient(circle,transparent 52%,#000 54%)}
@keyframes pmGiro{to{transform:rotate(1turn)}}
.pm-bloq{filter:blur(2px);pointer-events:none;user-select:none;opacity:.6}
.pm-muro{position:absolute;inset:0;display:grid;place-items:center;z-index:5}
.pm-muro[hidden]{display:none}
.pm-muro-box{max-width:440px;margin:16px;text-align:center;background:linear-gradient(160deg,#0b1680,#060b24);color:#e8eeff;border:1px solid rgba(62,230,255,.4);border-radius:24px;padding:2rem;box-shadow:0 40px 80px -30px rgba(0,0,0,.8)}
.pm-muro-box h3{color:#fff;margin:.8rem 0 .4rem}.pm-muro-box p{color:#c8d4f5}.pm-muro-box small{display:block;margin-top:1rem;color:#93a3c9}.pm-muro-box small a{color:var(--accent)}
@media (max-width:900px){.pm-grid,.pm-studio{grid-template-columns:1fr}.pm-muro{align-items:start;padding-top:40px}}

/* menú "Crea con IA" */
.nav-ia{position:relative}
.nav-ia-menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(6px);min-width:230px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:.5rem;box-shadow:0 24px 50px -20px rgba(6,11,36,.35);opacity:0;visibility:hidden;transition:.2s;z-index:60}
.nav-ia:hover .nav-ia-menu,.nav-ia:focus-within .nav-ia-menu{opacity:1;visibility:visible;transform:translateX(-50%)}
.nav-ia-menu a{display:flex!important;align-items:center;gap:.6rem;padding:.6rem .75rem!important;border-radius:10px;opacity:1!important;font-size:.92rem;white-space:nowrap}
.nav-ia-menu a::after{display:none!important}.nav-ia-menu a:hover{background:var(--cream)}
.nav-ia-menu small{margin-left:auto;font:700 .62rem var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--brand)}
@media (max-width:900px){.nav-ia{display:contents}.nav-ia-menu{position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;border:0;padding:0;min-width:0;background:none}.nav-ia-menu a{padding:1rem 0!important;border-radius:0;border-bottom:1px solid var(--line)}}
.pm-res.logo img{aspect-ratio:1/1;height:auto!important;object-fit:contain;background:#fff}.pm-res figure img{max-height:none}

/* ---- ajustes móviles ---- */
.pm-grid>*,.pm-studio>*{min-width:0}
.pm-recuperar div{flex-wrap:wrap}.pm-recuperar input{min-width:180px}
@media (max-width:900px){
  .topbar .wrap{justify-content:center;flex-wrap:nowrap}
  .topbar .wrap>div:first-child{display:none}
  .pm-plan{padding:22px 18px}
  .pm-precio b{font-size:2.8rem}
  #paypal-buttons{max-width:100%}
  .digi{bottom:86px}
}

/* ============ fichas de logo / flyer v2 ============ */
.pm-form{gap:1.05rem}
.pm-paso{display:flex;gap:.75rem;align-items:flex-start;transition:opacity .3s,transform .3s}
.pm-paso>b{display:grid;place-items:center;width:30px;height:30px;flex:none;margin-top:1.55rem;border-radius:50%;background:var(--cream);color:var(--muted);font:700 .85rem var(--f-head);transition:.3s}
.pm-paso>label{flex:1;min-width:0}
.pm-paso.activo>b{background:var(--accent);color:#04122b;box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 25%,transparent);animation:pmLatido 1.6s infinite}
.pm-paso.activo input{border-color:var(--brand)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}
.pm-paso.ok>b{background:#10b981;color:#fff;font-size:0}.pm-paso.ok>b::after{content:"✓";font-size:.9rem}
.pm-paso.apagado{opacity:.45}
@keyframes pmLatido{50%{box-shadow:0 0 0 10px color-mix(in srgb,var(--accent) 0%,transparent)}}
.pm-form label{font-size:.92rem}
.pm-form input[type=text],.pm-form input[type=tel]{border:1px solid var(--line);border-radius:12px;padding:.8em .95em;font:inherit;background:var(--paper);width:100%;font-size:16px}
.pm-form input:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 20%,transparent)}
.pm-check{flex-direction:row!important;align-items:center;gap:.8rem!important;background:var(--cream);border-radius:14px;padding:.8rem 1rem;cursor:pointer}
.pm-check input{width:22px;height:22px;accent-color:var(--brand);flex:none}
.pm-check span{display:flex;flex-direction:column}.pm-check small{color:var(--muted);font-weight:400}
.pm-tipos,.pm-colores{border:0;padding:0;margin:0;min-width:0}
.pm-tipos legend,.pm-colores legend,.pm-lbl{font-weight:600;font-size:.92rem;margin-bottom:.5rem}
.pm-tipos{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.pm-tipos legend{grid-column:1/-1}
.pm-tipos label{display:block;cursor:pointer}.pm-tipos input{position:absolute;opacity:0;width:1px;height:1px}
.pm-tipos span{display:flex;flex-direction:column;align-items:center;gap:.15rem;border:2px solid var(--line);border-radius:16px;padding:.5rem .5rem .7rem;text-align:center;transition:.2s;background:#fff}
.pm-tipos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;margin-bottom:.3rem}
.pm-tipos small{color:var(--muted);font-weight:400;font-size:.78rem}
.pm-tipos input:checked+span{border-color:var(--brand);box-shadow:0 10px 24px -14px rgba(47,111,237,.7);transform:translateY(-2px)}
.pm-tipos input:checked+span b::before{content:"✓ ";color:var(--brand)}
#paleta{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.45rem}
#paleta label{display:flex;flex-direction:column;align-items:center;gap:.2rem;cursor:pointer;font-size:.66rem;color:var(--muted);text-align:center}
#paleta input{position:absolute;opacity:0;width:1px;height:1px}
#paleta i{width:34px;height:34px;border-radius:50%;border:2px solid rgba(0,0,0,.12);transition:.2s}
#paleta input:checked+i{transform:scale(1.12);box-shadow:0 0 0 3px #fff,0 0 0 5px var(--brand)}
#paleta input:focus-visible+i{outline:2px solid var(--brand)}
.pm-sug{display:flex;flex-direction:column;gap:.5rem;margin:-.4rem 0 0 42px}
.pm-sug .btn{align-self:flex-start;color:var(--brand)}
#sugs{display:flex;flex-direction:column;gap:.35rem}
#sugs button{text-align:left;border:1px dashed var(--brand);background:color-mix(in srgb,var(--brand) 6%,#fff);border-radius:10px;padding:.55em .8em;cursor:pointer;font:inherit;font-size:.88rem}
#sugs button:hover{background:color-mix(in srgb,var(--brand) 14%,#fff)}
.pm-dos{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;align-items:end}
.pm-drop{position:relative;display:flex!important;flex-direction:row!important;align-items:center;gap:.7rem!important;border:1.5px dashed color-mix(in srgb,var(--brand) 50%,transparent);border-radius:14px;padding:.55rem;cursor:pointer;background:var(--paper)}
.pm-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.pm-th{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:10px;background:#fff center/contain no-repeat;border:1px solid var(--line);color:var(--brand);font-size:1.3rem}
.pm-drop small{display:block;color:var(--muted);font-weight:400}
.pm-out .pm-muro-box{margin:1rem auto 0;width:100%}
.pm-res figcaption{flex-wrap:wrap;gap:.5rem}
.pm-gbtn{display:flex;justify-content:center;min-height:44px;margin:.6rem 0}
.pm-paso-t{color:#dbe4ff;margin:.2rem 0}.pm-registro{margin-top:1rem}
.pm-user{display:inline-flex;align-items:center;gap:.45rem;font-weight:700;font-size:.82rem;padding:.35rem .8rem .35rem .35rem;border-radius:999px;border:1px solid var(--line);background:#fff;white-space:nowrap}
.pm-user:not(.on){padding:.45rem .9rem}
.pm-user img,.pm-user i{width:28px;height:28px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:var(--deep);color:var(--accent);font-style:normal}
.pm-aviso{position:fixed;left:50%;bottom:110px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:.75em 1.1em;border-radius:12px;opacity:0;transition:.3s;z-index:120;pointer-events:none;font-size:.9rem;max-width:calc(100vw - 32px)}
.pm-aviso.on{opacity:1;transform:translate(-50%,0)}
@media (max-width:900px){
  .pm-user span{display:none}.pm-user{padding:.25rem}
  #paleta{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pm-dos{grid-template-columns:1fr}
  .pm-sug{margin-left:0}
  .pm-form{padding:1.15rem}
  .pm-out{min-height:260px}
}
@media (max-width:900px){
  .fab{right:12px;bottom:78px;width:48px;height:48px}.fab .ic{width:24px;height:24px}
  .digi{left:auto;right:12px;bottom:134px}
  .digi-btn{padding:2px}.digi-btn img{width:44px;height:44px}
  .digi-box{left:auto;right:0;bottom:58px;width:calc(100vw - 24px)}
  .mbar a{padding:.85rem;font-size:.74rem}
}
.theme-btn{flex:none}

/* ============ encabezado compacto + menú de perfil ============ */
.nav a.nav-extra{white-space:nowrap}
@media (min-width:901px) and (max-width:1400px){.hdr .nav{gap:1.15rem}.hdr .nav a{font-size:.9rem}.hdr-cta{gap:.55rem}.hdr-cta .btn-sm{padding:.65em .95em;font-size:.74rem}}
@media (min-width:901px) and (max-width:1200px){.hdr-cta .btn-line{display:none}}
.pm-userw{position:relative}
button.pm-user{font:inherit;font-weight:700;font-size:.82rem;cursor:pointer;color:var(--ink)}
.pm-user span{max-width:90px;overflow:hidden;text-overflow:ellipsis}
.pm-car{font-size:.7rem;color:var(--muted)}
.pm-pro{display:inline-block;font:800 .6rem var(--f-body);letter-spacing:.1em;background:linear-gradient(90deg,#f5c451,#e09b1a);color:#2b1700;padding:.25em .55em;border-radius:99px;font-style:normal}
.pm-menu{position:absolute;right:0;top:calc(100% + 10px);width:290px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:.5rem;box-shadow:0 30px 60px -20px rgba(6,11,36,.45);z-index:70;display:flex;flex-direction:column}
.pm-menu[hidden]{display:none}
.pm-menu-h{display:flex;gap:.7rem;align-items:center;padding:.6rem .6rem .8rem;border-bottom:1px solid var(--line);margin-bottom:.35rem}
.pm-menu-h img,.pm-menu-h i{width:44px;height:44px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--deep);color:var(--accent);font-style:normal;font-weight:700}
.pm-menu-h div{display:flex;flex-direction:column;min-width:0;gap:.15rem}.pm-menu-h small{color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.pm-up{font-size:.78rem;font-weight:700;color:var(--brand)}
.pm-menu>a,.pm-menu>span,.pm-menu>button{display:flex;align-items:center;gap:.5rem;padding:.6rem .7rem;border-radius:10px;font-size:.9rem;text-align:left;background:none;border:0;font-family:inherit;color:var(--ink);cursor:pointer}
.pm-menu>a:hover,.pm-menu>button:hover{background:var(--cream)}
.pm-pronto{color:var(--muted)!important;cursor:default!important}.pm-pronto i{margin-left:auto;font:700 .6rem var(--f-body);letter-spacing:.08em;text-transform:uppercase;background:var(--cream);padding:.25em .55em;border-radius:99px;font-style:normal}
.pm-salir{border-top:1px solid var(--line)!important;border-radius:0 0 10px 10px!important;margin-top:.3rem;color:#b91c1c!important}
@media (max-width:900px){.pm-menu{position:fixed;left:12px;right:12px;top:80px;width:auto;max-height:calc(100vh - 170px);overflow:auto}}
/* página Mi cuenta */
.mc{display:grid;gap:1.2rem;max-width:980px}
.mc-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(16px,3vw,26px);scroll-margin-top:110px}
.mc-card h3{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem}.mc-card h3 span{font:700 .78rem var(--f-body);background:var(--cream);padding:.2em .6em;border-radius:99px}
.mc-perfil{display:flex;gap:1.2rem;align-items:center}
.mc-perfil>img,.mc-perfil>i{width:84px;height:84px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--deep);color:var(--accent);font:700 2rem var(--f-head);font-style:normal}
.mc-perfil h2{margin:0;font-size:1.6rem}.mc-perfil p{margin:.2rem 0;color:var(--muted)}.mc-perfil small{color:var(--muted)}
.mc-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.9rem}
.mc-gal figure{margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper)}
.mc-gal img{width:100%;aspect-ratio:1;object-fit:cover}.mc-gal.flyer img{aspect-ratio:2/3}
.mc-gal figcaption{padding:.6rem;display:flex;flex-direction:column;gap:.3rem}.mc-gal small{color:var(--muted)}
.mc-webs{list-style:none;padding:0;margin:0 0 .8rem;display:grid;gap:.5rem}.mc-webs li{display:flex;flex-direction:column;padding:.7rem .9rem;border:1px solid var(--line);border-radius:12px}.mc-webs span{color:var(--muted);font-size:.86rem}
.mc-vacio{color:var(--muted);margin:0}.mc-vacio a{color:var(--brand);font-weight:700}
.mc-pronto div{display:flex;flex-wrap:wrap;gap:.6rem}.mc-pronto span{padding:.6rem .9rem;border-radius:12px;background:var(--cream);color:var(--muted);font-weight:600}
.mc-conf{list-style:none;padding:0;margin:0;display:grid}.mc-conf li{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.mc-conf li:last-child{border:0}.mc-conf a{color:var(--brand);font-weight:600}
@media (max-width:600px){.mc-perfil{flex-direction:column;text-align:center}}
.pm-menu{width:330px}.pm-pronto{white-space:nowrap}
/* menú de perfil siempre por encima; ocultar botones flotantes mientras está abierto */
.pm-menu{z-index:140}
body.pm-menu-on .digi,body.pm-menu-on .fab,body.pm-menu-on .to-top{opacity:0;pointer-events:none}
@media (max-width:900px){body.pm-menu-on .mbar{display:none}.pm-menu{max-height:calc(100vh - 100px)}}
/* aviso de ingreso en logo / flyer */
.pm-ingresa{display:grid;grid-template-columns:auto 1fr;gap:.4rem .8rem;align-items:center;background:linear-gradient(135deg,#0b1680,#060b24);color:#e8eeff;border-radius:16px;padding:1rem;border:1px solid rgba(62,230,255,.45);box-shadow:0 0 0 0 rgba(62,230,255,.5);animation:pmAviso 2s infinite}
.pm-ingresa-ic{font-size:1.8rem}.pm-ingresa b{color:#fff}.pm-ingresa small{display:block;color:#c8d4f5;margin-top:.15rem}
.pm-ingresa-g{grid-column:1/-1}.pm-ingresa .pm-gbtn{margin:.3rem 0 0}
@keyframes pmAviso{0%{box-shadow:0 0 0 0 rgba(62,230,255,.45)}70%{box-shadow:0 0 0 12px rgba(62,230,255,0)}100%{box-shadow:0 0 0 0 rgba(62,230,255,0)}}
.pm-sacude{animation:pmSacude .5s 2}
@keyframes pmSacude{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.pm-userw .pm-pulso{border-color:var(--accent)!important;background:var(--accent)!important;color:#04122b!important;animation:pmAviso 1.6s infinite}
.pm-mano{position:absolute;left:50%;top:100%;font-size:1.7rem;transform:translateX(-35%);animation:pmToca 1.1s ease-in-out infinite;pointer-events:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35));z-index:61}
@keyframes pmToca{0%,100%{transform:translate(-35%,4px)}50%{transform:translate(-35%,-6px) scale(.9)}}
/* ventana de ingreso */
.pm-login{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:16px;background:rgba(3,6,22,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:.25s}
.pm-login.on{opacity:1;visibility:visible}
.pm-login-box{position:relative;width:min(400px,100%);background:linear-gradient(165deg,#0b1680,#060b24 75%);color:#e8eeff;border:1px solid rgba(62,230,255,.45);border-radius:24px;padding:28px 22px 18px;text-align:center;box-shadow:0 40px 90px -30px #000,0 0 50px -15px rgba(62,230,255,.5);transform:translateY(14px) scale(.97);transition:.3s}
.pm-login.on .pm-login-box{transform:none}
.pm-login-av{width:74px;height:74px;border-radius:50%;margin:0 auto 10px;border:3px solid #3ee6ff;box-shadow:0 0 0 6px rgba(62,230,255,.15)}
.pm-login h3{color:#fff;font-size:1.5rem;margin:0 0 .3rem}
.pm-login-m{color:#c8d4f5;margin:0 0 .9rem}
.pm-login ul{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:.45rem;text-align:left;font-size:.92rem}
.pm-login li{background:rgba(255,255,255,.06);border-radius:12px;padding:.55rem .75rem}.pm-login li b{color:#fff}
.pm-login #gLogin{display:flex;justify-content:center;min-height:46px}
.pm-login small{display:block;margin-top:.8rem;color:#93a3c9;font-size:.74rem}.pm-login small a{color:#9bc2ff}
.pm-login-x{position:absolute;right:12px;top:10px;background:rgba(255,255,255,.08);border:0;color:#fff;width:34px;height:34px;border-radius:50%;font-size:1.3rem;cursor:pointer}
body.pm-login-on{overflow:hidden}
body.pm-login-on .digi,body.pm-login-on .fab,body.pm-login-on .mbar{opacity:0;pointer-events:none}

/* ============ planes con créditos ============ */
.pm-planes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;margin:1.2rem 0 .8rem}
.pm-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:1.5rem 1.3rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:var(--shadow)}
.pm-card h3{margin:.3rem 0 0;font-size:1.35rem}
.pm-card .pm-precio b{font-size:2.3rem;color:var(--ink);text-shadow:none}.pm-card .pm-precio span{color:var(--muted)}
.pm-cred{margin:0;font-size:1.05rem}.pm-cred b{color:var(--brand)}
.pm-card .checks{margin:.3rem 0}.pm-card .checks li{font-size:.92rem}
.pm-card .pm-pp{margin-top:auto;min-height:48px}
.pm-card[data-plan=pro]{border:2px solid var(--brand);box-shadow:0 30px 60px -30px rgba(47,111,237,.6)}
.pm-card-prueba{background:linear-gradient(165deg,#0b1680,#060b24 75%);color:#e8eeff;border-color:rgba(62,230,255,.4)}
.pm-card-prueba h3,.pm-card-prueba .pm-precio b{color:#fff}.pm-card-prueba .pm-cred b{color:var(--accent)}.pm-card-prueba .checks li{color:#dbe4ff}.pm-card-prueba .pm-nota{color:#9bc2ff}
.pm-badge-alt{background:var(--brand);color:#fff}
.pm-actual{outline:3px solid #10b981}.pm-actual-t{display:block;text-align:center;font-weight:800;color:#059669;padding:.7rem;background:#ecfdf5;border-radius:12px}
.pm-nota{font-size:.8rem;color:var(--muted);margin:0}
.pm-legal{font-size:.8rem;color:var(--muted);max-width:820px}
.pm-recarga{display:grid;grid-template-columns:1.3fr 1fr;gap:1.2rem;align-items:center;background:var(--cream);border-radius:var(--r-lg);padding:1.5rem;margin:1.6rem 0;scroll-margin-top:110px}
.pm-recarga h3{margin:.5rem 0}.pm-recarga p{margin:0;color:var(--muted)}
.pm-costos{margin:1.6rem 0}.pm-costos h3{margin-bottom:.8rem}
.pm-costos-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.8rem;margin-bottom:.6rem}
.pm-costos-g div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1rem;text-align:center}
.pm-costos-g b{display:block;font:800 1.8rem var(--f-head);color:var(--brand)}.pm-costos-g b::after{content:" 💎";font-size:1rem}
.pm-costos-g span{color:var(--muted);font-size:.9rem}
.pm-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.6rem 0}
.pm-tool-bot{background:linear-gradient(135deg,#eef3ff,#fff);border-style:dashed;align-items:center}
.pm-tool-bot img{width:72px;height:auto;flex:none;filter:drop-shadow(0 8px 14px rgba(47,111,237,.35));animation:bob 4s ease-in-out infinite}
.pm-pronto-b{font:800 .62rem var(--f-body);letter-spacing:.1em;text-transform:uppercase;background:var(--accent);color:#04122b;padding:.25em .6em;border-radius:99px;font-style:normal;margin-left:.3rem;vertical-align:middle}
.pm-info-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.pm-cred-m{font-size:.8rem;font-weight:800;color:var(--brand)}
.mc-cred{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin:.8rem 0;padding:.8rem 1rem;background:var(--cream);border-radius:14px}
.mc-cred b{font:800 1.5rem var(--f-head);color:var(--brand)}.mc-cred span{color:var(--muted);flex:1;min-width:150px}
.mc-bot{display:flex;align-items:center;gap:.9rem;margin-bottom:.8rem}.mc-bot img{width:64px}.mc-bot small{display:block;color:var(--muted)}
.nav-ia-pronto{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.92rem;color:var(--muted)}
.nav-ia-pronto img{width:26px;height:auto;display:none}.nav-ia-pronto small{margin-left:auto;font:700 .62rem var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--brand)}
@media (max-width:900px){.pm-planes,.pm-recarga,.pm-tools{grid-template-columns:1fr}.pm-costos-g{grid-template-columns:repeat(2,minmax(0,1fr))}.mc-perfil{align-items:stretch}.nav-ia-pronto{padding:1rem 0;border-bottom:1px solid var(--line)}}
.pm-registro .pm-info:not(.pm-info-row){display:block}.pm-menu-h .pm-pro{align-self:flex-start}
/* ayuda */
.pm-problema{font-size:.78rem;color:var(--muted);text-decoration:underline;text-align:center;width:100%}.pm-problema:hover{color:#b91c1c}
.pm-ayuda-f{text-align:left}.pm-ayuda-f h3{text-align:center}.pm-ayuda-f .pm-login-m{text-align:center}
.pm-ay-ops{display:grid;gap:.45rem;margin-bottom:.8rem}
.pm-ay-ops label{display:block;cursor:pointer}.pm-ay-ops input{position:absolute;opacity:0}
.pm-ay-ops span{display:block;padding:.6rem .8rem;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:.9rem}
.pm-ay-ops input:checked+span{border-color:var(--accent);background:rgba(62,230,255,.12);color:#fff}
.pm-ayuda-f textarea{width:100%;min-height:80px;border-radius:12px;background:#0a1640;border:1px solid rgba(120,160,255,.25);color:#fff;padding:.7rem;font:inherit;margin-bottom:.8rem}
.pm-ay-ok{margin-top:.6rem}.pm-ay-ok .pm-ok{background:rgba(52,211,153,.12)}.pm-ay-ok .pm-ok span{color:#c8d4f5;font-size:.86rem}
.pm-login-box{max-height:calc(100vh - 32px);overflow-y:auto}
/* estilos de flyer: tarjetas con imagen, 3 por fila */
.pm-tipos-3{grid-template-columns:repeat(3,1fr)}
.pm-tipos-3 img{aspect-ratio:1;height:auto}
.pm-tipos-3 span{padding:.4rem .4rem .6rem}
.pm-tipos-3 small{font-size:.72rem;line-height:1.2}
/* planes: tarjetas que se pueden tocar */
.pm-clic{cursor:pointer;transition:transform .2s,box-shadow .2s}
.pm-clic:hover{transform:translateY(-4px)}
.pm-elegido{animation:pmElegido 1.6s ease-out 1}
@keyframes pmElegido{0%{box-shadow:0 0 0 0 rgba(47,111,237,.75)}35%{box-shadow:0 0 0 10px rgba(47,111,237,.25)}100%{box-shadow:0 0 0 0 rgba(47,111,237,0)}}
.pm-cambiar{margin-bottom:.5rem}
.pm-card-prueba .btn{margin:.6rem 0 .2rem}
.pm-tipos-3 b{font-size:.95rem;line-height:1.15;word-break:break-word;hyphens:auto}
@media (max-width:520px){.pm-tipos-3{gap:.45rem}.pm-tipos-3 b{font-size:.8rem}.pm-tipos-3 small{font-size:.66rem}}
/* editar un diseño (100 créditos por cambio) */
.pm-editar{flex-basis:100%;display:flex;flex-direction:column;gap:.45rem;margin-top:.3rem;padding:.7rem;border:1px dashed var(--line);border-radius:12px;text-align:left}
.pm-editar label{font-size:.85rem;font-weight:600;color:var(--ink,#111)}
.pm-editar textarea{width:100%;margin-top:.3rem;padding:.55rem .65rem;border:1px solid var(--line);border-radius:10px;font:inherit;font-weight:400;resize:vertical}
.pm-editar small{color:var(--muted);font-size:.75rem}
.pm-res figure{position:relative}
.pm-editando img{filter:blur(3px) brightness(.85);transition:filter .3s}
.pm-editando::after{content:"✨ Aplicando tu cambio…";position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);background:rgba(10,20,60,.85);color:#fff;padding:.6rem 1rem;border-radius:999px;font-weight:700;font-size:.9rem;white-space:nowrap}
.pm-nuevo{animation:pmNuevo .6s ease-out}
@keyframes pmNuevo{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
@media (min-width:900px){.pm-tipos-3{grid-template-columns:repeat(4,1fr)}}
.pm-form select{border:1px solid var(--line);border-radius:12px;padding:.8em .95em;font:inherit;background:var(--paper);width:100%;font-size:16px;margin-top:.35rem}
#lPais[hidden]{display:none}

/* invitación a descargar sin marca (bajo cada diseño con marca de agua) */
.pm-desbloq{background:linear-gradient(135deg,#ffd84d,#ffb020)!important;color:#1a1200!important;font-weight:800;box-shadow:0 10px 24px -10px rgba(255,176,32,.8);animation:pmLatido 2.2s ease-in-out infinite}
@keyframes pmLatido{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
.pm-invita{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;justify-content:space-between;margin:.8rem 0 0;padding:.9rem 1rem;border-radius:16px;background:linear-gradient(135deg,#0b1680,#2f6fed);color:#fff;text-align:left}
.pm-invita b{font-size:1.02rem}.pm-invita small{display:block;opacity:.85;font-size:.8rem}
.pm-invita .btn{flex:none}
/* planes: selector mensual/anual y Digi Max destacado */
.pm-periodo{display:flex;gap:.3rem;width:max-content;margin:0 auto 1.2rem;padding:.3rem;border-radius:999px;background:#fff;border:1px solid var(--line)}
.pm-periodo button{border:0;background:none;padding:.55rem 1.2rem;border-radius:999px;font:600 .92rem Inter,sans-serif;cursor:pointer;color:var(--muted)}
.pm-periodo button.on{background:var(--brand);color:#fff}.pm-periodo em{font-style:normal;font-size:.72rem;background:#22c55e;color:#fff;border-radius:6px;padding:1px 5px;margin-left:4px}
.pm-v-anual{display:none}.pm-planes.anual .pm-v-mes{display:none}.pm-planes.anual .pm-v-anual{display:block}
.pm-card-max{border:2px solid #ffb020!important;box-shadow:0 30px 60px -30px rgba(255,176,32,.6)!important;position:relative}
.pm-dolar{display:flex;align-items:baseline;gap:.5rem;margin:.2rem 0}.pm-dolar b{font:800 3.4rem/1 'Space Grotesk',Inter,sans-serif;color:#ff9f0a}.pm-dolar span{font-weight:700;color:var(--ink,#111)}
.pm-luego{margin:.1rem 0 .5rem;color:var(--muted);font-size:.92rem}.pm-luego b{color:var(--ink,#111)}
.pm-descargas{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;justify-content:center;flex-basis:100%}.pm-descargas>b{font-size:.85rem;margin-right:.2rem}
.pm-sigue{margin-top:1rem;padding:1rem;border-radius:18px;background:linear-gradient(135deg,rgba(62,230,255,.12),rgba(47,111,237,.12));border:1px solid rgba(62,230,255,.35);color:#e8eeff}
.pm-sigue>b{display:block;margin-bottom:.6rem}.pm-sigue>div{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.pm-sigue a{display:flex;flex-direction:column;gap:.1rem;padding:.7rem;border-radius:14px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;transition:.2s}
.pm-sigue a:hover{background:rgba(255,255,255,.16);transform:translateY(-2px)}.pm-sigue a span{font-size:1.3rem}.pm-sigue a b{font-size:.88rem}.pm-sigue a small{opacity:.75;font-size:.74rem}
@media(max-width:560px){.pm-sigue>div{grid-template-columns:1fr}}
/* logo: crear nuevo / mejorar mi logo */
.pm-modos{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;padding:.3rem;border-radius:16px;background:var(--paper,#f4f6ff);border:1px solid var(--line)}
.pm-modos button{border:0;background:none;padding:.75rem .5rem;border-radius:12px;font:700 .92rem Inter,sans-serif;cursor:pointer;color:var(--muted)}
.pm-modos button.on{background:var(--brand);color:#fff;box-shadow:0 8px 20px -10px rgba(47,111,237,.8)}
.pm-mejora-solo{display:none;flex-direction:column;gap:.7rem}
#fLogo[data-modo="mejorar"] .pm-mejora-solo{display:flex}#fLogo[data-modo="mejorar"] .pm-nuevo-solo{display:none}
.pm-mejora-solo textarea{width:100%;margin-top:.35rem;padding:.7rem .85rem;border:1px solid var(--line);border-radius:12px;font:inherit;resize:vertical;background:var(--paper)}
/* prueba social */
.pm-social{background:linear-gradient(180deg,#f5f8ff,#eef3ff)}
.pm-social h2{font-size:clamp(1.6rem,4vw,2.4rem);margin:.6rem 0 .4rem}.pm-social-lead{color:var(--muted);max-width:620px;margin:0 0 1.4rem}
.pm-ad{display:flex;align-items:center;justify-content:center;gap:1rem;margin:0 0 1.6rem}
.pm-ad figure{margin:0;flex:1;max-width:300px;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 18px 40px -24px rgba(10,20,60,.5)}
.pm-ad img{width:100%;height:auto;display:block}.pm-ad figcaption{padding:.55rem;text-align:center;font-weight:700;font-size:.85rem}
.pm-ad-flecha{font-size:2rem;color:var(--brand)}
.pm-hecho{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.pm-hecho img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;box-shadow:0 10px 24px -16px rgba(10,20,60,.6)}
.pm-social-nota{font-size:.78rem;color:var(--muted);margin:.6rem 0 0}
.pm-testimonios{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.8rem;margin-top:1.6rem}
.pm-testimonios blockquote{margin:0;background:#fff;border-radius:16px;padding:1rem;box-shadow:0 12px 30px -22px rgba(10,20,60,.6)}
.pm-testimonios blockquote p{margin:0 0 .6rem}.pm-testimonios cite{font-style:normal;font-weight:700;font-size:.85rem}.pm-testimonios cite small{display:block;font-weight:400;color:var(--muted)}
@media(max-width:560px){.pm-hecho{grid-template-columns:repeat(2,1fr)}.pm-ad{gap:.4rem}.pm-ad-flecha{font-size:1.3rem}}
/* inicio: todo para tu emprendimiento */
.dm-emprende{padding:3.2rem 0;background:radial-gradient(900px 400px at 10% 0,rgba(62,230,255,.15),transparent),#060b24;color:#e8eeff}
.dm-emprende h2{font-size:clamp(1.7rem,4.2vw,2.6rem);margin:.4rem 0}.dm-emprende p.lead{color:#b8c4ee;max-width:640px}
.dm-emprende .g{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:1.4rem}
.dm-emprende a.t{display:flex;flex-direction:column;gap:.35rem;padding:1.1rem;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(62,230,255,.25);color:#fff;text-decoration:none;transition:.2s}
.dm-emprende a.t:hover{transform:translateY(-4px);background:rgba(255,255,255,.1)}.dm-emprende a.t span{font-size:1.7rem}.dm-emprende a.t small{color:#b8c4ee}
.dm-emprende .cta{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.4rem;align-items:center}
@media(max-width:820px){.dm-emprende .g{grid-template-columns:1fr 1fr}}
/* video corto del proceso */
.pm-demo-sec{padding:2.2rem 0 0;background:linear-gradient(180deg,#060b24,transparent 85%)}
.pm-demo{display:grid;grid-template-columns:minmax(0,360px) 1fr;gap:2rem;align-items:center}
.pm-demo-v{border-radius:26px;overflow:hidden;border:6px solid #0b1680;box-shadow:0 30px 60px -30px rgba(10,20,80,.9),0 0 0 1px rgba(62,230,255,.35);background:#0b1680;max-width:320px;margin:0 auto;aspect-ratio:390/700}
.pm-demo-v video{width:100%;height:100%;display:block;object-fit:cover}
.pm-demo-t h2{font-size:clamp(1.5rem,3.6vw,2.3rem);margin:.5rem 0 .8rem}
.pm-demo-t ol{list-style:none;margin:0 0 1.2rem;padding:0;display:grid;gap:.6rem}
.pm-demo-t li{display:flex;gap:.7rem;align-items:center;font-size:1rem;text-align:left}.pm-demo-t .pm-num{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--brand);color:#fff;font-size:.9rem;font-weight:700}
@media(max-width:760px){.pm-demo{grid-template-columns:1fr;gap:1.1rem}.pm-demo-v{max-width:240px}.pm-demo-t{text-align:center}.pm-demo-t ol{justify-items:start;max-width:330px;margin:0 auto 1.1rem}}
.pm-invita small{text-transform:none!important;letter-spacing:normal!important;color:#dfe8ff!important;font:400 .8rem/1.35 Inter,sans-serif!important;margin-top:.2rem}
.pm-invita>div{flex:1 1 180px;min-width:0}
.pm-desbloq{white-space:normal;max-width:100%;text-align:center}
/* video promocional */
.pm-video-b{background:linear-gradient(135deg,#ff2e63,#7a2eff)!important;color:#fff!important;font-weight:800;border:0!important}
.pm-video-bloq{opacity:.85}
.pm-video-box{width:min(760px,100%)!important;text-align:left!important}
.pm-video-box h3{text-align:center;margin:0 0 1rem}
.pm-video-g{display:grid;grid-template-columns:230px 1fr;gap:1.1rem;align-items:start}
.pm-video-prev{border-radius:18px;overflow:hidden;border:2px solid rgba(62,230,255,.5);box-shadow:0 20px 40px -20px #000;background:#000}
.pm-video-prev canvas{width:100%;height:auto;display:block}
.pm-video-f{display:flex;flex-direction:column;gap:.65rem}
.pm-video-f label{display:flex;flex-direction:column;gap:.3rem;font-weight:600;font-size:.88rem;color:#dfe8ff}
.pm-video-f input[type=text],.pm-video-f input:not([type]),.pm-video-f input[name]{padding:.6rem .75rem;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;font:inherit}
.pm-video-est{display:grid;gap:.45rem}
.pm-video-est label{flex-direction:row!important;align-items:center;cursor:pointer}
.pm-video-est input{position:absolute;opacity:0;width:1px;height:1px}
.pm-video-est span{flex:1;display:flex;flex-direction:column;padding:.6rem .8rem;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05)}
.pm-video-est input:checked+span{border-color:#3ee6ff;background:rgba(62,230,255,.14);box-shadow:0 0 0 2px rgba(62,230,255,.35)}
.pm-video-est small{font-weight:400;opacity:.75}
.pm-video-prog{height:30px;border-radius:999px;background:rgba(255,255,255,.1);position:relative;overflow:hidden}
.pm-video-prog>div{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#3ee6ff,#7a2eff);transition:width .2s}
.pm-video-prog span{position:relative;display:block;text-align:center;line-height:30px;font-size:.8rem;font-weight:700}
.pm-video-ok video{width:100%;max-height:360px;border-radius:14px;background:#000;margin-bottom:.5rem}
@media(max-width:640px){.pm-video-g{grid-template-columns:1fr}.pm-video-prev{max-width:200px;margin:0 auto}}
/* crea libre */
#fLibre textarea{width:100%;margin-top:.35rem;padding:.8rem .9rem;border:1px solid var(--line);border-radius:12px;font:inherit;font-size:16px;resize:vertical;background:var(--paper)}
.pm-ideas{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.pm-ideas span{font-weight:700;font-size:.85rem}
.pm-ideas button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.4rem .8rem;font:600 .82rem Inter,sans-serif;cursor:pointer}
.pm-ideas button:hover{border-color:var(--brand);color:var(--brand)}
/* ---------- Anuncios en video */
.an-2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
@media(max-width:560px){.an-2{grid-template-columns:1fr}}
.an-n{display:inline-grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--brand);color:#fff;font-size:.8rem;margin-right:.35rem}
.an-fotos{display:flex;flex-wrap:wrap;gap:.6rem}
.an-th,.an-add{position:relative;width:84px;height:112px;border-radius:12px;background:var(--paper) center/cover no-repeat;flex:none}
.an-th b{position:absolute;left:6px;top:6px;background:rgba(0,0,0,.6);color:#fff;font-size:.72rem;border-radius:99px;padding:.05rem .45rem}
.an-th button{position:absolute;right:4px;top:4px;width:24px;height:24px;border-radius:50%;border:0;background:rgba(0,0,0,.65);color:#fff;cursor:pointer;line-height:1}
.an-add{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1.5px dashed color-mix(in srgb,var(--brand) 50%,transparent);cursor:pointer;color:var(--brand)}
.an-add input{position:absolute;inset:0;opacity:0;cursor:pointer}
.an-add span{font-size:1.6rem;line-height:1}.an-add small{font-size:.72rem;color:var(--muted)}
.an-guion{border:1px solid color-mix(in srgb,var(--brand) 25%,transparent);border-radius:14px;padding:.8rem}
.an-gh{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}
.an-ayuda{font-size:.82rem;color:var(--muted);margin:.3rem 0 .6rem}
.an-fila{display:grid;grid-template-columns:64px 1fr 30px;align-items:center;gap:.4rem;margin-bottom:.45rem}
.an-fila span{font-size:.72rem;font-weight:700;color:var(--brand);text-transform:uppercase}
.an-fila input{width:100%;margin:0}
.an-x{border:0;background:none;color:var(--muted);font-size:1.2rem;cursor:pointer}
.an-mas{border:0;background:none;color:var(--brand);font-weight:600;cursor:pointer;padding:.2rem 0}
.an-voces a{margin-left:.35rem;display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--brand);color:#fff!important;font-size:.65rem;text-decoration:none;position:relative;z-index:2}
.an-barra{width:min(320px,80%);height:8px;border-radius:99px;background:color-mix(in srgb,var(--brand) 18%,transparent);margin:.6rem auto 0;overflow:hidden}
.an-barra i{display:block;height:100%;background:var(--brand);transition:width .25s}
.an-listo{display:flex;flex-direction:column;align-items:center;gap:.8rem;width:100%}
.an-listo video{width:min(340px,100%);aspect-ratio:9/16;border-radius:18px;background:#000;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.an-acc{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}
.an-fila{grid-template-columns:1fr 30px;grid-template-areas:"t x" "i i";gap:.15rem .4rem}.an-fila span{grid-area:t}.an-fila input{grid-area:i}.an-fila .an-x{grid-area:x}
.an-ia{margin-top:.6rem;padding:.6rem .7rem;border-radius:12px;background:color-mix(in srgb,var(--brand) 8%,transparent);font-size:.85rem}
.an-ia small{color:var(--muted)}
.an-ia div{display:flex;gap:.4rem;margin-top:.4rem;flex-wrap:wrap}.an-ia input{flex:1 1 180px;margin:0}
.an-gen{display:grid;place-items:center;background:var(--paper)}.an-gen .pm-orb{width:36px;height:36px}
.an-armando{display:flex;flex-direction:column;align-items:center;gap:.6rem;width:100%;color:#dfe8ff;text-align:center}
.an-pant{width:min(260px,70%);aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 14px 40px rgba(0,0,0,.4)}
.an-pant canvas{width:100%;height:100%;display:block}
/* menú del celular: si las opciones no caben, se desplaza (antes las últimas quedaban fuera de la pantalla) */
@media (max-width:900px){.nav{max-height:calc(100vh - 84px);max-height:calc(100dvh - 84px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}}
@media (max-width:900px){.nav-ia-menu a{padding:.8rem 0!important}}

/* Mi cuenta: anuncios guardados */
.mc-gal.anuncio img,.mc-anu-ph{aspect-ratio:9/16;object-fit:cover;width:100%}
.mc-anu-ph{display:grid;place-items:center;font-size:2.4rem;background:var(--cream);border-radius:12px}
.mc-gal.anuncio figcaption small{display:block}
.mc-anu-modal .pm-login-box{max-width:420px}
.mc-anu-cuerpo{display:flex;flex-direction:column;align-items:center;gap:.7rem;text-align:center}
.mc-anu-cuerpo video{width:min(300px,100%);aspect-ratio:9/16;border-radius:16px;background:#000}
.mc-anu-cuerpo .an-pant{width:min(240px,70%)}
.an-guardado{margin:0}

/* ---------- Campañas en Facebook */
.cm{max-width:860px}
.cm-ok{background:color-mix(in srgb,#25d366 14%,transparent);border-radius:12px;padding:.6rem .8rem}
.cm-con{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}
.cm-pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;width:100%}
.cm-pasos div{background:var(--paper);border-radius:16px;padding:1rem;display:flex;flex-direction:column;gap:.25rem}
.cm-pasos b{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--brand);color:#fff;margin:0 auto}
.cm-pasos small{color:var(--muted)}
@media(max-width:600px){.cm-pasos{grid-template-columns:1fr}}
.cm-fb{background:#1877f2!important;color:#fff!important;font-size:1.05rem;padding:1rem 1.8rem}
.cm-guia{text-align:left;background:var(--paper);border-radius:14px;padding:.8rem 1rem;width:100%}
.cm-guia summary{cursor:pointer;font-weight:600}
.cm-top{display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}
.cm-form{max-width:none}
.cm-dis{display:flex;gap:.6rem;overflow-x:auto;padding-bottom:.4rem}
.cm-dis label{flex:none;width:120px;cursor:pointer;text-align:center}
.cm-dis input{position:absolute;opacity:0}
.cm-dis img{width:120px;height:120px;object-fit:cover;border-radius:12px;border:3px solid transparent}
.cm-dis input:checked+img{border-color:var(--brand)}
.cm-dis small{display:block;font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cm-sug{display:flex;flex-direction:column;gap:.2rem;margin-top:-.4rem}
.cm-sug button{text-align:left;border:0;background:var(--paper);padding:.5rem .7rem;border-radius:8px;cursor:pointer}
.cm-res{background:var(--paper);border-radius:12px;padding:.7rem .9rem;font-size:.92rem}
.cm-lista{margin-top:2rem}
.cm-camp{display:grid;grid-template-columns:1fr auto auto;gap:.8rem;align-items:center;background:var(--paper);border-radius:14px;padding:.8rem 1rem;margin-bottom:.6rem}
.cm-camp small{display:block;color:var(--muted)}
.cm-num{display:flex;gap:1rem}.cm-num span{display:flex;flex-direction:column;align-items:center;font-size:.72rem;color:var(--muted)}.cm-num b{font-size:1.05rem;color:var(--ink,inherit)}
@media(max-width:640px){.cm-camp{grid-template-columns:1fr}}
.legal-doc{max-width:820px}.legal-doc h2{font-size:1.25rem;margin:1.6rem 0 .5rem}.legal-doc ul{padding-left:1.2rem}.legal-doc li{margin:.35rem 0}
.cm-h{display:flex;align-items:center;gap:.5rem;margin:1.2rem 0 .2rem;font-size:1.02rem}
.cm-h b{display:inline-grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--brand);color:#fff;font-size:.85rem}
.cm-form textarea,.cm-form input[type=number]{width:100%;font:inherit;border:1px solid var(--line);border-radius:12px;padding:.75rem .9rem;background:var(--paper);color:inherit}
.cm-txt{display:flex;flex-direction:column;gap:.45rem}
.cm-txt-h{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap}
.cm-txt input{margin:0}
.cm-ops{display:flex;flex-direction:column;gap:.35rem}
.cm-ops button{text-align:left;border:1.5px solid var(--line);background:var(--paper);border-radius:12px;padding:.6rem .8rem;cursor:pointer;font:inherit;font-size:.9rem}
.cm-ops button.on,.cm-ops button:hover{border-color:var(--brand)}
.cm-prev{margin:.6rem 0}.cm-prev>small{color:var(--muted)}
.cm-fbpost{max-width:340px;background:#fff;color:#1c1e21;border:1px solid #dadde1;border-radius:12px;overflow:hidden;margin-top:.3rem;font-size:.85rem}
.cm-fbh{display:flex;gap:.5rem;align-items:center;padding:.6rem}.cm-fbh i{width:34px;height:34px;border-radius:50%;background:#e4e6eb}.cm-fbh small{display:block;color:#65676b;font-size:.72rem}
.cm-fbpost p{padding:0 .7rem .6rem;margin:0;white-space:pre-wrap}
.cm-fbpost img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#f0f2f5}
.cm-fbcta{display:flex;justify-content:space-between;align-items:center;padding:.6rem .7rem;background:#f0f2f5}.cm-fbcta b{background:#e4e6eb;border-radius:6px;padding:.35rem .6rem}
.cm-chips{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}
.cm-chips button{border:1.5px solid var(--line);background:var(--paper);border-radius:99px;padding:.45rem 1rem;cursor:pointer;font-weight:700}
.cm-chips button.on{background:var(--brand);border-color:var(--brand);color:#fff}
.cm-chips input{width:110px!important;margin:0}
.cm-tip{color:var(--muted)}
.cm-prep{background:var(--paper);border-radius:18px;padding:1rem 1.1rem;margin-bottom:1.2rem;display:flex;flex-direction:column;gap:.6rem}
.cm-prep-h{display:flex;justify-content:space-between;font-size:1.05rem}.cm-prep-h span{color:var(--muted);font-weight:700}
.cm-barra{height:8px;border-radius:99px;background:color-mix(in srgb,var(--brand) 15%,transparent);overflow:hidden}.cm-barra i{display:block;height:100%;background:#25d366}
.cm-paso{display:flex;gap:.7rem;align-items:flex-start}
.cm-paso>i{flex:none;width:1.6rem;height:1.6rem;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font-style:normal;font-weight:800;color:#fff}
.cm-paso.ok>i{background:#25d366;border-color:#25d366}
.cm-paso p{margin:.1rem 0 0;font-size:.88rem;color:var(--muted)}.cm-paso p .btn{margin-top:.35rem}
.cm-wa{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;margin:.3rem 0}.cm-wa input{max-width:220px;margin:0}
.cm-admin,.cm-rev{background:color-mix(in srgb,#ffb020 12%,transparent);border-radius:14px;padding:.7rem 1rem;margin-bottom:1rem;font-size:.9rem}
.cm-rev summary{cursor:pointer}.cm-rev span{display:flex;gap:.4rem;margin-top:.5rem}.cm-rev input{max-width:220px;margin:0}
.cm-wa input,.cm-rev input{font:inherit;border:1px solid var(--line);border-radius:10px;padding:.5rem .7rem;background:#fff;color:#1c1e21}
.cm-paso p small{display:block;margin-top:.3rem}

/* ---------- Campañas v4: más elegir, menos escribir */
.cm-tabs{display:flex;gap:.4rem;margin-bottom:.6rem;flex-wrap:wrap}
.cm-tabs button{border:1.5px solid var(--line);background:var(--paper);border-radius:99px;padding:.5rem 1rem;cursor:pointer;font-weight:700;color:inherit}
.cm-tabs button.on{background:var(--brand);border-color:var(--brand);color:#fff}.cm-tabs small{opacity:.7;margin-left:.2rem}
.cm-nuevo{flex:none;width:120px;height:120px;border:2px dashed color-mix(in srgb,var(--brand) 50%,transparent);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--brand)}
.cm-nuevo span{font-size:1.8rem;line-height:1}.cm-nuevo small{font-size:.72rem;text-align:center}
.cm-vid{position:relative}.cm-vid em{position:absolute;left:50%;top:60px;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;display:grid;place-items:center;font-style:normal;pointer-events:none}
.cm-vph{display:grid;place-items:center;width:120px;height:120px;border-radius:12px;background:var(--cream);font-size:2rem}
.cm-ayuda{font-size:.86rem;color:var(--muted);margin:.2rem 0 .5rem}
[data-chips="objetivo"]{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.45rem}
[data-chips="objetivo"] button{border-radius:14px;text-align:left;padding:.7rem .9rem;font-weight:600}
#cmIdea{margin:.6rem 0 .3rem}
.cm-ops .cm-otra{border-style:dashed;text-align:center;color:var(--brand)}
.cm-editar{margin:.5rem 0}.cm-editar summary{cursor:pointer;color:var(--brand);font-weight:600;font-size:.9rem}
.cm-pvm{position:relative}.cm-pvm em{position:absolute;inset:0;margin:auto;width:56px;height:56px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center;font-style:normal;font-size:1.4rem}
.cm-fbcta>span{display:flex;flex-direction:column;min-width:0}.cm-fbcta>span small{color:#65676b;font-size:.72rem}
.cm-zonas{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}
.cm-zona{display:inline-flex;align-items:center;gap:.35rem;background:var(--brand);color:#fff;border-radius:99px;padding:.4rem .5rem .4rem .8rem;font-weight:600;font-size:.9rem}
.cm-zona small{opacity:.8;font-weight:400}.cm-zona button{border:0;background:rgba(255,255,255,.25);color:#fff;border-radius:50%;width:22px;height:22px;cursor:pointer}
.cm-mas{background:color-mix(in srgb,var(--brand) 8%,transparent);border-radius:14px;padding:.7rem .9rem;margin-bottom:.6rem}
.cm-mas p{margin:0 0 .5rem;font-size:.9rem}
.cm-buscar{display:flex;gap:.4rem;flex-wrap:wrap}.cm-buscar input{flex:1 1 200px;margin:0}
.cm-buscar .btn.on{background:var(--brand);color:#fff}
.cm-sug{margin-top:.4rem}.cm-sug button{display:flex;gap:.4rem;align-items:baseline;width:100%;color:inherit}
.cm-sug small{color:var(--muted)}.cm-sug em{margin-left:auto;font-style:normal;font-size:.7rem;background:#25d366;color:#fff;border-radius:99px;padding:.1rem .5rem}
.cm-form .cm-chips{margin:.3rem 0 .7rem}.cm-chips button{color:inherit}
.cm-hecho{text-align:center;padding:1.5rem .5rem;display:flex;flex-direction:column;gap:.5rem;align-items:center}
.cm-hecho>b{font-size:1.3rem}.cm-hecho-b{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}
.cm-pant{width:min(200px,60%);margin:.5rem auto}

/* ---------- Modo oscuro (por defecto): contraste en todos los bloques de Digi */
html[data-theme=dark] :is(.pm-form label,.pm-form legend,.pm-lbl,.pm-tipos legend,.pm-colores legend,.pm-tipos b,.pm-chips span,.pm-check b,.cm-h,.cm-prep b,.cm-paso b,.pm-card h3,.pm-card b,.mc-card h3,.mc-card b,.pm-tool b,.cm-camp b){color:#eef2fb}
html[data-theme=dark] :is(.pm-tool,.pm-form,.pm-res figure,.nav-ia-menu,.pm-tipos span,.pm-th,.pm-user,.pm-menu,.mc-card,.pm-card,.pm-costos-g div,.pm-periodo,.pm-ad figure,.pm-testimonios blockquote,.pm-ideas button,.pm-login-box,.pm-muro-box,.cm-prep,.cm-camp,.cm-pasos div,.cm-guia,.cm-res,.cm-sug button,.an-th,.an-add,.cm-tabs button,.cm-chips button,.cm-ops button,.mc-anu-ph,.cm-vph){background:#141c31;color:#e8edf8;border-color:rgba(255,255,255,.1)}
html[data-theme=dark] :is(.pm-form input:not([type=radio]):not([type=checkbox]),.pm-form select,.pm-form textarea,.cm-wa input,.cm-rev input,.cm-buscar input,.an-ia input){background:#0b1222;color:#fff;border-color:rgba(255,255,255,.16)}
html[data-theme=dark] :is(.pm-form input,.pm-form textarea)::placeholder{color:#7f8aa6}
html[data-theme=dark] :is(.pm-card p,.pm-card li,.pm-card small,.pm-tool p,.mc-card p,.mc-card small,.pm-hint,.cm-ayuda,.cm-tip){color:#b4bed6}
html[data-theme=dark] .pm-card .pm-precio b{color:#fff}
html[data-theme=dark] :is(.cm-chips button.on,.cm-tabs button.on){background:var(--brand);color:#fff}
html[data-theme=dark] .logo img,html[data-theme=dark] .ft-brand img{background:#fff;border-radius:12px;padding:3px 8px}
html[data-theme=dark] .pm-menu>a:hover{background:rgba(255,255,255,.06)}
html[data-theme=dark] :is(.pm-social,.dm-emprende,.pm-demo-sec){background:linear-gradient(180deg,#0b0f1c,#101830)}
html[data-theme=dark] :is(.pm-social h2,.dm-emprende h2){color:#fff}
html[data-theme=dark] .pm-social figure,html[data-theme=dark] .dm-emprende .t{background:#141c31;color:#e8edf8}

.pm-tema{display:block;width:100%;text-align:left;border:0;background:none;padding:.55rem .9rem;font:inherit;cursor:pointer;color:inherit;border-radius:10px}
.pm-tema:hover{background:var(--cream)}
.pm-nuevo-i{font-style:normal;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#25d366;margin-left:.3rem}
html[data-theme=dark] :is(.pm-menu>a,.pm-menu>span,.pm-menu>button,.pm-tema,.nav-ia-menu a){color:#e8edf8}
html[data-theme=dark] .pm-menu .pm-pronto{color:#8e99b5}

.cm-mapa{height:260px;border-radius:16px;overflow:hidden;margin:.2rem 0 .8rem;background:var(--cream);z-index:0;position:relative}
.cm-buscar select{flex:1 1 220px;margin:.4rem 0 0}
html[data-theme=dark] .cm-buscar select{background:#0b1222;color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:.6rem .8rem}
/* pie de página: el logo va en blanco (silueta) sin recuadro */
html[data-theme=dark] :is(.foot,footer) .logo img{background:none!important;padding:0!important}
/* Mercado Pago (Perú) */
.pm-mpw{display:grid;gap:.35rem;margin:.2rem 0 .5rem}
.pm-mp{display:flex;align-items:center;justify-content:center;gap:.35rem;width:100%;min-height:46px;padding:.65rem 1rem;border:0;border-radius:999px;background:#009ee3;color:#fff;font-family:inherit;font-weight:700;font-size:.98rem;line-height:1.2;cursor:pointer;box-shadow:0 8px 20px -10px #009ee3;transition:transform .15s,filter .15s;text-align:center}
.pm-mp b{font-weight:800}
.pm-mp:hover{filter:brightness(1.08);transform:translateY(-1px)}
.pm-o{display:block;text-align:center;font-size:.8rem;opacity:.75;margin:.15rem 0 .35rem}
.pm-mp-form{display:grid;gap:.6rem;margin:.8rem 0 .6rem}
.pm-mp-form input{width:100%;padding:.75rem .9rem;border-radius:12px;border:1px solid rgba(255,255,255,.3);background:#fff;color:#111;font-size:1rem}
.pm-pe .pm-precio b,.pm-pe .pm-dolar b{white-space:nowrap;font-size:clamp(2.3rem,10vw,3.2rem)}
html[data-theme=dark] .pm-dolar span{color:#c9d3ff}
.pm-mp{display:block;line-height:1.3}
/* forma de pago: pago único / suscripción */
.pm-modo{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin:0 auto 1rem;max-width:640px}
.pm-modo>span{font-weight:700;width:100%;text-align:center;font-size:.95rem}
.pm-modo button{flex:1 1 200px;display:grid;gap:.1rem;padding:.7rem 1rem;border-radius:14px;border:2px solid rgba(120,140,220,.35);background:transparent;color:inherit;font:700 .98rem/1.2 inherit;cursor:pointer}
.pm-modo button small{font-weight:500;font-size:.78rem;opacity:.75}
.pm-modo button.on{border-color:#ff9f0a;background:rgba(255,159,10,.12)}
.pm-pp .pm-nota{display:block;text-align:center;margin:.3rem 0 .5rem}
/* Mi cuenta: ruta para crecer, mis clientes, ideas y kit de marca */
.mc-ruta-bar{height:10px;border-radius:99px;background:rgba(120,140,220,.2);overflow:hidden;margin:.4rem 0 1rem}
.mc-ruta-bar i{display:block;height:100%;background:linear-gradient(90deg,#3ee6ff,#ff9f0a);border-radius:99px;transition:width .6s}
.mc-ruta ol{list-style:none;padding:0;margin:0 0 1rem;display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}
.mc-ruta li a{display:grid;justify-items:center;gap:.3rem;text-align:center;text-decoration:none;color:inherit;padding:.6rem .3rem;border-radius:14px;border:1px solid rgba(120,140,220,.25);height:100%}
.mc-ruta li span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(120,140,220,.18);font-weight:800}
.mc-ruta li b{font-size:.8rem;line-height:1.2}
.mc-ruta li.ok span{background:#16a34a;color:#fff}
.mc-ruta li.sig a{border-color:#ff9f0a;box-shadow:0 0 0 2px rgba(255,159,10,.25)}
.mc-ruta-btn{width:100%;text-align:center}
.mc-cli-g{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:.4rem 0 .8rem}
.mc-cli-g div{display:grid;gap:.2rem;padding:.8rem;border-radius:14px;background:rgba(62,230,255,.08);border:1px solid rgba(62,230,255,.25);text-align:center}
.mc-cli-g b{font-size:1.6rem;line-height:1}
.mc-cli-g span{font-size:.78rem;opacity:.85}
.mc-cli-vacio{display:grid;gap:.7rem;justify-items:start}
.mc-ideas-g{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-bottom:.6rem}
.mc-ideas-g article{display:grid;gap:.35rem;align-content:start;padding:.9rem;border-radius:14px;border:1px solid rgba(120,140,220,.3);background:rgba(120,140,220,.06)}
.mc-idea-e{font-size:1.6rem}
.mc-ideas-g small{opacity:.85;line-height:1.35}
.mc-ideas-g .btn{justify-self:start;margin-top:.2rem}
.mc-kit-v{display:flex;gap:1rem;align-items:center;margin-bottom:.6rem}
.mc-kit-v img,.mc-kit-sinlogo{width:84px;height:84px;border-radius:16px;object-fit:contain;background:#fff;flex:none}
.mc-kit-sinlogo{display:grid;place-items:center;text-decoration:none;color:#334;font-size:1.4rem;border:2px dashed #99a}
.mc-kit-sinlogo small{font-size:.7rem}
.mc-kit-v>div{display:grid;gap:.2rem}
.mc-kit-v span{font-size:.85rem;opacity:.85}
.mc-kit-col{display:flex;gap:.35rem;margin-top:.2rem}
.mc-kit-col i{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.6);box-shadow:0 0 0 1px rgba(0,0,0,.2)}
.mc-kit-f{display:grid;gap:.6rem;margin-top:.8rem;max-width:460px}
.mc-kit-f label{display:grid;gap:.25rem;font-weight:600;font-size:.88rem}
.mc-kit-f input{padding:.6rem .75rem;border-radius:10px;border:1px solid rgba(120,140,220,.4);background:#fff;color:#111;font-size:1rem}
.mc-promo{background:#ff9f0a;color:#111!important;border:0}
.pm-promo-b{display:block;width:100%;text-align:center;margin:.35rem 0;font-size:1rem}
.an-promo{margin-top:.6rem}
@media (max-width:640px){.mc-ruta ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem}.mc-ruta li b{font-size:.68rem}.mc-ruta li span{width:30px;height:30px}.mc-cli-g{grid-template-columns:1fr}.mc-ideas-g{grid-template-columns:1fr}}
.mc-kit-f[hidden]{display:none}
/* planes: recuadro de regalo y lista de beneficios */
.pm-gratis{max-width:820px;margin:0 auto 1.2rem;padding:1rem 1.2rem;border-radius:16px;border:1px dashed rgba(255,159,10,.6);background:rgba(255,159,10,.08);text-align:center}
.pm-gratis p{margin:.5rem 0 0}
.pm-card .checks li{line-height:1.4}
/* prueba de Digi Max: aviso fijo para activar el plan completo */
.pm-prueba-bar{position:sticky;top:0;z-index:60;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1rem;padding:.55rem 1rem;background:linear-gradient(90deg,#2a1600,#3b2200);border-bottom:1px solid rgba(255,159,10,.55);color:#ffe7c2;font-size:.9rem;text-align:center}
.pm-prueba-bar .btn{white-space:nowrap}
html[data-theme=light] .pm-prueba-bar{background:#fff4e0;color:#5a3300}
.pm-menu .pm-menu-up{color:#ff9f0a!important;font-weight:800}
@media (max-width:640px){.pm-prueba-bar{flex-wrap:nowrap;justify-content:space-between;font-size:.74rem;padding:.4rem .6rem;text-align:left;gap:.5rem}.pm-prueba-bar .btn{padding:.4rem .7rem;font-size:.66rem}.pm-pb-txt{display:none}}
/* planes simples: un botón por plan + ventana de pago */
.pm-comprar{display:block;width:100%;margin:.7rem 0 .9rem;padding:.85rem 1rem;border:0;border-radius:999px;background:linear-gradient(90deg,#3ee6ff,#2b6cff);color:#06102b;font-family:inherit;font-weight:800;font-size:1.02rem;line-height:1.2;cursor:pointer;box-shadow:0 10px 24px -12px #2b6cff;transition:transform .15s,filter .15s}
.pm-comprar:hover{transform:translateY(-1px);filter:brightness(1.06)}
.pm-comprar:disabled{background:rgba(120,140,220,.25);color:inherit;box-shadow:none;cursor:default}
.pm-card-max .pm-comprar{background:linear-gradient(90deg,#ffb347,#ff8a00);color:#1b0f00;box-shadow:0 10px 24px -12px #ff8a00}
.pm-prueba{margin:.7rem 0 0;padding:.8rem .9rem .2rem;border-radius:16px;border:2px dashed rgba(255,159,10,.7);background:rgba(255,159,10,.1);display:grid;gap:.25rem}
.pm-prueba>b{font-size:1.05rem}
.pm-prueba small{opacity:.85}
.pm-prueba[hidden]{display:none}
.pm-card-max .pm-comprar-prueba{background:#fff;color:#7a3d00;border:2px solid #ff9f0a;box-shadow:none}
.pm-card.pm-actual{outline:3px solid #16a34a;outline-offset:2px}
.pm-anual{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem;margin:1.2rem auto .6rem;max-width:900px;padding:.9rem 1rem;border-radius:16px;border:1px solid rgba(120,140,220,.35);background:rgba(120,140,220,.07);text-align:center}
.pm-anual>b{width:100%}
.pm-anual-b{flex:1 1 260px;padding:.65rem 1rem;border-radius:12px;border:1px solid rgba(120,140,220,.5);background:transparent;color:inherit;font-family:inherit;font-weight:600;font-size:.95rem;line-height:1.3;cursor:pointer}
.pm-anual-b:hover{border-color:#3ee6ff}
.pm-anual-b small{opacity:.75}
.pm-recarga .pm-comprar{max-width:320px}
.pm-pago .pm-login-box{text-align:center;max-height:92vh;overflow:auto}
.pm-pago-k{display:block;opacity:.75;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}
.pm-pago h3{margin:.1rem 0 .2rem}
.pm-pago-precio{font:800 2.4rem/1.1 'Space Grotesk',Inter,sans-serif;color:#ffb347;margin:.2rem 0 .4rem}
.pm-pago p{margin:.2rem 0 .8rem;font-size:.92rem}
.pm-pago-n{background:rgba(255,159,10,.12);border-radius:10px;padding:.5rem .7rem}
.pm-pago .pm-mp{margin:.3rem 0 .2rem}
.pm-sep{display:flex;align-items:center;gap:.6rem;margin:.9rem 0 .6rem;font-size:.8rem;opacity:.8}
.pm-sep::before,.pm-sep::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.25)}
.pm-pago-pp{min-height:60px;background:#fff;border-radius:14px;padding:.6rem}
.pm-pago-pp .pm-nota,.pm-pago-pp .pm-err{color:#333}
/* flyer "A tu manera" */
.pm-libre-ic{display:grid;place-items:center;aspect-ratio:1;width:100%;border-radius:12px;font-size:3rem;font-style:normal;background:linear-gradient(135deg,#1f2a6b,#5b2a86)}
.pm-libre-f{display:grid;gap:.35rem;margin:.4rem 0 1rem;font-weight:700}
.pm-libre-f[hidden]{display:none}
.pm-libre-f textarea{width:100%;padding:.7rem .8rem;border-radius:12px;border:1px solid rgba(120,140,220,.5);font:inherit;font-weight:400;resize:vertical}
.pm-libre-f small{font-weight:400;opacity:.8}
/* menú superior: anuncios virales y campañas (llamativo) */
.nav a.nav-extra{white-space:nowrap}
.nav a.nav-vid{color:#c2410c;border-color:rgba(234,88,12,.45)}
.nav a.nav-vid:hover{background:#ea580c;color:#fff}
.nav a.nav-hot{position:relative;color:#fff!important;border:0;background:linear-gradient(90deg,#1877f2,#a855f7,#ec4899,#f97316,#1877f2);background-size:300% 100%;animation:navHot 6s linear infinite;box-shadow:0 6px 18px -8px rgba(168,85,247,.8)}
.nav a.nav-hot:hover{filter:brightness(1.1);background:linear-gradient(90deg,#1877f2,#a855f7,#ec4899,#f97316,#1877f2);background-size:300% 100%}
@keyframes navHot{to{background-position:300% 0}}
.nav-pronto{position:absolute;top:-.85em;right:-.4em;font-style:normal;font-size:.58rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:#facc15;color:#111;padding:.15em .45em;border-radius:999px;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.hdr-sub{white-space:nowrap;font-weight:800}
@media (prefers-reduced-motion:reduce){.nav a.nav-hot{animation:none}}
/* menú de perfil resumido */
.pm-menu small{display:block;font-size:.72rem;opacity:.65;font-weight:500}
.pm-menu-sep{display:block;height:1px;margin:.35rem .6rem;background:var(--line,rgba(0,0,0,.1))}
.pm-master-i{font-style:normal;font-size:.62rem;font-weight:800;background:linear-gradient(90deg,#a855f7,#ec4899);color:#fff;padding:.1em .45em;border-radius:999px;margin-left:.3rem}
.mc-sec{font-size:1.25rem;margin:1.6rem 0 .6rem;scroll-margin-top:110px}
/* ruta en el inicio */
.dm-ruta-home{padding:2.2rem 0 .4rem}
.dm-ruta-home .mc-card{max-width:980px;margin:0 auto}
.pm-sigue .mc-ruta{margin-top:1rem}
/* tarjetas de presentación */
.tj-studio{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:2rem;align-items:start}
.tj-dos{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:.4rem 0 1rem}
.tj-dos label{display:grid;gap:.3rem;font-weight:600;font-size:.9rem}
.tj-dos input{width:100%}
#fTarjeta textarea{width:100%;font:inherit;padding:.65rem .8rem;border-radius:12px;border:1px solid var(--line,#d6dbe6);resize:vertical}
.tj-estilos{grid-template-columns:repeat(4,1fr)!important}
.tj-mini{display:block;aspect-ratio:1.75;width:100%;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.tj-m-elegante{background:linear-gradient(135deg,#0f0f10 60%,#2a2418);box-shadow:inset -6px 0 #d4af37}
.tj-m-moderno{background:linear-gradient(135deg,#6d28d9,#db2777)}
.tj-m-minimalista{background:#fff;box-shadow:inset -6px 0 #2563eb,inset 0 0 0 1px #e5e7eb}
.tj-m-corporativo{background:linear-gradient(135deg,#0b1f5c,#1e3a8a);box-shadow:inset -6px 0 #38bdf8}
.tj-m-creativo{background:radial-gradient(circle at 75% 30%,#f472b6 0 18%,transparent 19%),radial-gradient(circle at 85% 75%,#38bdf8 0 14%,transparent 15%),linear-gradient(135deg,#fff7ed,#fde68a)}
.tj-m-industrial{background:radial-gradient(circle at 82% 40%,#f97316 0 6%,rgba(249,115,22,.35) 7% 16%,transparent 17%),repeating-linear-gradient(45deg,#2b2f36 0 6px,#353a42 6px 12px)}
.tj-vista{position:sticky;top:110px;display:grid;gap:.9rem}
.tj-vista figure{margin:0}
.tj-vista figcaption{font-weight:700;font-size:.85rem;margin-bottom:.3rem;opacity:.8}
.tj-vista canvas{width:100%;height:auto;aspect-ratio:1050/600;border-radius:14px;box-shadow:0 18px 40px -18px rgba(0,0,0,.45);background:#eee}
.tj-k{margin:0;font-size:.85rem;opacity:.75}
.tj-acc{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.tj-acc .pm-hint{width:100%;margin:.3rem 0}
@media (max-width:900px){.tj-studio{grid-template-columns:1fr}.tj-vista{position:static;order:-1}.tj-estilos{grid-template-columns:repeat(3,1fr)!important}.tj-dos{grid-template-columns:1fr}}
/* Capacítate y comunidad */
.cp-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:2rem}
.cp-card{padding:1.4rem;border-radius:20px;border:1px solid var(--line,#e5e7eb);background:var(--paper,#fff);display:grid;gap:.6rem;align-content:start}
.cp-master{border:2px solid #a855f7;background:linear-gradient(160deg,rgba(168,85,247,.08),rgba(236,72,153,.06))}
.cp-card h3{margin:.2rem 0}
.cp-t{font-size:1.4rem;margin:.5rem 0 1rem}.cp-t small{display:block;font-size:.85rem;font-weight:500;opacity:.7}
.cp-videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}
.cp-video{display:grid;gap:.35rem}
.cp-video small{color:#a855f7;font-weight:700;text-transform:uppercase;font-size:.72rem;letter-spacing:.05em}
.cp-yt{aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#111}
.cp-yt iframe{width:100%;height:100%;border:0}
.cp-bloq{display:grid;place-items:center;background:linear-gradient(135deg,#1f2937,#4c1d95);color:#fff;font-weight:700}
@media (max-width:760px){.cp-grid{grid-template-columns:1fr}}
/* encabezado: el logo nunca se aplasta y "Cotiza" sale en computadora (queda en el pie, contacto y barra del celular) */
.hdr .logo{flex:none}
.hdr .logo img{height:52px!important;width:auto!important;max-width:none}
@media (min-width:981px){.hdr-cta a.btn-accent[href*="contacto"]{display:none}}
@media (min-width:981px) and (max-width:1340px){.hdr .nav{gap:1rem}.hdr .nav a{font-size:.9rem}.nav a.nav-extra{padding:.3em .7em}}
@media (min-width:981px) and (max-width:1339px){.hdr .nav>a[href="nosotros.html"],.hdr .nav>a[href="/nosotros"],.hdr .nav>a[href="contacto.html"],.hdr .nav>a[href="/contacto"]{display:none}}
@media (min-width:1340px) and (max-width:1760px){.hdr .nav{gap:.75rem}.hdr .nav a{font-size:.86rem}.nav a.nav-extra{padding:.28em .6em}.hdr-cta{gap:.45rem}.hdr .logo img{height:46px!important}}
@media (min-width:981px) and (max-width:1180px){.hdr .nav>a[href="servicios.html"],.hdr .nav>a[href="/servicios"]{display:none}.hdr .logo img{height:44px!important}}
.tj-mini{object-fit:cover;height:auto}
.tj-estilos{grid-template-columns:repeat(3,1fr)!important}
.tj-estilos img.tj-mini{aspect-ratio:1.75!important;width:100%;height:auto!important;object-fit:cover;border-radius:8px}
@media (max-width:900px){.tj-estilos{grid-template-columns:repeat(2,1fr)!important}}
/* tarjetas v2: colores y plantillas con miniaturas en vivo */
.tj-colores{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin:.6rem 0 1rem}
.tj-colores .pm-lbl{width:100%;margin:0}
.tj-colores label{display:flex;align-items:center;gap:.45rem;font-weight:600;font-size:.9rem}
.tj-colores input[type=color]{width:46px;height:38px;padding:2px;border:1px solid rgba(0,0,0,.15);border-radius:10px;background:#fff;cursor:pointer}
.tj-plantillas{border:0;padding:0;margin:0 0 1rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}
.tj-plantillas legend{font-weight:700;margin-bottom:.5rem;padding:0}
.tj-plantillas label{cursor:pointer;position:relative}
.tj-plantillas input{position:absolute;opacity:0;pointer-events:none}
.tj-plantillas span{display:grid;gap:.3rem;padding:.35rem;border-radius:12px;border:2px solid transparent;background:rgba(0,0,0,.03);transition:.15s}
.tj-plantillas canvas{width:100%;height:auto;aspect-ratio:1.75;border-radius:7px;box-shadow:0 4px 12px -6px rgba(0,0,0,.4);background:#eee}
.tj-plantillas b{font-size:.82rem;text-align:center}
.tj-plantillas input:checked+span{border-color:var(--accent,#f97316);background:rgba(249,115,22,.08)}
.tj-plantillas input:focus-visible+span{outline:2px solid var(--accent,#f97316);outline-offset:2px}
@media (max-width:560px){.tj-plantillas{grid-template-columns:repeat(2,1fr)}}
.mc-gal.tarjeta{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.mc-gal.tarjeta img{aspect-ratio:1050/600;object-fit:contain;background:#f3f4f6;border-bottom:1px solid var(--line)}
.tj-sf{display:flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;margin-top:.4rem;cursor:pointer}.tj-sf input{width:16px;height:16px}

.cm-dis[hidden],.cm-promo-est[hidden]{display:none!important}
.cm-promo-est{margin:.6rem 0 .2rem;display:grid;gap:.4rem}
.cm-vid{position:relative}.cm-vid .cm-play{position:absolute;left:50%;top:60px;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center;font-size:.9rem;pointer-events:none}

/* ruta siempre a la vista */
.dm-rutabar{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:88;display:flex;align-items:center;gap:.4rem;max-width:min(600px,calc(100% - 460px));width:max-content;
  background:var(--paper,#fff);color:var(--ink,#0b1020);border:1px solid rgba(120,140,220,.35);border-radius:999px;padding:.35rem .45rem .35rem .35rem;box-shadow:0 14px 34px -14px rgba(10,20,60,.45);font-family:var(--f-body)}
.dm-rb-a{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:inherit;padding:.2rem .7rem .2rem .2rem;min-width:0}
.dm-rb-t{font-size:.85rem;white-space:nowrap}.dm-rb-t b{color:#ff9f0a}
.dm-rb-bar{display:block;width:90px;height:8px;border-radius:99px;background:rgba(120,140,220,.22);overflow:hidden;flex:none}.dm-rb-bar i{display:block;height:100%;background:linear-gradient(90deg,#3ee6ff,#ff9f0a)}
.dm-rb-s{font-size:inherit}.dm-rb-sig{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#3ee6ff;color:#06102a;padding:.4em .9em;border-radius:999px}
.dm-rb-min{flex:none;width:30px;height:30px;border-radius:50%;border:0;background:rgba(120,140,220,.16);color:inherit;font:700 1rem var(--f-body);cursor:pointer}
.dm-rutabar.chica{padding:.25rem}.dm-rutabar.chica .dm-rb-a{display:none}.dm-rutabar.chica .dm-rb-min{width:auto;height:auto;padding:.5em .9em;border-radius:999px;background:#3ee6ff;color:#06102a;font-size:.85rem}
body.pm-login-on .dm-rutabar,body.pm-menu-on .dm-rutabar{opacity:0;pointer-events:none}
@media (max-width:1100px){.dm-rb-bar{display:none}.dm-rutabar{max-width:calc(100% - 440px)}}
@media (max-width:900px){.dm-rutabar{left:12px;right:76px;transform:none;bottom:60px;max-width:none;width:auto;border-radius:16px}.dm-rb-a{flex:1;justify-content:space-between;gap:.4rem;padding:.1rem}
  .dm-rb-t{font-size:.75rem}.dm-rb-sig{font-size:.75rem;padding:.4em .7em}.dm-rb-s{display:none}.dm-rutabar.chica{right:auto}}
/* kit digital bajo el encabezado de cada herramienta */
.dm-kit{background:linear-gradient(90deg,#0b1680,#1d4ed8 55%,#0ea5e9);color:#fff;padding:1rem 0}
.dm-kit .wrap{display:grid;gap:.7rem}
.dm-kit-t{display:grid;gap:.2rem;text-align:center}.dm-kit-t b:first-child{font-size:1.05rem}.dm-kit-t span{font-size:.92rem;opacity:.95}.dm-kit-t span b{color:#ffd84d}
.dm-kit-l{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem}
.dm-kit-l a{display:inline-flex;align-items:center;gap:.35rem;padding:.38em .8em;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;text-decoration:none;font-weight:700;font-size:.82rem;border:1px solid rgba(255,255,255,.25);transition:.15s}
.dm-kit-l a:hover{background:rgba(255,255,255,.26)}.dm-kit-l a.on{background:#ffd84d;color:#0b1020;border-color:#ffd84d}
.dm-kit-l em{font-style:normal;opacity:.6;font-size:.8rem}
@media (max-width:640px){.dm-kit-t b:first-child{font-size:.95rem}.dm-kit-t span{font-size:.82rem}.dm-kit-l em{display:none}.dm-kit-l a{font-size:.74rem;padding:.32em .65em}}
@media (max-width:640px){.dm-kit-l{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.2rem;margin:0 -16px;padding-left:16px;padding-right:16px}.dm-kit-l::-webkit-scrollbar{display:none}.dm-kit-l a{flex:none}}
@media (min-width:1340px){.hdr>.wrap{max-width:min(1720px,calc(100% - 48px))!important;width:100%}}

/* inicio: ejemplos de lo que se puede crear */
.dm-ejemplos{padding:4rem 0;background:linear-gradient(180deg,transparent,rgba(59,130,246,.06))}
.dm-ejemplos h2{margin:.5rem 0}.dm-ejemplos .lead{max-width:640px}
.dm-ej-g{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.6rem 0}
.dm-ej{display:grid;gap:.35rem;padding:.6rem;border-radius:18px;border:1px solid var(--line);background:var(--paper);text-decoration:none;color:inherit;transition:.2s}
.dm-ej:hover{transform:translateY(-3px);box-shadow:0 18px 40px -20px rgba(20,40,120,.45)}
.dm-ej img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;background:#eef}
.dm-ej b{font-size:1rem}.dm-ej small{color:var(--muted)}
.dm-ej-post{border-radius:12px;overflow:hidden;background:#fff;color:#111;border:1px solid #e5e7eb}
.dm-ej-h{display:flex;gap:.5rem;align-items:center;padding:.45rem .6rem}.dm-ej-h i{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#3ee6ff,#1d4ed8)}
.dm-ej-h span{display:grid;line-height:1.1}.dm-ej-h b{font-size:.8rem}.dm-ej-h small{font-size:.68rem;color:#6b7280}
.dm-ej-post img{border-radius:0;aspect-ratio:1.6}
.dm-ej-wa{display:block;padding:.45rem .6rem;font-size:.78rem;font-weight:700;color:#15803d;background:#f0fdf4}
@media (max-width:900px){.dm-ej-g{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.dm-ej-g{grid-template-columns:1fr 1fr;gap:.6rem}.dm-ej{padding:.4rem}.dm-ej b{font-size:.85rem}.dm-ej small{font-size:.72rem}}
.dm-ej-tj img{object-fit:contain;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);padding:12% 4%}

/* anuncios: tipo de anuncio */
.an-tipos{border:0;padding:0;margin:0 0 1rem;display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}
.an-tipos legend{font-weight:800;margin-bottom:.5rem;padding:0}
.an-tipos label{cursor:pointer;position:relative}.an-tipos input{position:absolute;opacity:0;pointer-events:none}
.an-tipos span{display:grid;gap:.15rem;justify-items:center;text-align:center;padding:.65rem .4rem;border-radius:14px;border:2px solid var(--line);background:var(--paper);height:100%;transition:.15s}
.an-tipos i{font-style:normal;font-size:1.5rem}.an-tipos b{font-size:.84rem;line-height:1.15}.an-tipos small{font-size:.72rem;color:var(--muted);line-height:1.2}
.an-tipos input:checked+span{border-color:var(--accent,#3ee6ff);box-shadow:0 0 0 3px rgba(62,230,255,.25)}
.an-extra{display:grid;gap:.6rem;margin:-.2rem 0 1rem;padding:.8rem;border-radius:14px;background:rgba(62,230,255,.07);border:1px dashed rgba(62,230,255,.45)}
.an-extra[hidden]{display:none}
.an-extra label{display:grid;gap:.3rem;font-weight:600;font-size:.9rem}.an-extra input,.an-extra textarea,.an-extra select{width:100%}
.an-3{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:.6rem}
@media (max-width:760px){.an-tipos{grid-template-columns:repeat(2,1fr)}.an-tipos label:last-child{grid-column:1/-1}.an-3{grid-template-columns:1fr 1fr}.an-3 label:last-child{grid-column:1/-1}}
.an-tipos{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.an-tipos label{min-width:0}.an-tipos label:last-child{grid-column:auto}.an-3{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.an-3 label:last-child{grid-column:auto}
.an-musicas{display:flex;flex-wrap:wrap;gap:.4rem}.an-musicas a{margin-left:.3rem;text-decoration:none}
.mc-sub{margin:1.4rem 0 .6rem;font-size:1rem;display:flex;gap:.5rem;align-items:center}.mc-sub span{font-size:.8rem;opacity:.7}