/* CÓMO FUNCIONA LA PRUEBA (1 oct 2026). Sección de contratar.html que explica
   el modelo antes del botón de pago: tres tareas para las primeras 48 horas,
   la regla en panel noche y tres compromisos. Sin tipografía mono ni versales
   (petición del dueño). Verde: el mismo de las píldoras de pricing.css. */
.prueba{padding-block:clamp(8px,2vw,24px) clamp(40px,6vw,72px)}
.prueba h2{font-weight:var(--fw-light);font-size:clamp(26px,3.4vw,38px);letter-spacing:var(--ls-heading);line-height:1.1;margin:0 0 8px;color:var(--text-strong)}
.prueba h2 .gh{color:#8E8E8E;font-weight:inherit}
.prueba-regla h2 .gh{color:rgba(255,255,255,.55)}
.prueba-sub{margin:0 0 24px;color:var(--text-body);font-size:var(--fs-body);max-width:600px}
.prueba-tareas{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:700px){.prueba-tareas{grid-template-columns:repeat(3,1fr)}}
.prueba-tarea{background:var(--surface-page,#fff);border:1px solid var(--border-default);border-radius:18px;padding:22px 20px 20px;margin:0}
.prueba-tarea .chk{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:rgba(15,164,122,.1);color:#0B6B50;margin-bottom:16px}
.prueba-tarea .chk svg{width:16px;height:16px}
.prueba-tarea h3{margin:0 0 6px;font-size:17px;font-weight:var(--fw-medium);letter-spacing:-.01em;line-height:1.3;color:var(--text-strong)}
.prueba-tarea p{margin:0;font-size:14.5px;color:var(--text-body);line-height:1.5}
.prueba-tarea .t{display:block;margin-top:12px;font-size:13px;color:var(--text-muted)}

.prueba-regla{margin:40px 0 0;background:#0A0A0A;color:#fff;border-radius:26px;padding:34px 22px 30px}
@media (min-width:700px){.prueba-regla{padding:48px 52px 44px}}
.prueba-regla h2{color:#fff}
.prueba-regla .prueba-sub{color:rgba(255,255,255,.72);margin-bottom:34px}
.prueba-linea{position:relative;display:grid;grid-template-columns:1fr;padding-left:30px}
@media (min-width:700px){.prueba-linea{grid-template-columns:repeat(3,1fr);gap:18px;padding-left:0;padding-top:34px}}
.prueba-linea::before{content:"";position:absolute;background:#262624;left:9px;top:8px;bottom:8px;width:2px}
@media (min-width:700px){.prueba-linea::before{left:0;right:0;top:10px;bottom:auto;height:2px;width:auto}}
.prueba-linea .traza{position:absolute;background:#0FA47A;left:9px;top:8px;width:2px;height:0;transition:height 1.6s var(--ease-out) .2s}
@media (min-width:700px){.prueba-linea .traza{left:0;top:10px;height:2px;width:0;transition:width 1.6s var(--ease-out) .2s}}
.prueba-linea.on .traza{height:44%}
@media (min-width:700px){.prueba-linea.on .traza{height:2px;width:36%}}
.prueba-linea .hito{position:relative;padding:0 0 26px}
@media (min-width:700px){.prueba-linea .hito{padding:0}}
.prueba-linea .hito::before{content:"";position:absolute;left:-30px;top:4px;width:20px;height:20px;border-radius:50%;background:#0A0A0A;border:2px solid #8a8a86;box-sizing:border-box}
@media (min-width:700px){.prueba-linea .hito::before{left:0;top:-34px}}
.prueba-linea .hito.ok::before{border-color:#0FA47A;background:#0FA47A}
.prueba-linea .cuando{margin:0 0 4px;font-size:13px;color:#8a8a86}
.prueba-linea h3{margin:0 0 6px;font-size:18px;font-weight:var(--fw-medium);letter-spacing:-.01em;line-height:1.25;color:#fff}
.prueba-linea p{margin:0;font-size:14.5px;color:rgba(255,255,255,.78);line-height:1.5}
.prueba-linea .tag{display:inline-block;margin-top:10px;font-size:13px;font-weight:var(--fw-medium);color:#2fc698}
.prueba-calc{margin:30px 0 0;border-top:1px solid #262624;padding-top:16px}
.prueba-calc summary{cursor:pointer;list-style:none;font-size:14.5px;color:rgba(255,255,255,.78);display:flex;align-items:center;gap:8px}
.prueba-calc summary::-webkit-details-marker{display:none}
.prueba-calc summary::before{content:"+";display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;border:1px solid #3a3a38;border-radius:50%;font-size:13px}
.prueba-calc[open] summary::before{content:"–"}
.prueba-calc p{margin:12px 0 0;font-size:14.5px;color:rgba(255,255,255,.78);max-width:620px;line-height:1.55}

.prueba-fe{display:grid;grid-template-columns:1fr;gap:18px 28px;margin:40px 0 0}
@media (min-width:700px){.prueba-fe{grid-template-columns:repeat(3,1fr)}}
.prueba-fe>div{display:flex;gap:12px;align-items:flex-start}
.prueba-fe svg{flex:none;width:22px;height:22px;color:#0FA47A;margin-top:2px}
.prueba-fe h3{margin:0 0 3px;font-size:15.5px;font-weight:var(--fw-medium);color:var(--text-strong)}
.prueba-fe p{margin:0;font-size:14px;color:var(--text-body);line-height:1.5}
.prueba-fe a{color:var(--text-strong);text-decoration:underline;text-underline-offset:3px}
@media (prefers-reduced-motion: reduce){.prueba-linea .traza{transition:none}.prueba-linea.on .traza{height:44%}}