/* [ZSPORT-ficha-comercial] Los bloques de venta de la ficha /e/a/<numero>
   (backend/ficha_comercial.py). Usa las variables de vitrina.css. */

.fc-comprar{display:grid;gap:16px;margin:20px 0 12px}
@media (min-width:760px){.fc-comprar{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}
.fc-producto{background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio);
  padding:20px;display:flex;flex-direction:column;gap:10px}
.fc-producto h2{font-family:var(--display);font-size:1.15rem;line-height:1.3;margin:0;color:var(--hueso)}
.fc-tipo{margin:0;font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--dato)}
.fc-precio{margin:2px 0 0;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.fc-precio b{font-family:var(--display);font-size:1.9rem;color:var(--hueso)}
.fc-precio span{color:var(--ceniza);font-size:1rem}
.fc-entrega{margin:0;padding:10px 12px;border-radius:var(--radio-chico);font-size:.92rem;line-height:1.4}
.fc-entrega b{display:block;font-size:1rem}
.fc-entrega span{color:var(--ceniza)}
.fc-entrega-ya{background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.35)}
.fc-entrega-ya b{color:var(--signal)}
.fc-entrega-pedido{background:rgba(125,211,252,.08);border:1px solid rgba(125,211,252,.35)}
.fc-entrega-pedido b{color:var(--dato)}
.fc-entrega-mixta{background:rgba(74,222,128,.06);border:1px solid var(--borde)}
.fc-entrega-mixta b{color:var(--signal)}
.fc-cuantas{margin:0;color:var(--ceniza);font-size:.92rem}
.fc-producto .btn-comprar{margin-top:auto;width:100%;min-height:48px;font-size:1.05rem;cursor:pointer}

.fc-confianza{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:8px 20px;
  grid-template-columns:1fr;color:var(--ceniza);font-size:.95rem}
@media (min-width:640px){.fc-confianza{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.fc-confianza{grid-template-columns:repeat(4,auto);justify-content:start}}
.fc-confianza li{position:relative;padding-left:22px}
.fc-confianza li::before{content:"✓";position:absolute;left:0;color:var(--signal);font-weight:700}

.fc-wa{color:var(--signal);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;
  min-height:44px;line-height:1.4}
.fc-confianza .fc-wa{min-height:0}
.fc-wa:hover{text-decoration:underline}

.fc-tu-version,.fc-versiones-sec,.fc-servicios,.fc-datos,.fc-faq{
  background:var(--grafito);border:1px solid var(--borde);border-radius:var(--radio);
  padding:20px;margin:0 0 20px}
.fc-tu-version h2,.fc-versiones-sec h2,.fc-servicios h2,.fc-datos h2,.fc-faq h2{
  font-family:var(--display);font-size:1.2rem;margin:0 0 10px;color:var(--hueso)}
.fc-tu-version p,.fc-servicios p{margin:0 0 6px;color:var(--ceniza);line-height:1.55}

.fc-versiones-sec{overflow-x:auto}
.fc-versiones{width:100%;border-collapse:collapse;font-size:.95rem}
.fc-versiones th,.fc-versiones td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--borde);white-space:nowrap}
.fc-versiones th{color:var(--ceniza);font-weight:600;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}
.fc-versiones td:first-child{font-family:var(--mono);color:var(--dato);font-weight:600}
.fc-versiones tbody tr:last-child td{border-bottom:0}
.fc-versiones-nota{margin:0 0 6px;color:var(--ceniza);font-size:.9rem}
@media (max-width:480px){.fc-versiones th,.fc-versiones td{padding:9px 8px}}

.fc-servicios ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px;grid-template-columns:1fr}
@media (min-width:640px){.fc-servicios ul{grid-template-columns:repeat(2,1fr)}}
.fc-servicios li a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;
  padding:8px 14px;border-radius:var(--radio-chico);background:var(--panel);border:1px solid var(--borde);
  color:var(--hueso);text-decoration:none;font-weight:600}
.fc-servicios li a:hover{border-color:var(--redline)}
.fc-servicios li a>span:first-child{flex:1}
.fc-comprobada{font-size:.75rem;font-weight:600;color:var(--signal);white-space:nowrap;
  border:1px solid rgba(74,222,128,.4);border-radius:999px;padding:2px 8px}
.fc-precio-serv{font-size:.85rem;font-weight:500;color:var(--ceniza);white-space:nowrap}

.fc-datos dl{display:grid;grid-template-columns:minmax(110px,auto) 1fr;gap:8px 16px;margin:0}
.fc-datos dt{color:var(--ceniza)}
.fc-datos dd{margin:0;color:var(--hueso);word-break:break-word}

.fc-faq dl{margin:0}
.fc-faq dt{font-weight:700;color:var(--hueso);margin:14px 0 4px}
.fc-faq dt:first-child{margin-top:0}
.fc-faq dd{margin:0;color:var(--ceniza);line-height:1.55}

.fc-marca{margin:0 0 24px}
.fc-marca a{color:var(--redline);font-weight:600;text-decoration:none}
.fc-marca a:hover{text-decoration:underline}