/* Pascal Web · página del servicio. Se apoya en el sistema PascalIA de /mesaviva/mesaviva.css. */
.logo-icon.flor{width:40px;height:40px}

/* Hero */
.pw-hero{position:relative;overflow:hidden;padding:clamp(56px,9vw,120px) 0 clamp(64px,9vw,112px);background:radial-gradient(900px 500px at 50% 0%,var(--cream),transparent 70%)}
.pw-hero-flor{position:absolute;width:min(720px,120vw);height:min(720px,120vw);left:50%;top:-18%;transform:translateX(-50%);opacity:.12;animation:pw-gira 120s linear infinite;pointer-events:none}
@keyframes pw-gira{to{transform:translateX(-50%) rotate(360deg)}}
.pw-hero-in{position:relative;text-align:center;max-width:920px}
.pw-hero h1{font-weight:800;font-size:clamp(2.6rem,6.4vw,4.75rem);line-height:1.04;letter-spacing:-.025em}
.pw-sub{margin:24px auto 0;max-width:62ch;font-size:clamp(1.0625rem,1.6vw,1.25rem);color:var(--muted)}
.pw-inc{list-style:none;padding:0;margin:40px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.pw-inc li{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--gray);font-weight:500;font-size:.95rem}
.pw-inc svg,.pw-claro svg{width:18px;height:18px;color:var(--graphite);flex:none}
.pw-inc svg{background:var(--yellow);border-radius:50%;padding:2px}

/* Encabezados de sección */
.pw-head{max-width:760px;margin-bottom:clamp(36px,5vw,56px)}
.pw-head p{margin-top:14px;color:var(--muted);font-size:1.1rem}

