.demo-probar{padding-top:36px;padding-bottom:56px}.demo-probar-hero{max-width:760px}.demo-probar-hero h1{letter-spacing:-.02em;margin:6px 0 14px;font-size:clamp(30px,5vw,46px);line-height:1.08}.demo-probar-hero p{color:#475569;margin:0;font-size:17px;line-height:1.55}.demo-probar-pick{margin-top:34px}.demo-probar-pick h2{margin:26px 0 12px;font-size:18px}.demo-probar-count{color:#64748b;margin-left:8px;font-size:13px;font-weight:700}.demo-probar-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.demo-probar-card{text-align:left;cursor:pointer;font:inherit;color:#0f172a;background:#fff;border:1.5px solid #dbe4ef;border-radius:16px;flex-direction:column;gap:6px;padding:16px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.demo-probar-card:hover{border-color:#7dd3fc;transform:translateY(-1px)}.demo-probar-card.active{border-color:#007bff;box-shadow:0 0 0 3px #007bff26}.demo-probar-card strong{font-size:16px}.demo-probar-card small{color:#64748b;font-size:13px;line-height:1.4}.demo-probar-emoji{font-size:26px}.demo-probar-tag{color:#9a3412;background:#ffedd5;border-radius:999px;align-self:flex-start;margin-top:2px;padding:2px 8px;font-size:11px;font-weight:800}.demo-probar-actions{flex-wrap:wrap;gap:12px;display:flex}.demo-probar-actions button{cursor:pointer;font:inherit;border:0}.demo-probar-actions button:disabled{opacity:.7;cursor:wait}.demo-probar-note{color:#64748b;margin-top:12px;font-size:13px}.demo-probar-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:40px;display:grid}.demo-probar-steps article{background:#f3f8fd;border-radius:16px;padding:16px}.demo-probar-steps em{color:#007bff;font-size:13px;font-style:normal;font-weight:800}.demo-probar-steps strong{margin:6px 0 4px;display:block}.demo-probar-steps p{color:#475569;margin:0;font-size:14px;line-height:1.45}@media (width<=1080px){.demo-probar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=860px){.demo-probar-grid,.demo-probar-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-probar-card:last-child:nth-child(odd){grid-column:1/-1}}@media (width<=520px){.demo-probar{padding-top:22px}.demo-probar-hero p{font-size:15px}.demo-probar-grid{grid-template-columns:1fr 1fr;gap:8px}.demo-probar-card{padding:12px}.demo-probar-card small{display:none}.demo-probar-steps{grid-template-columns:1fr}.demo-probar-actions>*{text-align:center;flex:100%}}