/* ═══════════════════════════════════════════════════════════
   REDISEÑO v3 — VecinoCar (estilo profesional / BlaBlaCar vibe)
   Sobrescribe classes existentes; no elimina las otras vistas
   ═══════════════════════════════════════════════════════════ */
:root{--grn:#16a34a;--grn2:#22c55e;--grnw:#f0fdf4;--k:#0f172a;--mut2:#64748b;--line2:#e6eaf1;--bg:#f4f6fa;}
body{background:var(--bg);}
.nav{padding:.6rem .9rem;box-shadow:0 1px 0 rgba(15,23,42,.05);}
.topbar{position:sticky;top:0;z-index:45;background:#fff;border-bottom:1px solid var(--line2);display:flex;align-items:center;justify-content:space-between;padding:.65rem .9rem;gap:.6rem;}
.top-in{max-width:1024px;margin:0 auto;display:flex;align-items:center;gap:.7rem;width:100%;}
.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;}
.logo-badge{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#1d4ed8,#2563eb);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 10px rgba(29,78,216,.35);}
.logo-txt{font-family:'Syne',sans-serif;font-weight:800;font-size:1.02rem;color:var(--k);}
.zona-pill{display:inline-flex;align-items:center;gap:.35rem;background:#f1f5f9;border:1px solid var(--line2);color:#334155;padding:.3rem .65rem;border-radius:99px;font-size:.74rem;font-weight:700;cursor:pointer;flex-shrink:0;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.top-rt{display:flex;align-items:center;gap:.5rem;margin-left:auto;flex-shrink:0;}
.user-chip{display:flex;align-items:center;gap:.45rem;background:#fff;border:1px solid var(--line2);border-radius:99px;padding:.22rem .55rem .22rem .22rem;cursor:pointer;}
.user-chip b{font-size:.8rem;font-weight:700;color:var(--k);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.usermenu{position:absolute;top:56px;right:.7rem;background:#fff;border:1px solid var(--line2);border-radius:14px;box-shadow:0 12px 34px rgba(15,23,42,.16);overflow:hidden;z-index:60;min-width:230px;display:none;}
.usermenu a,.usermenu button{display:flex;align-items:center;gap:.55rem;width:100%;text-align:left;padding:.7rem .85rem;font-size:.84rem;font-weight:600;color:var(--k);text-decoration:none;background:#fff;border:none;cursor:pointer;font-family:'DM Sans',sans-serif;}
.usermenu a:hover,.usermenu button:hover{background:#f6f8fb;}
.usermenu .sep{border-top:1px solid var(--line2);margin:.15rem 0;}
.noti-btn{position:relative;background:#f1f5f9;border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;}

/* ── HERO (invitados) ── */
.hero2{background:linear-gradient(150deg,#1e3a8a 0%,#1d4ed8 55%,#2563eb 100%);color:#fff;padding:1.6rem 1rem 2.2rem;position:relative;overflow:hidden;}
.hero2::before{content:"🚗";position:absolute;right:-1.2rem;top:-1.6rem;font-size:8rem;opacity:.07;transform:rotate(-12deg);}
.hero2::after{content:"🚙";position:absolute;right:4.2rem;bottom:-2rem;font-size:6rem;opacity:.05;}
.hero-in{max-width:1024px;margin:0 auto;position:relative;z-index:1;}
.hero-kicker{display:inline-flex;gap:.35rem;align-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);border-radius:99px;padding:.22rem .7rem;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.8rem;}
.hero2 h1{font-family:'Syne',sans-serif;font-size:1.9rem;line-height:1.12;margin-bottom:.45rem;}
.hero2 h1 .hl{color:#fde68a;}
.hero-sub{color:rgba(255,255,255,.85);font-size:.88rem;max-width:560px;line-height:1.55;margin-bottom:1.1rem;}
.search-card{background:#fff;border-radius:16px;padding:.9rem;display:grid;grid-template-columns:1fr 38px 1fr;gap:.55rem;box-shadow:0 18px 46px rgba(15,23,42,.28);margin-bottom:.9rem;align-items:end;}
.search-card label{font-size:.66rem;font-weight:800;color:var(--mut2);text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:.3rem;}
.search-card input{background:#f6f8fb;border:1.5px solid transparent;border-radius:11px;padding:.68rem .8rem;font-size:.92rem;font-weight:600;color:var(--k);}
.search-card input:focus{background:#fff;border-color:var(--grn2);}
.btn-green{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--grn);color:#fff;padding:.62rem 1.1rem;border-radius:11px;font-weight:800;font-size:.86rem;border:none;cursor:pointer;text-decoration:none;transition:background .15s,transform .12s;}
.btn-green:hover{background:#15803d;transform:translateY(-1px);}
.btn-green.sm{padding:.48rem .7rem;font-size:.76rem;border-radius:9px;}
.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:#fff;border:1.5px solid var(--line2);color:var(--k);padding:.6rem 1.1rem;border-radius:11px;font-weight:700;font-size:.84rem;cursor:pointer;text-decoration:none;transition:background .15s,transform .12s;}
.btn-ghost:hover{background:#f6f8fb;transform:translateY(-1px);}
.btn-ghost.sm{padding:.48rem .7rem;font-size:.76rem;border-radius:9px;}
.btn-ghost.white{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35);color:#fff;}
.btn-ghost.white:hover{background:rgba(255,255,255,.2);}
.hero-ctas{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:.9rem;}
.hero-steps{display:flex;gap:.5rem;flex-wrap:wrap;color:rgba(255,255,255,.9);font-size:.78rem;font-weight:600;}
.hero-steps span{display:inline-flex;align-items:center;gap:.35rem;background:rgba(255,255,255,.12);border-radius:99px;padding:.3rem .7rem;}

/* ── Saludo logueado ── */
.greet{max-width:1024px;margin:0 auto;padding:1rem .9rem 0;}
.greet-in{background:#fff;border:1px solid var(--line2);border-radius:18px;padding:1rem 1.1rem;display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;box-shadow:0 2px 14px rgba(15,23,42,.05);}
.greet-ava{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid #dbeafe;background:#dbeafe;flex-shrink:0;}
.greet-txt{flex:1;min-width:200px;}
.greet-txt h1{font-family:'Syne',sans-serif;font-size:1.12rem;color:var(--k);}
.greet-txt p{font-size:.8rem;color:var(--mut2);margin-top:.1rem;}
.greet-cta{display:flex;gap:.5rem;flex-wrap:wrap;}

/* ── Dashboard stats ── */
.stats{max-width:1024px;margin:0 auto 1rem;padding:0 .9rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem;}
@media(min-width:640px){.stats{grid-template-columns:repeat(4,1fr);}}
.stat{background:#fff;border:1px solid var(--line2);border-radius:14px;padding:.8rem .9rem;}
.stat .s-val{font-size:1.02rem;font-weight:800;color:var(--k);display:block;line-height:1.2;}
.stat .s-val.g{color:var(--grn);}.stat .s-val.a{color:#b45309;}.stat .s-val.b{color:var(--blue);}
.stat .s-lbl{font-size:.7rem;color:var(--mut2);font-weight:600;display:block;margin-top:.15rem;}

/* ── Contenedor principal ── */
.wrap{max-width:1024px;margin:0 auto;padding:.9rem .9rem 6.5rem;}
.sec-h{display:flex;align-items:center;gap:.5rem;margin:1.15rem 0 .6rem;}
.sec-h .lbl{font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--mut2);}
.sec-h .ln{flex:1;height:1px;background:var(--line2);}

/* ── Tabs segmentadas ── */
.seg{display:grid;grid-template-columns:1fr 1fr;background:#eef1f6;border-radius:13px;padding:.3rem;gap:.3rem;margin-bottom:.8rem;}
.seg button{border:none;border-radius:10px;padding:.6rem;cursor:pointer;font-family:'Syne',sans-serif;font-weight:700;font-size:.82rem;background:transparent;color:var(--mut2);transition:all .15s;}
.seg button.on{background:#fff;color:var(--blue);box-shadow:0 2px 8px rgba(15,23,42,.08);}

/* ── Fila de filtros ── */
.filter-row{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:.3rem;margin-bottom:.6rem;scrollbar-width:none;}
.filter-row::-webkit-scrollbar{display:none;}
.finput{flex:0 0 auto;min-width:150px;}
.finput input{background:#fff;border:1.5px solid var(--line2);border-radius:10px;padding:.5rem .7rem;font-size:.82rem;font-weight:600;}
.finput input:focus{border-color:var(--blue);}

/* ── Cards de conductores ── */
.cond-grid{display:grid;grid-template-columns:1fr;gap:.55rem;}
@media(min-width:640px){.cond-grid{grid-template-columns:1fr 1fr;}}
.cond-card{background:#fff;border:1px solid var(--line2);border-radius:16px;padding:.85rem .8rem;display:flex;flex-direction:column;gap:.45rem;box-shadow:0 2px 10px rgba(15,23,42,.045);transition:box-shadow .18s,transform .16s;position:relative;overflow:hidden;}
.cond-card:hover{box-shadow:0 12px 30px rgba(15,23,42,.12);transform:translateY(-2px);}
.cond-card.sin-horario{border-style:dashed;opacity:.88;}
.cc-top{display:flex;align-items:center;gap:.55rem;}
.cc-ava{width:43px;height:43px;border-radius:50%;object-fit:cover;border:2px solid #dbeafe;background:#dbeafe;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;}
.cc-who{flex:1;min-width:0;}
.cc-name{font-weight:800;font-size:.88rem;color:var(--k);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cc-rating{display:flex;align-items:center;gap:.25rem;font-size:.73rem;font-weight:700;color:#b45309;margin-top:.05rem;}
.cc-rating .n{color:var(--mut2);font-weight:600;}
.cc-veh{font-size:.68rem;color:var(--mut2);font-weight:600;background:#f6f8fb;border-radius:7px;padding:.2rem .45rem;flex-shrink:0;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cc-route{font-weight:800;font-size:.9rem;color:var(--blue);display:flex;align-items:center;gap:.35rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cc-route .ar{color:var(--mut2);flex-shrink:0;}
.cc-days{display:grid;grid-template-columns:repeat(7,1fr);gap:.18rem;}
.cc-days .d{text-align:center;padding:.16rem .05rem;border-radius:6px;font-size:.58rem;font-weight:700;}
.cc-days .d.on{background:#dbeafe;color:var(--blue);}
.cc-days .d.off{background:#f3f4f6;color:#9ca3af;}
.cc-hours{display:flex;flex-wrap:wrap;gap:.25rem;}
.cc-hours .h{background:var(--grnw);color:#15803d;border:1px solid #bbf7d0;border-radius:99px;padding:.14rem .45rem;font-size:.68rem;font-weight:700;}
.cc-seats{font-size:.72rem;color:var(--mut2);font-weight:600;display:flex;align-items:center;gap:.3rem;}
.cc-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem;margin-top:auto;padding-top:.3rem;}
.cc-price{line-height:1.1;}
.cc-price b{font-size:1.05rem;color:var(--k);}
.cc-price span{display:block;font-size:.65rem;color:var(--mut2);font-weight:600;}
.cc-cta{display:flex;gap:.35rem;}

/* ── Badge destacado / por salir ── */
.cc-badge{display:flex;align-items:center;gap:.3rem;background:#fef9c3;border:1px solid #fde047;color:#854d0e;border-radius:8px;padding:.22rem .5rem;font-size:.66rem;font-weight:800;width:100%;justify-content:center;}
.cc-por{background:#f59e0b;color:#fff;animation:pulseRed 1.5s ease-in-out infinite;border:none;}

/* ── Solicitudes ── */
.scard{background:#fff;border:1px solid #fde68a;border-left:3px solid var(--amb);border-radius:14px;padding:.85rem;cursor:pointer;transition:box-shadow .15s;display:flex;flex-direction:column;gap:.3rem;}
.scard:hover{box-shadow:0 8px 22px rgba(15,23,42,.1);}
.sc-top{display:flex;align-items:center;gap:.55rem;}
.sc-top img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1.5px solid #fde68a;background:#fef3c7;flex-shrink:0;}
.sc-top b{font-size:.86rem;color:var(--k);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sc-route{font-weight:800;font-size:.88rem;color:#92400e;}
.sc-desc{font-size:.76rem;color:var(--mut2);}
.sc-cta{margin-top:.35rem;display:flex;gap:.4rem;}

/* ── Bloques acción (pedidos/ofertas/mis cupos) ── */
.action-block{background:#fff;border:1px solid var(--line2);border-radius:16px;padding:.9rem;margin-bottom:.8rem;}
.action-block h3{font-family:'Syne',sans-serif;font-size:.95rem;color:var(--k);display:flex;align-items:center;gap:.45rem;margin-bottom:.55rem;}
.ab-item{background:#f8fafc;border-radius:12px;padding:.7rem .8rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.6rem;}
.ab-item:last-child{margin-bottom:0;}
.ab-ava{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#eef1f6;}
.ab-info{flex:1;min-width:0;}
.ab-info b{font-size:.84rem;color:var(--k);display:block;}
.ab-info span{font-size:.73rem;color:var(--mut2);display:block;}
.ab-msg{background:#fef3c7;border-radius:8px;padding:.4rem .55rem;font-size:.75rem;color:#92400e;margin:.4rem 0 .5rem;width:100%;}
.ab-actions{display:flex;gap:.4rem;flex-shrink:0;}
.btn-ok{background:var(--grn);color:#fff;border:none;border-radius:9px;padding:.45rem .8rem;font-weight:800;font-size:.75rem;cursor:pointer;}
.btn-no{background:#fff;color:#dc2626;border:1.5px solid #fecaca;border-radius:9px;padding:.42rem .8rem;font-weight:800;font-size:.75rem;cursor:pointer;}
.pend-wrap{display:flex;flex-direction:column;}
.tit-sec{font-family:'Syne',sans-serif;font-weight:700;font-size:.95rem;display:flex;align-items:center;gap:.5rem;justify-content:space-between;padding:.35rem .1rem;}

/* ── Barra inferior (móvil) ── */
.btm{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line2);display:flex;gap:.5rem;padding:.55rem .8rem calc(.55rem + env(safe-area-inset-bottom));z-index:55;max-width:1024px;margin:0 auto;}
.btm a,.btm button{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem;border-radius:11px;font-weight:800;font-size:.8rem;text-decoration:none;cursor:pointer;border:none;}

/* ── Modales más suaves ── */
.mbg{backdrop-filter:blur(3px);}
.msh{border-radius:22px 22px 0 0;box-shadow:0 -12px 40px rgba(15,23,42,.18);animation:vcPop .28s ease-out;max-height:92vh;overflow-y:auto;}
.pi{border-radius:99px;}
.pill-grn{background:var(--grnw);color:#15803d;border:1px solid #bbf7d0;}

/* ── Mensajes ── */
.aok{border-radius:12px;}
.aw{border-radius:12px;}
.toast-new{position:fixed;bottom:5.4rem;left:50%;transform:translateX(-50%);background:var(--blue);color:#fff;padding:.6rem 1.2rem;border-radius:99px;font-size:.82rem;font-weight:700;z-index:999;white-space:nowrap;box-shadow:0 8px 24px rgba(15,23,42,.25);}

/* ── Toasts ── */
.vc-toast{position:fixed;bottom:5.6rem;left:50%;transform:translateX(-50%) translateY(16px);display:flex;align-items:center;gap:.55rem;background:#111827;color:#fff;padding:.6rem 1.1rem .6rem .7rem;border-radius:99px;font-size:.82rem;font-weight:700;z-index:999;box-shadow:0 10px 30px rgba(0,0,0,.35);opacity:0;transition:opacity .3s,transform .3s;max-width:calc(100vw - 2rem);pointer-events:none;}
.vc-toast.in{opacity:1;transform:translateX(-50%) translateY(0);}
.vc-toast-ic{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;flex-shrink:0;font-weight:800;}
.vc-toast-ok .vc-toast-ic{background:#22c55e;}
.vc-toast-err .vc-toast-ic{background:#dc2626;}
.vc-toast-info .vc-toast-ic{background:#3b82f6;}
.vc-toast-wa .vc-toast-ic{background:#f59e0b;}
.vc-toast-tx{white-space:normal;line-height:1.35;}

/* ── Confirmación custom ── */
.vc-confirm{background:#fff;border-radius:20px;padding:1.4rem 1.3rem 1.1rem;width:min(340px,calc(100vw - 2.4rem));text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.3);}
.vc-confirm-ic{font-size:2.2rem;margin-bottom:.5rem;}
.vc-confirm-msg{font-size:.95rem;font-weight:700;color:var(--k);line-height:1.45;margin-bottom:1.1rem;}
.vc-confirm-acts{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;}
.vc-confirm-acts button{border:none;border-radius:11px;padding:.65rem;font-weight:800;font-size:.85rem;cursor:pointer;font-family:'DM Sans',sans-serif;transition:transform .12s;}
.vc-confirm-acts button:active{transform:scale(.97);}
.vc-confirm-no{background:#f1f5f9;color:#334155;}
.vc-confirm-yes{background:var(--blue);color:#fff;}
.vc-confirm-yes.danger{background:#dc2626;}
.vc-confirm-wrap{backdrop-filter:blur(3px);}

/* ── Skeleton loading ── */
.vc-sk{position:relative;overflow:hidden;background:#eef1f6;border-radius:8px;min-height:1rem;}
.vc-sk::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:vcShimmer 1.3s infinite;}
@keyframes vcShimmer{100%{transform:translateX(100%);}}

/* ── Foco visible accesible ── */
:focus-visible{outline:3px solid #60a5fa;outline-offset:2px;border-radius:6px;}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #60a5fa;outline-offset:2px;border-radius:6px;}

/* ── Scroll a tabs con margen ── */
#tabWrap{scroll-margin-top:70px;}

/* ═══════════════════════════════════════════════════════════
   REESTRENO v3.1 — pulido visual (cara renovada)
   ═══════════════════════════════════════════════════════════ */
/* Animación de entrada suave */
@keyframes vcFadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes vcPop{0%{transform:scale(.94);opacity:0}100%{transform:scale(1);opacity:1}}
.hero2{animation:vcFadeUp .45s ease-out;}
.greet-in{animation:vcFadeUp .35s ease-out;}
.cond-card{animation:vcFadeUp .4s ease-out backwards;}
.cond-card:nth-child(2){animation-delay:.05s}
.cond-card:nth-child(3){animation-delay:.1s}
.cond-card:nth-child(4){animation-delay:.15s}
.cond-card:nth-child(5){animation-delay:.2s}
.cond-card:nth-child(6){animation-delay:.25s}
.scard{animation:vcFadeUp .35s ease-out backwards;}
@media (prefers-reduced-motion:reduce){.cond-card,.scard,.hero2,.greet-in{animation:none}}

/* Hero: brillo premium + textura */
.hero2::before{content:"";position:absolute;inset:0;background:
  radial-gradient(600px 220px at 85% -10%,rgba(255,255,255,.16),transparent 60%),
  radial-gradient(500px 200px at -5% 110%,rgba(253,230,138,.12),transparent 55%);}
.hero2 .hero-emoji{position:absolute;right:-1.2rem;top:-1.6rem;font-size:8rem;opacity:.08;transform:rotate(-12deg);pointer-events:none;}
.hero2 .hero-emoji2{position:absolute;right:4.2rem;bottom:-2rem;font-size:6rem;opacity:.05;pointer-events:none;}

/* Kicker con punto verde "vivo" */
.hero-kicker .dot-live{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,.3);animation:vcPulse 2s infinite;}
@keyframes vcPulse{0%,100%{box-shadow:0 0 0 3px rgba(74,222,128,.35)}50%{box-shadow:0 0 0 6px rgba(74,222,128,.08)}}

/* Search card: sombra + borde sutil */
.search-card{box-shadow:0 18px 46px rgba(15,23,42,.3);border:1px solid rgba(255,255,255,.4);}
.search-card input{transition:border-color .2s,box-shadow .2s,background .2s;}
.search-card input:focus{box-shadow:0 0 0 3px rgba(34,197,94,.18);}

/* Botones con micro-movimiento */
.btn-green,.btn-ghost,.bp,.bo,.ba{transition:transform .15s,box-shadow .2s,background .2s,border-color .2s;}
.btn-green:hover,.bp:hover{box-shadow:0 6px 18px rgba(22,163,74,.28);}
.btn-ghost:hover,.bo:hover{box-shadow:0 6px 16px rgba(15,23,42,.1);}
.btn-green:active,.btn-ghost:active,.bp:active,.bo:active,.ba:active{transform:scale(.97);}

/* Cards con hover más elegante */
.cond-card{transition:box-shadow .25s,transform .2s,border-color .2s;}
.cond-card:hover{border-color:#bfdbfe;box-shadow:0 14px 34px rgba(15,23,42,.13);transform:translateY(-3px);}

/* Avatar con anillo suave */
.cc-ava,.greet-ava,.ab-ava{box-shadow:0 0 0 3px rgba(191,219,254,.55);}

/* Fila de stats: números destacados */
.stat{transition:transform .18s,box-shadow .2s;}
.stat:active{transform:scale(.97);}
.s-val{transition:color .2s;}

/* Píldora de zona con hover */
.zona-pill{transition:background .2s,border-color .2s;}
.zona-pill:hover{background:#e2e8f0;border-color:#cbd5e1;}

/* Splash de bienvenida (onboarding reestreno) */
.vc-splash{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:1.2rem;background:rgba(15,23,42,.55);backdrop-filter:blur(6px);animation:vcFadeUp .3s ease-out;}
.vc-splash-card{background:#fff;border-radius:22px;max-width:360px;width:100%;padding:1.6rem 1.4rem 1.2rem;text-align:center;box-shadow:0 30px 70px rgba(0,0,0,.35);animation:vcPop .35s ease-out;}
.vc-splash-logo{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#1d4ed8,#2563eb);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:0 10px 26px rgba(29,78,216,.4);}
.vc-splash h2{font-family:'Syne',sans-serif;font-size:1.25rem;color:var(--k);margin-bottom:.4rem;}
.vc-splash p{font-size:.84rem;color:var(--mut2);line-height:1.5;margin-bottom:1.1rem;}
.vc-splash .steps{display:flex;flex-direction:column;gap:.5rem;text-align:left;margin-bottom:1.2rem;}
.vc-splash .step{display:flex;align-items:center;gap:.6rem;background:#f8fafc;border:1px solid var(--line2);border-radius:12px;padding:.55rem .7rem;}
.vc-splash .step .n{width:26px;height:26px;border-radius:50%;background:#eff6ff;color:var(--blue);font-weight:800;font-size:.8rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1.5px solid #bfdbfe;}
.vc-splash .step b{font-size:.8rem;color:var(--k);display:block;}
.vc-splash .step span{font-size:.72rem;color:var(--mut2);display:block;}
/* ═══════════ MVP SIMPLE ═══════════ */
.mvp-block{margin:0 0 1.2rem;background:#fff;border:1px solid var(--bor);border-radius:16px;padding:.95rem .9rem;box-shadow:0 2px 10px rgba(15,23,42,.04);}
.mvp-h{display:flex;align-items:center;gap:.45rem;font-size:1.02rem;font-weight:800;margin:0 0 .6rem;color:var(--k);}
.mvp-h span{font-size:1.15rem;}
.mvp-sub{font-size:.8rem;color:var(--mut);margin:0 0 .3rem;}
.mvp-vacio{font-size:.83rem;color:var(--mut);text-align:center;padding:.6rem .4rem;background:#f8fafc;border-radius:10px;}
.mvp-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:.4rem 0 .6rem;}
.mvp-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:1.05rem .6rem;border-radius:16px;border:2px solid transparent;cursor:pointer;font-size:1rem;text-align:center;min-height:96px;transition:transform .15s,box-shadow .15s;}
.mvp-btn:active{transform:scale(.97);}
.mvp-btn b{font-size:1.15rem;letter-spacing:.02em;}
.mvp-btn small{font-size:.74rem;opacity:.9;}
.mvp-ico{font-size:1.6rem;line-height:1.3;}
.mvp-btn.azul{background:linear-gradient(160deg,#1d4ed8,#1e40af);color:#fff;box-shadow:0 6px 16px rgba(29,78,216,.28);}
.mvp-btn.verde{background:linear-gradient(160deg,#16a34a,#15803d);color:#fff;box-shadow:0 6px 16px rgba(22,101,52,.28);}
.mvp-btn-sm{font-size:.85rem;font-weight:800;border:none;border-radius:10px;padding:.5rem .6rem;cursor:pointer;background:var(--ab);color:var(--blue);flex-shrink:0;}
.mvp-btn-sm.si{background:#f0fdf4;color:#15803d;}
.mvp-btn-sm.no{background:#fef2f2;color:#b91c1c;}
.tarjeta-mini{display:flex;align-items:center;gap:.6rem;background:#f8fafc;border:1px solid var(--bor);border-radius:12px;padding:.6rem .65rem;margin-bottom:.45rem;}
.tarjeta-mini img{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#e2e8f0;}
.tm-tit{font-size:.86rem;font-weight:700;color:var(--k);line-height:1.2;}
.tm-sub{font-size:.74rem;color:var(--mut);margin-top:2px;}
.dia-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:52px;border-radius:10px;border:1.5px solid var(--bor);background:#fff;color:var(--mut);font-size:.95rem;font-weight:800;cursor:pointer;}
.dia-chip small{font-size:.55rem;font-weight:600;color:#9ca3af;}
.dia-chip.on{border-color:var(--blue);background:#eff6ff;color:var(--blue);}
.dia-chip.on small{color:var(--blue);}
@media(min-width:560px){.mvp-grid{gap:1rem;}.mvp-btn{min-height:104px;font-size:1.1rem;} .mvp-btn b{font-size:1.3rem;}}