/* DDP demo — estilos custom sobre Tailwind CDN */

html { scroll-behavior: smooth; }
body { font-family: 'Archivo', ui-sans-serif, system-ui, sans-serif; }

/* titulares estilo logo: minúsculas con punto */
.h-ddp { text-transform: lowercase; letter-spacing: -0.03em; }

/* reveal on scroll */
.reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }
.reveal.is-in { opacity: 1; transform: none; }

/* masonry (mujer) */
.masonry { columns: 2; column-gap: 12px; }
@media (min-width: 640px) { .masonry { columns: 3; column-gap: 16px; } }
@media (min-width: 1024px) { .masonry { columns: 4; column-gap: 18px; } }
.mas-item { break-inside: avoid; margin-bottom: 12px; }
@media (min-width: 640px) { .mas-item { margin-bottom: 16px; } }

/* tarjeta SKU sin foto */
.sku-card {
  background:
    radial-gradient(circle at 85% 15%, rgba(46,49,146,0.08), transparent 45%),
    radial-gradient(circle at 15% 85%, rgba(245,85,74,0.07), transparent 45%),
    repeating-linear-gradient(-45deg, #FAFAF7 0 14px, #F3F1EC 14px 15px);
}

/* strip horizontal sin scrollbar */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Leaflet ajustes */
.leaflet-popup-content-wrapper { border-radius: 18px !important; box-shadow: 0 12px 40px rgba(0,0,0,.18) !important; }
.leaflet-popup-content { margin: 16px 18px !important; }
.leaflet-container { font-family: 'Archivo', sans-serif !important; }

/* selects */
select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23666' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
}

/* barra de progreso probador */
#prb-ov-bar { transition: width .9s cubic-bezier(.4,0,.2,1); }

/* hero zoom lento */
@keyframes heroZoom { from { transform: scale(1.08); } to { transform: scale(1); } }
.hero-img { animation: heroZoom 2.8s ease-out both; }