/* =====================================================================
   Ventas ME · Estilos propios
   Complementan a Tailwind con detalles temáticos (industriales) que
   no conviene escribir como clases utilitarias.
   ===================================================================== */

html { scroll-behavior: smooth; }

/* --- Fondo tipo "plano de ingeniería" para el hero ------------------ */
/* Rejilla sutil que evoca un plano técnico / blueprint. */
.fondo-blueprint {
    background-color: #0a141d;
    background-image:
        linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px),
        linear-gradient(rgba(255,255,255,.09) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.09) 1px, transparent 1px);
    background-size: 22px 22px, 22px 22px, 110px 110px, 110px 110px;
    background-position: -1px -1px;
}

/* --- Zoom suave de la imagen principal del producto ----------------- */
.zoom-contenedor { overflow: hidden; }
.zoom-contenedor img { transition: transform .35s ease; }
.zoom-contenedor:hover img { transform: scale(1.06); }

/* --- Recorte de texto a N líneas (por si el CDN no trae line-clamp) - */
.recorte-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* --- Foco visible y accesible en toda la interfaz ------------------- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid #10b981;
    outline-offset: 2px;
    border-radius: 4px;
}

/* --- Respeta la preferencia de "reducir movimiento" ---------------- */
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    * { transition: none !important; animation: none !important; }
}

/* --- Ocultar la barra de scroll horizontal del carrusel de imágenes  */
.sin-scrollbar::-webkit-scrollbar { display: none; }
.sin-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }