/*
 * marketplace.css — clases Tailwind ausentes del output.css compilado.
 * marketplace/templates no estaba en tailwind.config.js al compilar.
 * Se carga vía {% block extra_css %} en todos los templates del marketplace.
 */

/* ── Padding ─────────────────────────────────────────── */
.p-3  { padding: 0.75rem; }
.p-5  { padding: 1.25rem; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; }
.py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; }
.py-6 { padding-top: 1.5rem;   padding-bottom: 1.5rem; }
.pt-6 { padding-top: 1.5rem; }
.pt-8 { padding-top: 2rem; }

/* ── Gap / Space ─────────────────────────────────────── */
.gap-3 { gap: 0.75rem; }
.space-y-3 > * + * { margin-top: 0.75rem; }

/* ── Border radius ───────────────────────────────────── */
.rounded-xl  { border-radius: 0.75rem; }
.rounded-2xl { border-radius: 1rem; }

/* ── Flexbox ─────────────────────────────────────────── */
.min-w-0       { min-width: 0; }
.flex-shrink-0 { flex-shrink: 0; }

/* ── Typography ──────────────────────────────────────── */
.font-extrabold      { font-weight: 800; }
.leading-tight       { line-height: 1.25; }
.leading-snug        { line-height: 1.375; }
.whitespace-pre-line { white-space: pre-line; }
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ── Overflow ────────────────────────────────────────── */
.overflow-y-auto { overflow-y: auto; }

/* ── Scroll snap (galería de imágenes) ──────────────── */
.snap-x         { scroll-snap-type: x mandatory; }
.snap-mandatory { scroll-snap-type: x mandatory; }
.snap-start     { scroll-snap-align: start; }

/* ── Utilidades varias ───────────────────────────────── */
.resize-none { resize: none; }
.sr-only {
    position: absolute; width: 1px; height: 1px;
    padding: 0; margin: -1px; overflow: hidden;
    clip: rect(0,0,0,0); white-space: nowrap; border-width: 0;
}

/* ── Amber (anuncios publicitarios) ─────────────────── */
.bg-amber-50      { background-color: #fffbeb; }
.border-amber-100 { border-color: #fef3c7; }
.text-amber-700   { color: #b45309; }

/* ── Toggle switch (settings.html) ──────────────────── */
.w-5  { width: 1.25rem; }
.w-11 { width: 2.75rem; }
.h-5  { height: 1.25rem; }
.h-6  { height: 1.5rem; }
.top-0\.5  { top: 0.125rem; }
.left-0\.5 { left: 0.125rem; }
.transition-colors {
    transition-property: color, background-color, border-color;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 150ms;
}
.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 150ms;
}
/* peer-checked: Tailwind usa ~ (general sibling) */
.peer:checked ~ .peer-checked\:bg-blue-600   { background-color: #2563eb; }
.peer:checked ~ .peer-checked\:translate-x-5 { transform: translateX(1.25rem); }