/* Ejemplos */
.pw-ejemplos{padding:clamp(72px,9vw,104px) 0;background:var(--cream)}
.pw-demo{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(28px,5vw,64px);align-items:center;margin-top:clamp(40px,6vw,72px)}
.pw-demo-r .pw-win{order:2}
.pw-win{display:block;text-decoration:none;border-radius:22px;overflow:hidden;background:var(--d-bg);color:var(--d-ink);box-shadow:0 30px 60px -30px rgba(31,31,31,.45),0 0 0 1px rgba(31,31,31,.08);transform:perspective(1400px) rotateY(var(--ry,-4deg)) rotateX(2deg);transition:transform .7s var(--ease),box-shadow .7s var(--ease)}
.pw-demo-r .pw-win{--ry:4deg}
.pw-win:hover,.pw-win:focus-visible{transform:none;box-shadow:0 40px 70px -30px rgba(31,31,31,.5),0 0 0 1px rgba(31,31,31,.08)}
.pw-bar{display:flex;align-items:center;gap:6px;padding:12px 16px;background:rgba(127,127,127,.14)}
.pw-bar i{width:10px;height:10px;border-radius:50%;background:currentColor;opacity:.25}
.pw-bar b{margin-left:12px;font:500 .8rem var(--f-body);opacity:.7}
.pw-shot{display:grid;gap:22px;padding:clamp(24px,5vw,48px);min-height:clamp(260px,32vw,380px);align-content:center}
.s-h{display:block;font-size:clamp(1.7rem,3.6vw,2.9rem);font-weight:800;line-height:1;letter-spacing:-.03em;max-width:15ch}
.s-h em{color:var(--d-acc)}
.pw-shot-rest .s-h em{font-weight:500}
.s-row{display:flex;gap:10px;flex-wrap:wrap}
.s-btn{padding:10px 18px;border-radius:999px;background:var(--d-acc);color:var(--d-bg);font:600 .85rem var(--f-body)}
.pw-shot-bar .s-btn{color:#1A1205}
.pw-shot-odo .s-btn{border-radius:12px;color:#fff}
.s-btn.o{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
.s-list,.s-split{display:grid;gap:0;font:500 .9rem var(--f-body);max-width:420px}
.s-list span,.s-split span{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid color-mix(in srgb,currentColor 18%,transparent)}
.s-split b{color:#9BE3A8}.s-split b.p{color:var(--d-acc)}
.s-slots{display:flex;gap:8px;flex-wrap:wrap}
.s-slots span{padding:8px 14px;border-radius:999px;box-shadow:inset 0 0 0 1px #D3E2DF;background:#fff;font:600 .85rem var(--f-body)}
.s-slots .on{background:var(--d-acc);color:#fff;box-shadow:none}
.pw-demo-tx h3{font-size:clamp(1.4rem,2.4vw,1.9rem)}
.pw-demo-tx>p{margin-top:10px;color:var(--muted)}
.pw-feat{list-style:none;padding:0;margin:20px 0 26px;display:grid;gap:10px}
.pw-feat li{position:relative;padding-left:26px}
.pw-feat li::before{content:"";position:absolute;left:0;top:.5em;width:12px;height:12px;border-radius:50%;background:var(--d-acc)}
@media (max-width:860px){.pw-demo{grid-template-columns:1fr}.pw-demo-r .pw-win{order:0}.pw-win,.pw-demo-r .pw-win{transform:none}}

/* Cómo trabajamos */
.pw-como{padding:clamp(72px,9vw,104px) 0}
.pw-pasos{list-style:none;padding:0;margin:clamp(32px,5vw,52px) 0 0;display:grid;grid-template-columns:repeat(4,1fr);counter-reset:p;position:relative}
.pw-pasos::before{content:"";position:absolute;left:0;right:0;top:22px;height:2px;background:var(--gray)}
.pw-pasos li{position:relative;padding:64px 24px 0 0;counter-increment:p}
.pw-pasos li::before{content:counter(p);position:absolute;top:0;left:0;width:46px;height:46px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;font:800 1.1rem var(--f-head);box-shadow:0 0 0 8px #fff}
.pw-pasos h3{font-size:1.35rem}
.pw-pasos p{margin-top:8px;color:var(--muted)}
@media (max-width:860px){.pw-pasos{grid-template-columns:1fr;gap:28px}.pw-pasos::before{left:22px;right:auto;top:0;bottom:0;width:2px;height:auto}.pw-pasos li{padding:4px 0 0 70px}}
.pw-mv{display:flex;gap:20px;align-items:center;margin-top:clamp(40px,6vw,64px);padding:24px clamp(20px,4vw,32px);border-radius:24px;background:var(--cream);box-shadow:inset 0 0 0 1px var(--cream-line,#F3E7BE)}
.pw-mv img{width:56px;height:56px;flex:none;border-radius:14px}
.pw-mv p{max-width:70ch}

/* Planes */
.pw-planes{padding:clamp(72px,9vw,104px) 0;background:var(--cream)}
.pw-tabla{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.pw-plan{background:#fff;border-radius:24px;padding:32px 28px;box-shadow:inset 0 0 0 1px var(--gray),var(--shadow-card);display:flex;flex-direction:column}
.pw-plan h3{font-size:1.5rem}
.pw-para{color:var(--muted);margin-top:6px}
.pw-precio{margin-top:22px;display:flex;flex-direction:column}
.pw-precio b{font:800 clamp(2rem,3.4vw,2.6rem)/1 var(--f-head);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pw-precio span{color:var(--muted);font-size:.9rem;margin-top:6px}
.pw-mes{margin-top:14px;padding:10px 14px;border-radius:14px;background:var(--cream);font-size:.95rem}
.pw-mes b{font-variant-numeric:tabular-nums}
.pw-plan ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px;font-size:.98rem}
.pw-plan li{position:relative;padding-left:24px}
.pw-plan li::before{content:"";position:absolute;left:2px;top:.45em;width:12px;height:7px;border-left:2.5px solid var(--graphite);border-bottom:2.5px solid var(--graphite);transform:rotate(-45deg)}
.pw-plan-top{background:var(--graphite);color:#fff;box-shadow:var(--shadow-lift);transform:translateY(-12px)}
.pw-plan-top h3,.pw-plan-top .pw-precio b{color:#fff}
.pw-plan-top .pw-para,.pw-plan-top .pw-precio span{color:#D6D6D6}
.pw-plan-top .pw-mes{background:rgba(255,193,7,.16);color:#fff}
.pw-plan-top li::before{border-color:var(--yellow)}
@media (max-width:960px){.pw-tabla{grid-template-columns:1fr;max-width:560px}.pw-plan-top{transform:none}}
.pw-claro{list-style:none;padding:0;margin:36px 0 0;display:grid;gap:12px;color:var(--graphite)}
.pw-claro li{display:flex;gap:12px;align-items:flex-start}
.pw-claro svg{margin-top:4px}
.faq-head{align-self:start}
