:root{--ink:#1A1033;--muted:#6B6489;--sub:#3D3561;--bg:#F4F6FB;--line:#ECEAF4;--rosa:#E4007C;--azul:#1D4ED8;--naranja:#F97316;--verde:#16A34A;--verde2:#15803D;--morado:#7C3AED;--amarillo:#FACC15;--fusion:#A21CAF;--mariachi:#1F1F1F}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Nunito Sans',system-ui,sans-serif;font-size:15px;line-height:1.45}
h1,h2,.d{font-family:'Baloo 2',sans-serif;font-weight:800;line-height:1.08;margin:0}
button,input,select{font-family:'Nunito Sans',sans-serif}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--amarillo);outline-offset:2px}
.stripe{display:flex;height:6px}.stripe i{flex:1}
.stripe i:nth-child(1){background:var(--rosa)}.stripe i:nth-child(2){background:var(--azul)}.stripe i:nth-child(3){background:var(--naranja)}.stripe i:nth-child(4){background:var(--verde)}.stripe i:nth-child(5){background:var(--morado)}.stripe i:nth-child(6){background:var(--amarillo)}
.ej{background:#FEF3C7;color:#92400E;border-radius:8px;padding:3px 9px;font-weight:800;font-size:12px}
.card{background:#fff;border-radius:18px;padding:16px}
.muted{color:var(--muted)}
/* teléfono */
.phone{max-width:430px;margin:0 auto;min-height:100vh;background:var(--bg);display:flex;flex-direction:column}
@media (min-width:600px){.phone{margin:24px auto;min-height:0;border-radius:28px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(26,16,51,.5)}}
.ph-top{color:#fff;padding:16px 16px 14px;display:flex;flex-direction:column;gap:4px}
.ph-top .row{display:flex;justify-content:space-between;align-items:center}
.ph-top a{color:#fff;font-weight:800;text-decoration:none;font-size:14px}
.ph-top .t{font-size:26px}
.ph-body{padding:14px 16px 20px;display:flex;flex-direction:column;gap:12px}
.ej2{background:var(--amarillo);color:var(--ink);border-radius:6px;padding:2px 8px;font-weight:800;font-size:12px}
.btn{border:0;border-radius:12px;padding:10px 14px;font-weight:800;font-size:15px;min-height:44px}
.btn.rosa{background:var(--rosa);color:#fff}.btn.verde{background:var(--verde);color:#fff}.btn.naranja{background:var(--naranja);color:var(--ink)}
.btn.line{background:#fff;border:2px solid var(--azul);color:var(--azul)}.btn.line.v{border-color:var(--verde);color:var(--verde2)}
.pill{border-radius:999px;padding:3px 10px;font-weight:800;font-size:12px;white-space:nowrap}
.kv{display:flex;justify-content:space-between;gap:10px}
.back-site{display:block;text-align:center;padding:14px;font-weight:800;color:var(--azul)}
/* escritorio */
.desk{max-width:1280px;margin:0 auto;padding:24px 20px 40px;display:flex;flex-direction:column;gap:18px}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.tile{background:#fff;border-radius:18px;padding:16px 18px;border-top:6px solid}
.tile .l{font-weight:700;color:var(--muted)}.tile .v{font-family:'Baloo 2',sans-serif;font-weight:800;font-size:34px;line-height:1.1}.tile .s{font-size:13px;color:var(--muted)}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}
.scroll{overflow-x:auto}