/* css/kits.css — las tarjetas de los kits de zafra (portada, regalos, páginas de Google y tienda).
   Antes vivían en zafra.css; se separaron para usarlas en todo el sitio con el mismo aspecto (13/11). */
.z-kits{padding-top:72px;scroll-margin-top:70px}
.z-kits .section-head h2 .p-hl{white-space:nowrap}
.z-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:0 auto 22px;max-width:1140px;padding:0 16px}
.z-tabs button{border:1px solid var(--border-2);background:#fff;color:var(--tinta);font:700 14px 'Public Sans',system-ui,sans-serif;
  padding:9px 16px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s,color .15s,border-color .15s}
.z-tabs button small{font-size:11.5px;font-weight:800;background:var(--surface-3);color:var(--azul);border-radius:999px;padding:1px 7px}
.z-tabs button:hover{border-color:var(--azul)}
.z-tabs button[aria-selected="true"]{background:var(--azul);border-color:var(--azul);color:#fff}
.z-tabs button[aria-selected="true"] small{background:rgba(255,255,255,.2);color:#fff}
.z-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;max-width:1180px;margin:0 auto;padding:0 20px}
.zk{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:var(--shadow-sm);
  transition:transform .18s ease,box-shadow .18s ease}
.zk[hidden]{display:none}
.zk:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.zk-media{position:relative;aspect-ratio:760/560;background:radial-gradient(80% 70% at 50% 45%,#fff 0%,#EEF5FC 60%,#DCEAF8 100%)}
.zk-media img{position:absolute;inset:6% 4% 4%;width:92%;height:90%;object-fit:contain}
.zk-chip{position:absolute;top:12px;left:12px;z-index:2;background:var(--azul);color:#fff;font:800 10.5px 'Raleway',sans-serif;letter-spacing:.8px;
  padding:5px 10px;border-radius:999px}
.zk-chip-rojo{background:#E6262E}
.zk-chip-sol{background:#FFB703;color:#3a2600}
.zk-off{position:absolute;top:10px;right:12px;z-index:2;background:#fff;color:#E6262E;font:800 13px 'Public Sans',sans-serif;padding:4px 9px;border-radius:10px;
  box-shadow:0 4px 12px rgba(0,18,55,.12)}
.zk-body{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px;flex:1}
.zk h3{font-family:'Raleway',sans-serif;font-weight:800;font-size:17px;line-height:1.2;color:var(--tinta);margin:0}
.zk-inc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}
.zk-inc li{position:relative;padding-left:20px;font-size:13.5px;color:var(--tinta-2);line-height:1.35}
.zk-inc li::before{content:"✓";position:absolute;left:0;top:0;color:#128C4A;font-weight:900}
.zk-precio{display:flex;align-items:baseline;gap:7px;margin-top:auto;padding-top:6px}
.zk-precio b{font:800 30px/1 'Public Sans',sans-serif;color:var(--azul);letter-spacing:-1px}
.zk-precio span{font-weight:700;color:var(--tinta-2);font-size:14px}
.zk-total{font-size:13.5px;color:var(--tinta-2)}
.zk-total b{color:var(--tinta)}
.zk-total s{margin-left:4px;opacity:.75}
.zk-cta{justify-content:center;width:100%;margin-top:4px;padding:12px 14px;border-radius:14px;font-weight:800}
.zk-cond{margin:0;font-size:11.5px;color:var(--tinta-3);text-align:center}
.z-kits-pie{max-width:820px;margin:26px auto 0;padding:0 20px;text-align:center;color:var(--tinta-2);font-size:15px;line-height:1.55}
.z-kits-pie b{color:var(--tinta)}
.z-kits-pie a{color:var(--azul);font-weight:700}
.z-pasos{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1080px;margin:30px auto 0;padding:0 20px}
.z-paso{display:flex;gap:10px;align-items:flex-start;background:var(--surface-2);border:1px solid var(--border);border-radius:16px;padding:14px}
.z-paso span{flex:none;width:28px;height:28px;border-radius:50%;background:var(--azul);color:#fff;display:grid;place-items:center;font:800 14px 'Raleway',sans-serif}
.z-paso b{display:block;font-family:'Raleway',sans-serif;font-weight:800;color:var(--tinta);font-size:14.5px}
.z-paso small{display:block;color:var(--tinta-2);font-size:13px;line-height:1.35;margin-top:2px}
@media(max-width:900px){.z-pasos{grid-template-columns:1fr 1fr}}
/* En el teléfono los kits se pasan de costado (carrusel) y las pestañas también. */
@media(max-width:640px){
  .z-tabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;padding:0 16px 4px}
  .z-tabs::-webkit-scrollbar{display:none}
  .z-tabs button{flex:none}
  .z-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:4px 16px 14px;scrollbar-width:none}
  .z-grid::-webkit-scrollbar{display:none}
  .zk{flex:0 0 82%;scroll-snap-align:center}
  .z-pasos{gap:8px;padding:0 16px}
  .z-paso{flex-direction:column;gap:6px;padding:12px}
  .z-paso small{font-size:12.5px}
}


/* Ficha de producto: "También en kit, con precio cerrado" (js/zafra.js kitMiniHtml) */
.kit-mini{margin:14px 0 4px;padding:12px;border:1px solid #F7C9CB;background:#FFF6F6;border-radius:16px;display:flex;flex-direction:column;gap:8px}
.kit-mini-t{font:800 13px 'Raleway',sans-serif;color:#B3141B;letter-spacing:.2px}
.kit-mini-i{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:6px 10px 6px 6px;
  text-decoration:none;color:var(--tinta);transition:border-color .15s,box-shadow .15s}
.kit-mini-i:hover{border-color:#E6262E;box-shadow:0 4px 14px rgba(230,38,46,.12)}
.kit-mini-i img{flex:none;width:76px;height:56px;object-fit:contain;border-radius:8px;background:radial-gradient(80% 70% at 50% 45%,#fff 0%,#EEF5FC 70%)}
.kit-mini-i span{flex:1;min-width:0}
.kit-mini-i b{display:block;font-size:13.5px;line-height:1.25}
.kit-mini-i small{display:block;font-size:12px;color:var(--tinta-2);margin-top:2px}
.kit-mini-i i{flex:none;font-style:normal;font-weight:800;font-size:12.5px;color:#fff;background:#128C4A;border-radius:999px;padding:6px 12px}
.kit-mini-mas{font-size:12.5px;font-weight:700;color:var(--azul);text-align:right}