/* Guías de zagal.app: tema claro de la plantilla y bloques propios de las guías */
/* Tono claro de Zagal (zagal-light.css) en las piezas propias de esta página */
html body.wa-page.local-seo .blk.cs-hero{margin-top:0;padding:clamp(150px,22vh,200px) 0 76px;background:radial-gradient(50% 70% at 78% 40%,#f7f1fb 0%,#e7dcee00 72%),#e7dcee}
html body.wa-page main .blk:not(#hero) .cs-hero .mega{color:var(--zl-ink)!important}
html body.wa-page main .blk:not(#hero) .cs-index a{border-color:#1d142826;background:#ffffff8c;color:var(--zl-soft)!important}
html body.wa-page main .blk:not(#hero) .cs-index a:hover{border-color:var(--zl-z);background:#fff}
.cs-index a:before{color:var(--zl-z)}
html body.wa-page main .blk:not(#hero) .cs-note{color:var(--zl-mute)!important}
html body.wa-page main .blk:not(#hero) :is(.cs-label,.cs-panel figcaption b,.cs-mid-kicker){color:var(--zl-z)!important}
html body.wa-page main .blk:not(#hero) .cs-phone figcaption{color:var(--zl-mute)!important}
.cs-phone a{border-color:#2a1f3b;box-shadow:0 24px 50px #3b176833}
.cs-panel a{border-color:#1d14281f;box-shadow:0 26px 60px #3b176826}
.cs-mid-card{border-color:#6b269c26;background:var(--zl-card);box-shadow:var(--zl-shadow)}
html body.wa-page main .blk:not(#hero) .cs-mid-title{color:var(--zl-ink)!important;font-family:Nunito,DM,sans-serif;font-weight:800;letter-spacing:-.02em}
.cs-divider .wrap{border-top-color:var(--zl-line)}
html body.wa-page .btn-ghost:hover{background:#1d14280d}
/* Logo de Zagal con su tipografía, animado como en la página de Zagal: entra, flota, parpadea y sigue el puntero */
.cs-logo{position:relative;display:block;width:192px;height:76px;margin:0 0 26px -4px}
.cs-logo>img{position:absolute;inset:0;width:100%;height:100%}
.cs-logo .zh-mark{position:absolute;left:-.18%;top:-.45%;width:38.24%;height:94.53%}
@media(prefers-reduced-motion:no-preference){
  .cs-logo .zh-mark{animation:zh-in-mark .8s cubic-bezier(.25,.8,.3,1) .05s both}
  .cs-logo>img{animation:zh-in-word .7s cubic-bezier(.22,1,.36,1) .2s both}
  .cs-logo .zh-zg{animation:zh-float 5s ease-in-out 1.2s infinite}
  .cs-logo.hop .zh-zg{animation:zh-hop .6s cubic-bezier(.3,1.4,.5,1)}
}
@media(max-width:600px){.cs-logo{width:157px;height:62px;margin-bottom:18px}}
@media(min-width:801px){.cs-end h2.zseal-title{max-width:none;padding-right:250px}}
/* campaign-headings.css pone en línea todos los span de los titulares; el sello necesita los suyos como bloque */
html body.campaign-page .service-content .big .zseal-badge{display:flex!important}
html body.campaign-page .service-content .big :is(.zseal,.zseal-z,.zseal-cap){display:block!important}
/* Guías de zagal.app: bloques de contenido comercial (respuesta corta, pasos, tarjetas, tabla, chat, plan, FAQ y barra fija) */
.zg-hero-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.zg-sec .wrap>.big{max-width:860px}
.zg-prose{max-width:760px}
.zg-prose p,.zg-prose li{font-size:17px;line-height:1.7;color:var(--zl-soft)}
.zg-prose p{margin:0 0 16px}
.zg-prose .lead{font-size:clamp(18px,1.6vw,21px);color:var(--zl-ink)}
.zg-prose ul,.zg-prose ol{margin:0 0 18px;padding-left:22px}
.zg-prose li{margin:0 0 8px}
.zg-prose strong{color:var(--zl-ink)}
.zg-prose h3{margin:30px 0 10px;font:800 21px/1.3 Nunito,DM,sans-serif;letter-spacing:-.015em;color:var(--zl-ink)}
.zg-prose a,.zg-link{color:var(--zl-z);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.zg-answer{max-width:760px;margin:0 0 28px;padding:22px 26px;border-left:4px solid var(--zl-z);border-radius:0 18px 18px 0;background:var(--zl-card);box-shadow:var(--zl-shadow)}
.zg-answer-k{margin:0 0 6px;font:700 11px/1.4 DM,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--zl-z)}
.zg-answer p:not(.zg-answer-k){margin:0;font-size:17px;line-height:1.65;color:var(--zl-ink)}
.zg-steps{display:grid;gap:14px;max-width:860px;margin:8px 0 28px;padding:0;list-style:none;counter-reset:zg}
.zg-steps li{position:relative;padding:20px 22px 20px 70px;border:1px solid var(--zl-line);border-radius:18px;background:var(--zl-card);counter-increment:zg}
.zg-steps li:before{content:counter(zg);position:absolute;left:20px;top:18px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--zl-tint);font:400 17px/1 Fraunces,serif;color:var(--zl-z)}
.zg-steps h3{margin:0 0 6px;font:800 18px/1.35 Nunito,DM,sans-serif;color:var(--zl-ink)}
.zg-steps p{margin:0;font-size:16px;line-height:1.6;color:var(--zl-soft)}
.zg-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin:8px 0 28px}
.zg-card{padding:24px;border:1px solid var(--zl-line);border-radius:20px;background:var(--zl-card);box-shadow:var(--zl-shadow)}
.zg-card h3{margin:0 0 8px;font:800 19px/1.3 Nunito,DM,sans-serif;letter-spacing:-.015em;color:var(--zl-ink)}
.zg-card p{margin:0;font-size:16px;line-height:1.6;color:var(--zl-soft)}
.zg-card .zg-tag{display:inline-block;margin:0 0 10px;padding:3px 10px;border-radius:20px;background:var(--zl-tint);font:700 11px/1.5 DM,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--zl-z)}
.zg-table{max-width:960px;margin:8px 0 28px;overflow-x:auto;border:1px solid var(--zl-line);border-radius:20px;background:var(--zl-card)}
.zg-table table{width:100%;min-width:560px;border-collapse:collapse;font-size:15px;line-height:1.5}
.zg-table th,.zg-table td{padding:14px 18px;border-bottom:1px solid var(--zl-line);text-align:left;vertical-align:top;color:var(--zl-soft)}
.zg-table thead th{font:800 15px/1.3 Nunito,DM,sans-serif;color:var(--zl-ink);background:var(--zl-tint)}
.zg-table tbody th{font-weight:700;color:var(--zl-ink)}
.zg-table tr:last-child>*{border-bottom:0}
.zg-table .is-z{background:#6b269c0d;color:var(--zl-ink)}
.zg-table thead .is-z{background:var(--zl-z);color:#fff}
.zg-chat{display:flex;flex-direction:column;gap:8px;max-width:420px;margin:8px 0 28px;padding:18px;border-radius:22px;background:#efe7dd}
.zg-chat p{max-width:85%;margin:0;padding:9px 13px;border-radius:12px;font-size:15px;line-height:1.45;color:#1f1b2e;box-shadow:0 1px 1px #0000001a}
.zg-chat .in{align-self:flex-start;background:#fff;border-top-left-radius:4px}
.zg-chat .out{align-self:flex-end;background:#d9fdd3;border-top-right-radius:4px}
.zg-chat .who{align-self:center;max-width:none;padding:3px 10px;background:#ffffffb3;box-shadow:none;font-size:12px;color:#54656f}
.zg-plan{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 32px;max-width:960px;margin:8px 0 28px;padding:26px 28px;border:2px solid var(--zl-z);border-radius:22px;background:var(--zl-card)}
.zg-plan-k{margin:0 0 4px;font:700 11px/1.4 DM,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--zl-z)}
.zg-plan-n{margin:0 0 6px;font:800 24px/1.25 Nunito,DM,sans-serif;color:var(--zl-ink)}
.zg-plan p:not(.zg-plan-k):not(.zg-plan-n){max-width:560px;margin:0;font-size:16px;line-height:1.6;color:var(--zl-soft)}
.zg-faq{display:grid;gap:10px;max-width:860px}
.zg-faq details{border:1px solid var(--zl-line);border-radius:16px;background:var(--zl-card)}
.zg-faq summary{display:flex;justify-content:space-between;gap:16px;padding:18px 22px;cursor:pointer;list-style:none;font:800 17px/1.4 Nunito,DM,sans-serif;color:var(--zl-ink)}
.zg-faq summary::-webkit-details-marker{display:none}
.zg-faq summary svg{flex:none;width:18px;height:18px;margin-top:3px;color:var(--zl-z);transition:transform .25s}
.zg-faq details[open] summary svg{transform:rotate(45deg)}
.zg-faq details>div{padding:0 22px 18px}
.zg-faq details p{margin:0;font-size:16px;line-height:1.65;color:var(--zl-soft)}
.zg-faq a{color:var(--zl-z);font-weight:700}
.zg-more{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:0;padding:0;list-style:none}
.zg-more a{display:block;height:100%;padding:16px 18px;border:1px solid var(--zl-line);border-radius:16px;background:var(--zl-card);font:800 16px/1.4 Nunito,DM,sans-serif;color:var(--zl-ink);text-decoration:none;transition:border-color .2s}
.zg-more a:hover{border-color:var(--zl-z)}
.zg-more span{display:block;margin-top:4px;font:400 14px/1.5 DM,sans-serif;color:var(--zl-mute)}
.zg-sticky{position:sticky;bottom:12px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:14px;width:min(640px,calc(100% - 32px));margin:24px auto 0;padding:10px 10px 10px 20px;border-radius:40px;background:#1d1428f2;box-shadow:0 12px 30px #1d142840}
.zg-sticky p{margin:0;font-size:14px;line-height:1.35;color:#f7f3eb}
.zg-sticky .btn{flex:none;padding:11px 18px;font-size:14px}
@media(max-width:600px){
  .zg-steps li{padding:18px 18px 18px 62px}
  .zg-steps li:before{left:16px}
  .zg-plan{padding:22px}
  .zg-plan .btn{width:100%}
  .zg-sticky p{font-size:13px}
  .zg-hero-btns .btn{width:100%}
  .zg-sticky{width:calc(100% - 96px);margin:24px auto 0 16px;padding-left:16px}
}