/**
 * Archivo: assets/css/ficha-tecnica.css
 * Módulo: shop-core — ficha técnica estructurada (tabla dorada/blanca
 * con etiquetas y valores, viñetas de Fabricación/Características).
 *
 * Parte COMÚN de la ficha técnica, antes duplicada en producto.css (pantalla
 * del editor de la categoría) y producto-single.css (ficha pública). Se
 * encola como dependencia de los dos (ver includes/producto/assets-producto.php),
 * así que se carga SIEMPRE antes que ellos.
 *
 * Lo que aquí NO está, a propósito: el tamaño de letra y el interlineado
 * de .sc-ftec-fila y de .sc-ftec-vinetas li. En el editor son 17px fijos
 * y en la ficha pública un tamaño adaptable (clamp) con otro interlineado
 * — cada fichero conserva su versión. Los formularios del editor
 * (.sc-ftec-form*, .sc-ftec-lista-editor, .sc-ftec-linea*) siguen solo en
 * producto.css. Ver includes/producto/producto-ficha-tecnica.php.
 */

.sc-ftec-tabla { font-family: var(--sc-font-body); }

/* Título de sección en la vista de solo lectura del editor
   (Ficha técnica / Fabricación / Características). */
.sc-ftec-editor-titulo {
    font-family: var(--sc-font-body);
    font-size: clamp(13.60px, calc(9.710px + 0.2848vw), 17px);
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--sc-gold);
    margin: 1.9rem 0 0.9rem;
}
.sc-ftec-editor-readonly > .sc-ftec-editor-titulo:first-child { margin-top: 0; }

/* Cabecera de grupo (Hoja, Tsuka, Koshirae...). */
.sc-ftec-grupo {
    font-family: var(--sc-font-body);
    font-size: clamp(12.80px, calc(9.139px + 0.2680vw), 16px);
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--sc-gold);
    margin: 1.4rem 0 0;
    padding: 0 0 0.4rem;
    border-bottom: 1px solid rgba(var(--sc-gold-rgb), 0.35);
}
.sc-ftec-grupo:first-child { margin-top: 0; }
/* En la ficha pública es h2 (30/9/2026, SEO): Astra da a los h2 margen inferior
   e interlineado propios; se dejan como cuando era h4. */
.sc-ftec-tabla h2.sc-ftec-grupo { margin-bottom: 0; line-height: 1.2; }

.sc-ftec-lista { margin: 0; }

/* Fila: etiqueta (dorada) a la izquierda, valor (blanco) a la derecha. */
.sc-ftec-fila {
    display: grid;
    grid-template-columns: minmax(0, 40%) 1fr;
    gap: 1.2rem;
    padding: 0.55rem 0.2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.sc-ftec-fila:hover { background: rgba(var(--sc-gold-rgb), 0.04); }
.sc-ftec-fila dt { color: var(--sc-gold); font-weight: 600; }
.sc-ftec-fila dd { color: #fff; margin: 0; }

/* Fabricación / Características: viñetas con punto dorado. */
.sc-ftec-vinetas {
    margin: 0.4rem 0 0;
    padding-left: 0;
    list-style: none;
}
.sc-ftec-vinetas li {
    position: relative;
    padding-left: 1.1rem;
    margin: 0.55rem 0;
    color: #fff;
}
.sc-ftec-vinetas li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.6em;
    width: 5px;
    height: 5px;
    background: var(--sc-gold);
    border-radius: 50%;
}

.sc-ftec-editor-nota {
    margin-top: 1.6rem;
    font-size: clamp(11.60px, calc(8.282px + 0.2429vw), 14.5px);
    color: var(--sc-muted);
    font-style: italic;
}

@media (max-width: 560px) {
    .sc-ftec-fila { grid-template-columns: 1fr; gap: 0.2rem; }
}