/* CyV — componentes de las páginas de servicio (enfoque de venta). Requiere style.css */
.todo{font-family:"JetBrains Mono",Menlo,monospace;font-size:11px;color:#9a6a00;background:#fdf2df;border:1px dashed #e0bd76;border-radius:6px;padding:2px 7px;display:inline-block;white-space:nowrap}
.s-hero{padding-top:clamp(44px,6vw,72px);text-align:center}
.s-hero h1{max-width:20ch;margin:0 auto}
.s-hero .lead{max-width:60ch;margin:18px auto 0}
.s-hero .btn-row{margin-top:28px;justify-content:center}
.s-note{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:22px;font-size:13px;color:var(--muted)}
.s-note span{display:flex;align-items:center;gap:7px}
.s-note i{width:5px;height:5px;border-radius:50%;background:var(--green);font-style:normal;flex:none}
.s-visual{margin-top:clamp(32px,5vw,56px)}
/* problema */
.prob{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.prob article{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff;display:flex;flex-direction:column}
.prob .p{padding:22px 22px 20px;border-bottom:1px solid var(--line2)}
.prob .p h3{font-size:18px;margin:0 0 8px}
.prob .p p{margin:0;font-size:14.5px;line-height:1.55;color:var(--ink2)}
.prob .a{padding:18px 22px 22px;background:#ecf3fe;flex:1}
.prob .a b{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue-d);margin-bottom:7px;font-family:"JetBrains Mono",Menlo,monospace;font-weight:500}
.prob .a p{margin:0;font-size:14.5px;line-height:1.55;color:#123c73}
.prob .ico{width:34px;height:34px;border-radius:9px;background:#fceceb;color:var(--red);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.prob .ico svg{width:18px;height:18px}
/* caso */
.caso{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(22px,3.5vw,40px)}
.caso blockquote{margin:0;font-size:clamp(19px,2.2vw,25px);line-height:1.35;letter-spacing:-.02em;font-weight:500;color:var(--ink);text-wrap:pretty}
.caso .who{margin-top:18px;font-size:13.5px;color:var(--muted)}
.caso .res{display:grid;gap:12px}
.caso .res div{border-left:2px solid var(--blue);padding:4px 0 4px 16px}
.caso .res b{display:block;font-size:20px;font-weight:600;letter-spacing:-.025em;line-height:1.1}
.caso .res span{display:block;font-size:13px;color:var(--muted);margin-top:4px}
/* pasos */
.pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.paso{border-top:2px solid var(--blue);padding-top:20px}
.paso b{font-family:"JetBrains Mono",Menlo,monospace;font-size:12px;color:var(--blue);letter-spacing:.08em;display:block;margin-bottom:10px}
.paso h3{font-size:19px;margin:0 0 8px}
.paso p{margin:0;font-size:14.5px;line-height:1.55;color:var(--ink2)}
.sec-dark .paso{border-top-color:var(--blue-l)}
.sec-dark .paso b{color:var(--blue-l)}
.sec-dark .paso p{color:rgba(255,255,255,.7)}
/* para quién */
.quien{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.quien div{border:1px solid var(--line);border-radius:var(--r);padding:18px;background:#fff}
.quien b{display:block;font-size:15.5px;font-weight:600;letter-spacing:-.015em;margin-bottom:5px}
.quien span{display:block;font-size:13.5px;color:var(--ink2);line-height:1.5}
/* confianza */
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.trust div{background:#fff;padding:22px 20px}
.trust b{display:block;font-size:clamp(24px,3vw,34px);font-weight:600;letter-spacing:-.03em;line-height:1}
.trust span{display:block;font-size:13px;color:var(--muted);margin-top:8px}
/* faq */
.faq{max-width:820px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:20px 0;font-size:17px;font-weight:600;letter-spacing:-.015em;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:11px;height:11px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);flex:none;margin-right:4px;transition:transform .15s}
.faq details[open] summary::after{transform:rotate(-135deg)}
.faq .ans{padding:0 0 22px;max-width:68ch}
.faq .ans p{margin:0;font-size:15px;line-height:1.6;color:var(--ink2)}
/* cierre */
.cierre{display:grid;grid-template-columns:1fr 420px;gap:clamp(28px,5vw,64px);align-items:start}
.cierre .lead{margin-top:16px}
.cierre .btn-row{margin-top:26px}
.gar{display:flex;gap:13px;align-items:flex-start;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);padding:18px;margin-top:26px}
.gar svg{width:20px;height:20px;color:#6ee7a4;flex:none;margin-top:2px}
.gar b{display:block;color:#fff;font-size:15px;margin-bottom:4px}
.gar p{margin:0;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.7)}
.datos{display:flex;flex-wrap:wrap;gap:26px;margin-top:26px;font-size:14px;color:rgba(255,255,255,.72)}
.datos b{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-family:"JetBrains Mono",Menlo,monospace;font-weight:500;margin-bottom:5px;color:rgba(255,255,255,.5)}
.datos a{color:#fff}
.sec-dark .form-card{background:#fff;border:1px solid var(--line);color:var(--ink)}
.sec-dark .form-card h3{color:var(--ink);font-size:19px;margin-bottom:6px}
.sec-dark .form-card .small{color:var(--muted);margin-bottom:20px}
.sec-dark .form-card .field label{color:var(--ink2)}
.sec-dark .form-card .form-note{color:var(--muted)}
@media(max-width:1000px){.prob,.pasos{grid-template-columns:repeat(2,1fr)}.quien,.trust{grid-template-columns:repeat(2,1fr)}.caso,.cierre{grid-template-columns:1fr}}
@media(max-width:720px){.prob,.pasos,.quien{grid-template-columns:1fr}}

.s-photo{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:21/9;max-height:460px;background:var(--bg2);border:1px solid var(--line)}
.s-photo img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:720px){.s-photo{aspect-ratio:4/3}}

/* control de horario */
.price .todo{font-size:.48em;vertical-align:middle;padding:4px 10px}
.ch-hero{display:grid;grid-template-columns:1.1fr auto;gap:clamp(24px,4vw,56px);align-items:center}
.ch-hero-mock{display:flex;justify-content:center}
.ch-pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ch-paso>b{font-family:"JetBrains Mono",Menlo,monospace;font-size:12px;color:var(--blue);letter-spacing:.08em;display:block;margin:18px 0 8px}
.ch-paso>h3{font-size:19px;margin:0 0 8px}
.ch-paso>p{margin:0;font-size:14.5px;line-height:1.55;color:var(--ink2)}
.ch-shot{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px 16px;display:flex;justify-content:center}
@media(max-width:1000px){.ch-hero{grid-template-columns:1fr}.ch-hero-mock{justify-content:center}.ch-pasos{grid-template-columns:1fr;max-width:520px;margin:0 auto}}

.s-login{margin:14px 0 0;font-size:13.5px;color:var(--muted)}
.s-login a{color:var(--blue);font-weight:500}

.caso-solo{grid-template-columns:1fr}.caso-solo .res{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
@media(max-width:720px){.caso-solo .res{grid-template-columns:1fr}}
form[data-contact][hidden]{display:none!important}
.cierre:has(>form[hidden]){grid-template-columns:minmax(0,1fr)}.cierre:has(>form[hidden])>div{max-width:760px}