/* ============================================================
   RAYADO "SIN DATO" (////) — el mismo del gráfico de precios y de
   las tablas de especificaciones de los comparadores.

   Significa SOLO que no tenemos el dato. Un "No" real se escribe
   "No" y un 0 real se escribe 0 (los CSV ya lo hacen así). El texto
   "Sin dato" no se ve, pero lo leen los lectores de pantalla y el
   title lo enseña al pasar el ratón.

   Lo pintan dato_o_rayado() (includes/sin_dato.php) y SinDato.html()
   (js/sin-dato.js), con el mismo criterio.
   ============================================================ */
.sin-dato {
    display: inline-block;
    width: 3.4em;
    height: 1.05em;
    vertical-align: -0.18em;
    border-radius: 4px;
    overflow: hidden;
    white-space: nowrap;
    color: transparent;
    user-select: none;
    background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.16) 0 2px, transparent 2px 6px);
}
.light-theme .sin-dato {
    background-image: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.13) 0 2px, transparent 2px 6px);
}

/* Celda de tabla entera sin dato: el rayado ocupa la celda, con un
   margen para que dos celdas seguidas no se fundan en un bloque. */
td.celda-sin-dato {
    position: relative;
}
td.celda-sin-dato > .sin-dato {
    position: absolute;
    inset: 4px 6px;
    width: auto;
    height: auto;
    border-radius: 5px;
}