/* Web pública: páginas de solución, visuales de ejemplo y secciones nuevas de la home */
.sol-hero{max-width:1180px;margin:0 auto;padding:clamp(1.6rem,4vw,3.4rem) clamp(1rem,4vw,2.5rem);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(1.4rem,4vw,3rem);align-items:center}
.sol-copy .lead{margin-left:0} .sol-copy .hero-cta{justify-content:flex-start} .sol-copy .trust{justify-content:flex-start}
.sol-vis{display:flex;justify-content:center} .sol-prob{margin:.4rem 0 0;max-width:68ch}
.steps-5{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.nota{background:var(--warn-l);border:1px solid #F0DDA6;border-left:5px solid var(--yellow);border-radius:var(--r);padding:1rem 1.2rem} .nota ul{margin:.2rem 0;padding-left:1.1rem} .nota li{margin:.45rem 0}
.card-link{text-decoration:none;color:inherit} .card-link:hover{border-color:var(--cyan)} .card-link .more{margin-top:auto;color:var(--cyan-d);font-weight:700}
/* secciones «escaparate» de la home */
.show{max-width:1180px;margin:0 auto;padding:clamp(1.8rem,5vw,3.6rem) clamp(1rem,4vw,2.5rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.4rem,4vw,3.2rem);align-items:center}
.show.rev .show-vis{order:-1} .show h2{margin-top:0} .show .btn{margin-top:.4rem} .show-vis{display:flex;justify-content:center}
.band-wide{max-width:none;padding-inline:0} .band-wide.band-soft{background:linear-gradient(180deg,#fff,var(--cyan-l) 140%);border-block:1px solid var(--line-2)}
.stat-strip{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:.9rem;max-width:1180px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem)}
.stat-strip li{background:#fff;border:1px solid var(--line);border-left:4px solid var(--cyan);border-radius:var(--r);padding:.9rem 1rem} .stat-strip b{display:block;font-size:1.5rem;line-height:1.1;color:var(--ink)} .stat-strip span{color:var(--ink-3);font-size:.9rem}
.chips-cloud{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:1rem 0 0} .chips-cloud li{padding:.4rem .8rem;border:1.5px solid var(--line);border-radius:999px;background:#fff;font-weight:600;font-size:.92rem;color:var(--ink-2)}
.ciclo{max-width:1180px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem)}
/* visuales de ejemplo */
.mock-fig{margin:0;width:100%;max-width:430px} .mock-fig figcaption{margin-top:.5rem;text-align:center;font-size:.78rem;color:var(--ink-3)}
.mock{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 40px rgba(15,39,64,.14),0 2px 0 var(--yellow);padding:1.1rem 1.2rem;font-size:.88rem;color:var(--ink);transform:rotate(-1deg)}
.mock-h{display:flex;justify-content:space-between;gap:.6rem;align-items:center;margin-bottom:.7rem;padding-bottom:.6rem;border-bottom:1px solid var(--line-2)}
.mini{display:inline-block;padding:.12rem .55rem;border-radius:999px;background:var(--cyan-l);color:var(--cyan-d);font-size:.72rem;font-weight:800;white-space:nowrap} .mini-ok{background:var(--ok-l);color:var(--ok)} .mini-warn{background:var(--warn-l);color:var(--warn)} .mini-err{background:var(--err-l);color:var(--err)}
.mock-t{margin:.2rem 0 .6rem;font-weight:800;font-size:.8rem;letter-spacing:.02em}
.bar{display:block;height:8px;border-radius:4px;background:#E3EAF1;margin:.45rem 0} .w90{width:90%}.w85{width:85%}.w80{width:80%}.w75{width:75%}.w60{width:60%}
.mock-lines{display:flex;justify-content:space-between;gap:.6rem;padding:.5rem .6rem;margin:.6rem 0;background:var(--bg);border-radius:8px;font-size:.82rem}
.mock-sign{margin-top:.8rem;color:var(--cyan-d);text-align:center} .mock-sign svg{display:block;width:70%;max-width:210px;height:auto;margin:0 auto} .mock-sign small{display:block;color:var(--ink-3);font-size:.74rem;margin-top:.1rem} .mock-sign-s svg{width:55%}
.mock-f{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin-top:.8rem;padding-top:.6rem;border-top:1px dashed var(--line);color:var(--ink-3);font-size:.74rem}
.mock-row{display:flex;align-items:center;gap:.6rem;padding:.55rem 0;border-bottom:1px solid var(--line-2)} .mock-row:last-of-type{border-bottom:0}
.mock-pin{flex:none;width:1.9rem;height:1.9rem;border-radius:50%;display:grid;place-items:center;background:var(--cyan-l);color:var(--cyan-d)} .mock-pin svg{width:1rem;height:1rem}
.mock-rt{flex:1;min-width:0;display:flex;flex-direction:column} .mock-rt b{font-size:.86rem} .mock-rt small{color:var(--ink-3);font-size:.74rem}
.mock-label{text-align:center;border:2px dashed var(--ink-4);transform:rotate(1deg);max-width:300px;margin:0 auto} .mock-q{margin:.2rem 0;font-weight:800;font-size:1.05rem} .mock-label small{display:block;color:var(--ink-3)} .mock-label b{display:block;margin-top:.5rem}
.mock-qr{background:#fff;padding:.5rem;border-radius:8px;margin:.7rem auto;width:min(100%,170px)} .mock-qr svg{display:block;width:100%;height:auto} .mock-qr-s{width:96px;margin:0;flex:none}
.mock-photos{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.4rem} .ph{position:relative;aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#6B8199,#2B4A68)} .ph-b{background:linear-gradient(135deg,#0077C8,#00A3D9)} .ph em{position:absolute;left:.4rem;bottom:.35rem;font-style:normal;font-size:.7rem;font-weight:800;color:#fff;background:rgba(15,39,64,.65);padding:.05rem .45rem;border-radius:99px}
.ph::before{content:"";position:absolute;left:16%;right:16%;top:34%;height:30%;border:3px solid rgba(255,255,255,.75);border-radius:4px} .ph-a::before{border-style:dashed;opacity:.5}
.mock-amount{font-size:1.9rem;font-weight:800;margin:.1rem 0 .6rem} .mock-paygrid{display:flex;gap:.8rem;align-items:center} .mock-iban{display:flex;flex-direction:column;min-width:0} .mock-iban small{color:var(--ink-3);font-size:.7rem;margin-top:.25rem} .mock-iban .mono{font-size:.75rem;overflow-wrap:anywhere}
.mock-btn{display:block;margin-top:.8rem;text-align:center;padding:.55rem;border-radius:10px;background:var(--cyan);color:#fff;font-weight:800;box-shadow:0 3px 0 var(--cyan-d)}
.mock-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.5rem} .mock-kpis div{background:var(--bg);border-radius:8px;padding:.5rem .55rem} .mock-kpis small{display:block;color:var(--ink-3);font-size:.68rem} .mock-kpis b{font-size:1.05rem}
@media (max-width:860px){.sol-hero,.show{grid-template-columns:minmax(0,1fr)} .show.rev .show-vis{order:0} .sol-copy .hero-cta,.sol-copy .trust{justify-content:flex-start} .mock{transform:none}}
@media (prefers-reduced-motion:no-preference){.mock{transition:transform .3s ease} .mock:hover{transform:rotate(0) translateY(-3px)}}
/* los visuales nunca fuerzan el ancho de la página: el contenido interno se adapta */
.sol-copy,.sol-vis,.show-txt,.show-vis{min-width:0} .mock{overflow:hidden;max-width:100%} .mock-row .mini{white-space:normal;text-align:center;max-width:46%} .mock-h{flex-wrap:wrap} .mock-h strong{min-width:0;overflow-wrap:anywhere}