:root{--bg:#ffffff;--ink:#0b0b0b;--mut:#666666;--card:#ffffff;--acc:#0b0b0b;--ok:#0b0b0b;--res:#9a9a9a;--line:#e6e6e6;--soft:#f4f4f4}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.45}
a{color:inherit}img{max-width:100%}
.top{display:flex;align-items:center;gap:16px;padding:14px 16px;background:var(--ink);color:#fff;position:sticky;top:0;z-index:5}
.logo{font-family:'Archivo Black';font-size:19px;text-decoration:none}.logo span,.pie b span{color:var(--acc)}
.top nav{margin-left:auto;display:flex;gap:16px;font-weight:600;font-size:14px}.top nav a{text-decoration:none;opacity:.85}
main{max-width:1100px;margin:auto;padding:0 16px 50px}
.hero{padding:34px 0 8px}.hero h1{font-family:'Archivo Black';font-size:clamp(34px,7vw,62px);line-height:.95;margin:0 0 12px}
.hero h1 em{color:var(--acc);font-style:normal}.hero p{color:var(--mut);max-width:580px;font-size:17px}
h2{font-family:'Archivo Black';font-size:26px;margin:34px 0 14px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:20px 0}
.steps div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;font-size:14px}.steps b{display:block;font-family:'Archivo Black';color:var(--acc);font-size:22px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.p{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none}
.p .im{aspect-ratio:1;background:#eee center/cover;position:relative}
.badge{position:absolute;top:10px;left:10px;background:var(--ink);color:#fff;font-weight:800;font-size:12px;padding:5px 9px;border-radius:99px}
.p .b{padding:14px;display:flex;flex-direction:column;gap:8px;flex:1}.p h3{margin:0;font-size:16px;line-height:1.2}
.mut{color:var(--mut);font-size:13px}.num{font-family:'Archivo Black';font-size:26px;color:var(--acc)}.num small{font-family:Inter;font-size:13px;color:var(--mut);font-weight:600}
.bar{height:8px;background:#eee;border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;background:var(--ok)}
.meta{font-size:12px;color:var(--mut);display:flex;justify-content:space-between;gap:8px}
.btn{display:inline-block;text-align:center;background:var(--ink);color:#fff;border:0;border-radius:12px;padding:13px 16px;font-weight:800;cursor:pointer;font-size:15px;text-decoration:none}
.btn.acc{background:var(--acc)}.btn.ok{background:var(--ok)}.btn.sec{background:#fff;color:var(--ink);border:1px solid var(--ink)}.btn:disabled{opacity:.4;cursor:not-allowed}
.w100{width:100%}
.ficha{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding-top:24px}@media(max-width:760px){.ficha{grid-template-columns:1fr}}
.ficha .foto{border-radius:18px;width:100%;aspect-ratio:1;object-fit:cover;background:#eee}
.ficha h1{font-family:'Archivo Black';font-size:30px;line-height:1.05;margin:0 0 6px}
.box{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;margin:12px 0}
.cd{font-family:'Archivo Black';font-variant-numeric:tabular-nums}
.tools{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.tools button,.tools input{flex:1;min-width:90px;border:1px solid var(--ink);background:#fff;border-radius:10px;padding:9px;font-weight:700;cursor:pointer;font-size:14px}
.nums{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;max-height:420px;overflow:auto;padding:2px}
.nums button{aspect-ratio:1;border:1px solid var(--line);background:#fff;border-radius:8px;font-weight:700;font-size:12px;cursor:pointer;padding:0;font-variant-numeric:tabular-nums}
.nums button.pagado{background:#ddd;color:#aaa;text-decoration:line-through;cursor:not-allowed}
.nums button.reservado{background:#f3e3c3;color:#a07a2c;cursor:not-allowed}
.nums button.sel{background:var(--acc);color:#fff;border-color:var(--acc)}.nums button.hit{outline:3px solid var(--ink)}
.ley{display:flex;gap:14px;font-size:12px;color:var(--mut);margin:6px 0}.ley i{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-2px;margin-right:4px;border:1px solid var(--line)}
.tot{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:18px;margin:12px 0}
label{display:block;font-weight:600;font-size:14px;margin-top:10px}
input,select,textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;font-size:15px;margin-top:5px;font-family:inherit;background:#fff}
.radio{display:flex;gap:8px}.radio label{flex:1;border:1px solid var(--line);border-radius:12px;padding:12px;cursor:pointer;margin:0;background:#fff}
.radio input{width:auto;margin:0 6px 0 0}
.alert{padding:12px 14px;border-radius:12px;margin:14px 0;font-weight:600}.alert.err{background:#fde3dd;color:#8a2a17}.alert.ok{background:#dcefe4;color:#145536}.alert.info{background:#efe8d8}
.chip{display:inline-block;padding:3px 9px;border-radius:99px;font-size:12px;font-weight:800;background:#eee}
.chip.pagada,.chip.activo,.chip.entregado{background:#dcefe4;color:#145536}.chip.pendiente,.chip.cerrado{background:#f3e3c3;color:#7a5a17}
.chip.vencida,.chip.rechazada{background:#eee;color:#888}.chip.reembolsar{background:#fde3dd;color:#8a2a17}.chip.sorteado{background:var(--ink);color:#fff}
.lista{list-style:none;padding:0;display:grid;gap:10px}.lista li{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;gap:12px;align-items:center}
.lista img{width:64px;height:64px;object-fit:cover;border-radius:10px}
.cabezas{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;font-variant-numeric:tabular-nums;font-size:13px}.cabezas span{background:#f3efe6;border-radius:6px;padding:4px;text-align:center}.cabezas .g{background:var(--acc);color:#fff;font-weight:800}
.pie{background:var(--ink);color:#ccc;padding:26px 16px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:14px}
.pie div{max-width:1100px}.pie a{display:block;color:#fff;margin-bottom:6px}
.wa{position:fixed;right:16px;bottom:16px;width:54px;height:54px;border-radius:50%;background:#25d366;display:grid;place-items:center;font-size:26px;text-decoration:none;box-shadow:0 6px 18px #0003}
table{width:100%;border-collapse:collapse;font-size:14px;background:#fff;border-radius:12px;overflow:hidden}th,td{padding:9px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f3efe6}
.tbl{overflow-x:auto}
.badge.envio{left:auto;right:10px;background:var(--ok)}
.top nav a{white-space:nowrap}
@media(max-width:520px){.top{gap:10px}.logo{font-size:15px}.top nav{gap:10px;font-size:12px}}
.cabeza{font-family:'Archivo Black';font-size:22px;letter-spacing:2px;background:var(--ink);color:#fff;padding:2px 10px;border-radius:8px}.cabeza b{color:var(--acc)}
.logo-img{height:30px;display:block;filter:invert(1)}.pie .logo-img{height:26px}
.hero2{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}
.hero2 .btn{margin-top:6px}.hero-foto{width:100%;aspect-ratio:1;object-fit:cover;border-radius:22px;transform:rotate(2deg);box-shadow:0 14px 30px #0002}
@media(max-width:760px){.hero2{grid-template-columns:1fr}.hero-foto{transform:none;max-height:380px}}
.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.galeria img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:14px;background:#eee}
.sorteo-en-vivo{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;align-items:center;margin-top:24px}
.sorteo-en-vivo img{width:100%;border-radius:12px;aspect-ratio:4/3;object-fit:cover}.sorteo-en-vivo h3{font-family:'Archivo Black';margin:0 0 6px}
@media(max-width:760px){.sorteo-en-vivo{grid-template-columns:1fr}}
.dir{background:#f3efe6;border-radius:10px;padding:10px;font-family:inherit;white-space:pre-wrap;margin:6px 0}
.trampa{position:absolute;left:-9999px;height:0;width:0;opacity:0}
.sus{background:var(--acc);color:#fff;padding:28px 16px;display:grid;grid-template-columns:1fr 1.3fr;gap:20px;align-items:center}
.sus h2{color:#fff;margin:0}.sus p{margin:4px 0 0}.sus .form-sus{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end}
.sus .form-sus label{grid-column:1/-1;color:#fff}.sus .form-sus input{margin:0}.sus .btn{background:var(--ink)}
@media(max-width:760px){.sus{grid-template-columns:1fr}.sus .form-sus{grid-template-columns:1fr}}
.form-sus.box{display:grid;gap:8px}
.precios-socio{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;font-weight:700;margin:-2px 0 10px;align-items:center}.precios-socio span{background:#fff;border:1px solid var(--line);border-radius:99px;padding:3px 9px}
.chip.insignia{background:#fff3cf;color:#7a5a17}
.banner-chanceros{display:block;margin-top:26px;background:var(--ink);color:#fff;border-radius:14px;padding:14px 16px;text-decoration:none;font-size:15px}.banner-chanceros b{color:#ffcf4d;margin-right:6px}
.planes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}@media(max-width:760px){.planes{grid-template-columns:1fr}}
.plan{background:var(--card);border:2px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:8px}
.plan.dest{border-color:var(--acc);position:relative}.plan.dest:before{content:'MÁS ELEGIDO';position:absolute;top:-11px;left:16px;background:var(--acc);color:#fff;font-size:11px;font-weight:800;padding:3px 8px;border-radius:99px}
.plan h3{font-family:'Archivo Black';margin:0;font-size:20px}.plan .precio{font-family:'Archivo Black';font-size:30px}.plan .precio small{font-family:Inter;font-size:14px;color:var(--mut)}
.plan ul{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:14px}.plan li.no{color:#bbb;text-decoration:line-through}.plan .btn{margin-top:auto}

/* ===== Marca CHANCES: blanco y negro ===== */
.top{background:#fff;color:var(--ink);border-bottom:2px solid var(--ink);padding:10px 16px}
.logo-img{height:34px;display:block;filter:none}
.top nav a{opacity:1;font-weight:700}.top nav a:hover{text-decoration:underline}
.hero h1 em{background:var(--ink);color:#fff;padding:0 .14em;border-radius:6px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.num{color:var(--ink)}
.steps div{border:2px solid var(--ink);border-radius:14px}.steps b{color:var(--ink)}
.p{border:2px solid var(--ink);transition:transform .15s,box-shadow .15s}.p:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--ink)}
.badge.envio{background:#fff;color:var(--ink);border:2px solid var(--ink)}
.btn.sec{border:2px solid var(--ink)}
.btn:hover{filter:none;opacity:.88}
.nums button{border:1px solid #cfcfcf}
.nums button.reservado{background:repeating-linear-gradient(45deg,#eee 0 4px,#fff 4px 8px);color:#999}
.nums button.pagado{background:#e9e9e9;color:#b5b5b5}
.ley i{border:1px solid #bbb}
.alert.err{background:#fff;color:var(--ink);border:2px solid var(--ink)}.alert.ok{background:var(--ink);color:#fff}.alert.ok a{color:#fff}
.alert.info{background:var(--soft);border:1px solid var(--line)}
.chip.pagada,.chip.activo,.chip.entregado,.chip.sorteado{background:var(--ink);color:#fff}
.chip.pendiente,.chip.cerrado,.chip.insignia{background:#fff;color:var(--ink);border:1px solid var(--ink)}
.chip.reembolsar{background:#fff;color:var(--ink);border:2px dashed var(--ink)}
.cabeza b{color:#fff;text-decoration:underline}
.pie{background:#fff;color:var(--ink);border-top:2px solid var(--ink)}.pie .logo-img{height:28px}.pie a{color:var(--ink)}
.sus{background:var(--ink)}.sus .btn{background:#fff;color:var(--ink)}.sus .form-sus input{border:0}
.banner-chanceros{border:2px solid var(--ink)}.banner-chanceros b{color:#fff}
.plan{border:2px solid var(--ink)}.plan.dest{background:var(--ink);color:#fff;border-color:var(--ink)}.plan.dest:before{background:#fff;color:var(--ink);border:2px solid var(--ink)}
.plan.dest .precio small{color:#bbb}.plan.dest li.no{color:#777}.plan.dest .btn.acc{background:#fff;color:var(--ink)}
.precios-socio span{border:1px solid var(--ink)}
.box{border:1px solid var(--line)}
.dir{background:var(--soft)}
.wa{background:var(--ink);color:#fff}
.hero-foto{border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);transform:rotate(1.5deg)}
.radio label:has(input:checked){border:2px solid var(--ink)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--ink);outline-offset:1px}
@media(max-width:520px){.logo-img{height:26px}}
.top,.pie{padding-left:max(16px,calc((100% - 1100px)/2));padding-right:max(16px,calc((100% - 1100px)/2))}
@media(min-width:761px){.logo-img{height:40px}}
.pagos{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:16px;border-top:1px solid var(--line);font-size:12px;font-weight:700}
.pagos span{border:1px solid var(--ink);border-radius:99px;padding:4px 10px}.pagos .candado{background:var(--ink);color:#fff}
.pie{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:20px}.pie b{display:block;margin-bottom:8px}.pie a{display:block;margin-bottom:6px;font-size:14px}
.pie .arrep{display:inline-block;border:2px solid var(--ink);border-radius:8px;padding:4px 8px;font-weight:800;margin-top:4px}
@media(max-width:760px){.pie{grid-template-columns:1fr 1fr}.pie>div:first-child{grid-column:1/-1}}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:22px 0}
.stats div{border:2px solid var(--ink);border-radius:14px;padding:14px;text-align:center}.stats b{display:block;font-family:'Archivo Black';font-size:30px}
.stats span{font-size:13px;color:var(--mut)}
.faq details{border-bottom:1px solid var(--line);padding:12px 0}.faq summary{font-weight:800;cursor:pointer;list-style:none}.faq summary:after{content:' +'}.faq details[open] summary:after{content:' −'}
.faq p{color:var(--mut);margin:8px 0 0}
.testi{border-left:4px solid var(--ink);padding:4px 0 4px 12px;font-style:italic;margin:8px 0}
.vendidos{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:4px;font-size:13px;max-height:260px;overflow:auto;margin-top:8px}
.vendidos span{background:var(--soft);border-radius:6px;padding:3px 6px}.vendidos b{font-variant-numeric:tabular-nums}
@media print{.top,.pie,.sus,.pagos,.wa,.no-print{display:none!important}body{background:#fff}main{padding:0}}
.sus{padding-left:max(16px,calc((100% - 1100px)/2));padding-right:max(16px,calc((100% - 1100px)/2))}
.packs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.packs span{border:2px solid var(--ink);border-radius:10px;padding:5px 9px;font-size:13px}
.toast{position:fixed;left:16px;bottom:16px;max-width:320px;background:#fff;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:12px;padding:10px 12px;font-size:13px;z-index:20;transform:translateY(140%);transition:transform .4s}
.toast.on{transform:none}.toast b{display:block}
.barras{display:flex;align-items:flex-end;gap:3px;height:140px;border-bottom:2px solid var(--ink);padding-top:10px}.barras div{flex:1;background:var(--ink);min-height:2px;position:relative}
.barras div:hover:after{content:attr(data-t);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#fff;border:1px solid var(--ink);font-size:11px;padding:2px 4px;white-space:nowrap}

/* ===== Carrusel de ganadores ===== */
.carrusel{position:relative;border:2px solid var(--ink);border-radius:18px;overflow:hidden;background:var(--ink);box-shadow:8px 8px 0 var(--ink)}
.car-pista{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.car-pista::-webkit-scrollbar{display:none}
.car-slide{flex:0 0 100%;scroll-snap-align:start;margin:0;position:relative;height:min(72vh,620px)}
.car-slide img{width:100%;height:100%;object-fit:contain;display:block}
.car-slide figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 16px 34px;color:#fff;font-weight:800;text-align:center;background:linear-gradient(transparent,rgba(0,0,0,.75))}
.car-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:2px solid var(--ink);background:#fff;font-size:26px;line-height:1;cursor:pointer}
.car-btn.prev{left:12px}.car-btn.next{right:12px}
.car-dots{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:6px}
.car-dots button{width:8px;height:8px;border-radius:50%;border:0;background:rgba(255,255,255,.45);padding:0;cursor:pointer}.car-dots button.on{background:#fff;width:22px;border-radius:9px}
/* ===== Cinta ===== */
.cinta{background:var(--ink);color:#fff;overflow:hidden;white-space:nowrap;font-weight:800;font-size:12px;letter-spacing:.06em}
.cinta div{display:inline-block;padding:8px 0;animation:cinta 40s linear infinite}.cinta span{margin:0 22px}
@keyframes cinta{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.cinta div{animation:none}}
/* ===== Títulos con dados ===== */
main h2{display:flex;align-items:center;gap:10px}
main h2:before{content:'';width:30px;height:30px;flex:0 0 30px;background:url(favicon.png) center/contain no-repeat}
.sorteo-en-vivo img{filter:none}
/* ===== Celular: todo centrado ===== */
@media(max-width:760px){
  .hero,.hero p,.hero2>div{text-align:center}.hero p{margin-left:auto;margin-right:auto}
  main h2{justify-content:center;text-align:center}
  .steps div,.stats div{text-align:center}
  .sus{text-align:center}.sus .form-sus label{justify-content:center}
  .pagos{text-align:center}
  .banner-chanceros{text-align:center}
  .sorteo-en-vivo{text-align:center}
  .car-slide{height:62vh}
}
.car-slide:before{content:'';position:absolute;inset:-30px;background:var(--bg) center/cover;filter:blur(24px) brightness(.55)}
.car-slide img{position:relative}
.grupo .im{display:block}.var{display:flex;justify-content:space-between;align-items:center;gap:8px;border:2px solid var(--ink);border-radius:12px;padding:8px 10px;text-decoration:none;transition:background .15s}
.var:hover{background:var(--ink);color:#fff}.var small{display:block;font-size:12px;color:var(--mut)}.var:hover small{color:#ccc}.var-precio{font-family:'Archivo Black';font-size:18px}
.variantes{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 10px}.variantes a{border:2px solid var(--ink);border-radius:99px;padding:4px 10px;font-size:13px;font-weight:700;text-decoration:none}.variantes a.on{background:var(--ink);color:#fff}

/* ===== Grilla de rifas: primeras 12 + "ver todas"; en el celu de a 2 ===== */
.grid.limitada>.p:nth-child(n+13){display:none}
@media(max-width:760px){
  .grid{grid-template-columns:1fr 1fr;gap:10px}
  .p{border-radius:14px}.p:hover{transform:none;box-shadow:none}
  .p .b{padding:9px;gap:5px}.p h3{font-size:13px;line-height:1.2}
  .p .mut{font-size:11px}.p .num{font-size:18px}.p .num small{display:block;font-size:11px}
  .p .meta{font-size:10px;flex-direction:column;gap:0}
  .p .btn{padding:9px 4px;font-size:12px;border-radius:10px}
  .badge{font-size:10px;padding:3px 7px;top:7px;left:7px}.badge.envio{display:none}
}

/* ===== Pie ===== */
.pie-arrep{grid-column:1/-1;text-align:center;border-top:1px solid var(--line);padding-top:12px}
.pie .pie-arrep .arrep{display:inline-block;font-size:12px;padding:3px 8px;margin:0}
@media(max-width:760px){
  .pie{grid-template-columns:1fr 1fr 1fr;gap:14px 10px;text-align:left}
  .pie>div:first-child{grid-column:1/-1}
  .pie b{font-size:13px;margin-bottom:6px}.pie a{font-size:12px;margin-bottom:5px}.pie p{font-size:13px}
}
/* ===== Encabezado en el celu: logo arriba, menú abajo ===== */
.logo-img{flex-shrink:0;max-width:none}
@media(max-width:600px){
  .top{flex-wrap:wrap;justify-content:center;gap:6px;padding-top:8px;padding-bottom:6px}
  .top .logo-img{height:30px}
  .top nav{margin-left:0;width:100%;justify-content:space-around;gap:4px;font-size:12px}
}

/* carrusel: sólo se desliza para los costados */
.carrusel{touch-action:pan-x;overscroll-behavior:contain}
.car-pista{overflow-y:hidden;touch-action:pan-x;overscroll-behavior-x:contain;overscroll-behavior-y:none}
.car-slide{overflow:hidden}.car-slide img{user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;pointer-events:none}
/* filtros de rifas */
.filtros{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}.filtros button{border:2px solid var(--ink);background:#fff;border-radius:99px;padding:6px 12px;font-weight:700;font-size:13px;cursor:pointer;font-family:inherit}
.filtros button.on{background:var(--ink);color:#fff}.filtros .sep{width:100%;height:0}
@media(max-width:760px){.filtros{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.filtros::-webkit-scrollbar{display:none}.filtros button{flex:0 0 auto;font-size:12px}.filtros .sep{width:1px;height:auto;background:var(--line);flex:0 0 1px}}
/* ===== Cómo funciona ===== */
.ejemplo{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center;border:2px solid var(--ink);border-radius:18px;padding:14px;box-shadow:6px 6px 0 var(--ink);margin:6px 0 26px}
.ejemplo img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}.ej-txt{font-size:20px;line-height:1.35;margin:8px 0 12px}
.pasos{list-style:none;padding:0;margin:0;display:grid;gap:0;counter-reset:p}
.pasos li{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:18px 0;border-bottom:1px dashed #cfcfcf;position:relative}
.pasos li:not(:last-child):before{content:'';position:absolute;left:31px;top:82px;bottom:-18px;width:2px;background:var(--ink)}
.pasos .ico{width:64px;height:64px;border-radius:50%;background:var(--ink);display:grid;place-items:center}
.pasos .ico svg{width:30px;height:30px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pasos .ico svg .fill{fill:#fff}
.paso-n{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}.pasos h3{font-family:'Archivo Black';font-size:22px;margin:2px 0 6px}.pasos p{margin:6px 0}
.mini-grilla{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;max-width:360px;margin-top:8px}.mini-grilla span{border:1px solid #cfcfcf;border-radius:6px;text-align:center;font-size:11px;font-weight:700;padding:5px 0}
.mini-grilla .sel{background:var(--ink);color:#fff;border-color:var(--ink)}.mini-grilla .v{background:#e9e9e9;color:#b5b5b5;text-decoration:line-through}
.cabeza-ej{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:10px 0}.cabeza-ej>div{border:2px solid var(--ink);border-radius:12px;padding:8px 14px}
.cabeza-ej small{display:block;font-size:11px;color:var(--mut)}.cabeza-ej b{font-family:'Archivo Black';font-size:28px;letter-spacing:3px}.cabeza-ej u{text-decoration:none;background:var(--ink);color:#fff;padding:0 4px;border-radius:4px}
.cabeza-ej>span{font-size:26px;font-weight:800}
.provincias{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.provincias span{font-size:11px;font-weight:700;border:1px solid var(--ink);border-radius:99px;padding:3px 8px}
@media(max-width:760px){.ejemplo{grid-template-columns:96px 1fr;gap:12px}.ej-txt{font-size:16px}.pasos li{grid-template-columns:48px 1fr;gap:12px}.pasos .ico{width:48px;height:48px}.pasos .ico svg{width:24px;height:24px}
  .pasos li:not(:last-child):before{left:23px;top:66px}.pasos h3{font-size:18px}.ejemplo .btn{padding:9px 12px;font-size:13px}}
/* pasos de la portada como links */
a.paso{display:block;text-decoration:none;border:2px solid var(--ink);border-radius:14px;padding:14px;font-size:14px;background:#fff}
a.paso b{display:block;font-family:'Archivo Black';font-size:22px}a.paso:hover{background:var(--ink);color:#fff}