/* =============================================
   TAILWIND CSS COMPILADO — Detectives Argentina
   Generado manualmente a partir de las clases
   utilizadas en index.html
   ============================================= */

/* ---- RESET / BASE (Preflight) ---- */
*, ::before, ::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb; }
::before, ::after { --tw-content: ''; }
html { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; font-family: Inter, sans-serif; font-feature-settings: normal; font-variation-settings: normal; }
body { margin: 0; line-height: inherit; }
hr { height: 0; color: inherit; border-top-width: 1px; }
abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
b, strong { font-weight: bolder; }
code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
table { text-indent: 0; border-color: inherit; border-collapse: collapse; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0; padding: 0; }
button, select { text-transform: none; }
button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; background-color: transparent; background-image: none; }
:-moz-focusring { outline: auto; }
:-moz-ui-invalid { box-shadow: none; }
progress { vertical-align: baseline; }
::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }
[type='search'] { -webkit-appearance: textfield; outline-offset: -2px; }
::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
summary { display: list-item; }
blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; }
fieldset { margin: 0; padding: 0; }
legend { padding: 0; }
ol, ul, menu { list-style: none; margin: 0; padding: 0; }
textarea { resize: vertical; }
input::placeholder, textarea::placeholder { opacity: 1; color: #9ca3af; }
button, [role="button"] { cursor: pointer; }
:disabled { cursor: default; }
img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; }
img, video { max-width: 100%; height: auto; }
[hidden] { display: none; }

/* ---- CSS VARIABLES (Tailwind internals) ---- */
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
}

/* ---- UTILITIES ---- */

/* scroll-smooth */
.scroll-smooth { scroll-behavior: smooth; }

/* sr-only */
.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; }

/* fixed */
.fixed { position: fixed; }

/* absolute */
.absolute { position: absolute; }

/* relative */
.relative { position: relative; }

/* inset-0 */
.inset-0 { inset: 0px; }

/* top-0 */
.top-0 { top: 0px; }

/* top-4 */
.top-4 { top: 1rem; }

/* right-4 */
.right-4 { right: 1rem; }

/* right-8 */
.right-8 { right: 2rem; }

/* bottom-8 */
.bottom-8 { bottom: 2rem; }

/* z-0 */
.z-0 { z-index: 0; }

/* z-10 */
.z-10 { z-index: 10; }

/* z-50 */
.z-50 { z-index: 50; }

/* z-\[100\] */
.z-\[100\] { z-index: 100; }

/* z-\[200\] */
.z-\[200\] { z-index: 200; }

/* col-span-1 (implicit in grid) */

/* mx-auto */
.mx-auto { margin-left: auto; margin-right: auto; }

/* mb-2 */
.mb-2 { margin-bottom: 0.5rem; }

/* mb-4 */
.mb-4 { margin-bottom: 1rem; }

/* mb-6 */
.mb-6 { margin-bottom: 1.5rem; }

/* mb-8 */
.mb-8 { margin-bottom: 2rem; }

/* mb-10 */
.mb-10 { margin-bottom: 2.5rem; }

/* mb-12 */
.mb-12 { margin-bottom: 3rem; }

/* mb-16 */
.mb-16 { margin-bottom: 4rem; }

/* mt-4 */
.mt-4 { margin-top: 1rem; }

/* mt-8 */
.mt-8 { margin-top: 2rem; }

/* block */
.block { display: block; }

/* inline-block */
.inline-block { display: inline-block; }

/* flex */
.flex { display: flex; }

/* grid */
.grid { display: grid; }

/* hidden */
.hidden { display: none; }

/* h-0\.5 */
.h-0\.5 { height: 0.125rem; }

/* h-1\.5 */
.h-1\.5 { height: 0.375rem; }

/* h-6 */
.h-6 { height: 1.5rem; }

/* h-8 */
.h-8 { height: 2rem; }

/* h-14 */
.h-14 { height: 3.5rem; }

/* h-16 */
.h-16 { height: 4rem; }

/* h-full */
.h-full { height: 100%; }

/* min-h-screen */
.min-h-screen { min-height: 100vh; }

/* w-6 */
.w-6 { width: 1.5rem; }

/* w-8 */
.w-8 { width: 2rem; }

/* w-14 */
.w-14 { width: 3.5rem; }

/* w-16 */
.w-16 { width: 4rem; }

/* w-full */
.w-full { width: 100%; }

/* max-w-2xl */
.max-w-2xl { max-width: 42rem; }

/* max-w-3xl */
.max-w-3xl { max-width: 48rem; }

/* max-w-xl */
.max-w-xl { max-width: 36rem; }

/* flex-col */
.flex-col { flex-direction: column; }

/* items-center */
.items-center { align-items: center; }

/* items-start */
.items-start { align-items: flex-start; }

/* justify-between */
.justify-between { justify-content: space-between; }

/* justify-center */
.justify-center { justify-content: center; }

/* gap-4 */
.gap-4 { gap: 1rem; }

/* gap-6 */
.gap-6 { gap: 1.5rem; }

/* gap-8 */
.gap-8 { gap: 2rem; }

/* gap-1\.5 */
.gap-1\.5 { gap: 0.375rem; }

/* gap-x-16 */
.gap-x-16 { column-gap: 4rem; }

/* gap-y-12 */
.gap-y-12 { row-gap: 3rem; }

/* space-y-4 > * + * */
.space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); }

/* space-y-6 > * + * */
.space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); }

/* space-y-8 > * + * */
.space-y-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); }

/* overflow-hidden */
.overflow-hidden { overflow: hidden; }

/* rounded-full */
.rounded-full { border-radius: 9999px; }

/* rounded-sm */
.rounded-sm { border-radius: 0.125rem; }

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

/* border */
.border { border-width: 1px; }

/* border-b */
.border-b { border-bottom-width: 1px; }

/* border-t */
.border-t { border-top-width: 1px; }

/* border-y */
.border-y { border-top-width: 1px; border-bottom-width: 1px; }

/* border-gold/10 */
.border-gold\/10 { border-color: rgb(212 175 55 / 0.1); }

/* border-gold/20 */
.border-gold\/20 { border-color: rgb(212 175 55 / 0.2); }

/* border-gold/30 */
.border-gold\/30 { border-color: rgb(212 175 55 / 0.3); }

/* border-gold/5 */
.border-gold\/5 { border-color: rgb(212 175 55 / 0.05); }

/* border-white/5 */
.border-white\/5 { border-color: rgb(255 255 255 / 0.05); }

/* border-white/10 */
.border-white\/10 { border-color: rgb(255 255 255 / 0.1); }

/* border-white/20 */
.border-white\/20 { border-color: rgb(255 255 255 / 0.2); }

/* bg-noir */
.bg-noir { background-color: #020617; }

/* bg-noir-900 */
.bg-noir-900 { background-color: #010409; }

/* bg-noir\/80 */
.bg-noir\/80 { background-color: rgb(2 6 23 / 0.8); }

/* bg-noir\/90 */
.bg-noir\/90 { background-color: rgb(2 6 23 / 0.9); }

/* bg-noir-900\/50 */
.bg-noir-900\/50 { background-color: rgb(1 4 9 / 0.5); }

/* bg-gold\/10 */
.bg-gold\/10 { background-color: rgb(212 175 55 / 0.1); }

/* bg-white\/5 */
.bg-white\/5 { background-color: rgb(255 255 255 / 0.05); }

/* bg-white\/10 */
.bg-white\/10 { background-color: rgb(255 255 255 / 0.1); }

/* p-4 */
.p-4 { padding: 1rem; }

/* p-8 */
.p-8 { padding: 2rem; }

/* p-10 */
.p-10 { padding: 2.5rem; }

/* px-6 */
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }

/* px-8 */
.px-8 { padding-left: 2rem; padding-right: 2rem; }

/* px-10 */
.px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }

/* py-2 */
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }

/* py-3 */
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }

/* py-4 */
.py-4 { padding-top: 1rem; padding-bottom: 1rem; }

/* py-8 */
.py-8 { padding-top: 2rem; padding-bottom: 2rem; }

/* py-12 */
.pb-12 { padding-bottom: 3rem; }

/* py-24 */
.py-24 { padding-top: 6rem; padding-bottom: 6rem; }

/* pt-6 */
.pt-6 { padding-top: 1.5rem; }

/* pt-8 */
.pt-8 { padding-top: 2rem; }

/* pt-20 */
.pt-20 { padding-top: 5rem; }

/* pt-24 */
.pt-24 { padding-top: 6rem; }

/* pb-12 already above */

/* text-center */
.text-center { text-align: center; }

/* font-sans */
.font-sans { font-family: Inter, sans-serif; }

/* font-serif */
.font-serif { font-family: "Playfair Display", serif; }

/* text-xs */
.text-xs { font-size: 0.75rem; line-height: 1rem; }

/* text-sm */
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }

/* text-lg */
.text-lg { font-size: 1.125rem; line-height: 1.75rem; }

/* text-xl */
.text-xl { font-size: 1.25rem; line-height: 1.75rem; }

/* text-2xl */
.text-2xl { font-size: 1.5rem; line-height: 2rem; }

/* text-3xl */
.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }

/* text-4xl */
.text-4xl { font-size: 2.25rem; line-height: 2.5rem; }

/* text-5xl */
.text-5xl { font-size: 3rem; line-height: 1; }

/* font-bold */
.font-bold { font-weight: 700; }

/* font-extrabold */
.font-extrabold { font-weight: 800; }

/* font-light */
.font-light { font-weight: 300; }

/* font-medium */
.font-medium { font-weight: 500; }

/* italic */
.italic { font-style: italic; }

/* not-italic */
.not-italic { font-style: normal; }

/* leading-none */
.leading-none { line-height: 1; }

/* leading-relaxed */
.leading-relaxed { line-height: 1.625; }

/* leading-tight */
.leading-tight { line-height: 1.25; }

/* tracking-tight */
.tracking-tight { letter-spacing: -0.025em; }

/* tracking-wider */
.tracking-wider { letter-spacing: 0.05em; }

/* tracking-widest */
.tracking-widest { letter-spacing: 0.1em; }

/* tracking-tighter */
.tracking-tighter { letter-spacing: -0.05em; }

/* tracking-[0.2em] */
.tracking-\[0\.2em\] { letter-spacing: 0.2em; }

/* tracking-[0.3em] */
.tracking-\[0\.3em\] { letter-spacing: 0.3em; }

/* uppercase */
.uppercase { text-transform: uppercase; }

/* text-white */
.text-white { color: rgb(255 255 255); }

/* text-gold  (custom #D4AF37) */
.text-gold { color: #D4AF37; }

/* text-slate-300 */
.text-slate-300 { color: rgb(203 213 225); }

/* text-slate-400 */
.text-slate-400 { color: rgb(148 163 184); }

/* text-slate-500 */
.text-slate-500 { color: rgb(100 116 139); }

/* text-slate-600 */
.text-slate-600 { color: rgb(71 85 105); }

/* text-noir */
.text-noir { color: #020617; }

/* text-\[\#020617\] */
.text-\[\#020617\] { color: #020617; }

/* underline */
.underline { text-decoration-line: underline; }

/* decoration-gold\/50 */
.decoration-gold\/50 { text-decoration-color: rgb(212 175 55 / 0.5); }

/* opacity-30 */
.opacity-30 { opacity: 0.3; }

/* shadow-2xl */
.shadow-2xl { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }

/* shadow-\[0_0_50px_rgba\(212\,175\,55\,0\.2\)\] */
.shadow-\[0_0_50px_rgba\(212\,175\,55\,0\.2\)\] { --tw-shadow: 0 0 50px rgba(212,175,55,0.2); --tw-shadow-colored: 0 0 50px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }

/* scale-105 */
.scale-105 { --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

/* grayscale */
.grayscale { --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }

/* backdrop-blur-md */
.backdrop-blur-md { --tw-backdrop-blur: blur(12px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }

/* backdrop-blur-\[12px\] */
.backdrop-blur-\[12px\] { --tw-backdrop-blur: blur(12px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }

/* transition-colors */
.transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }

/* transition-transform */
.transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }

/* transition-all */
.transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }

/* duration-300 */
.duration-300 { transition-duration: 300ms; }

/* duration-500 */
.duration-500 { transition-duration: 500ms; }

/* duration-700 */
.duration-700 { transition-duration: 700ms; }

/* animate-bounce */
.animate-bounce { animation: bounce 1s infinite; }
@keyframes bounce {
  0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); }
  50% { transform: none; animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }
}

/* cursor-pointer */
.cursor-pointer { cursor: pointer; }

/* focus\:outline-none */
.focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; }

/* aspect-video */
.aspect-video { aspect-ratio: 16 / 9; }

/* aspect-square */
.aspect-square { aspect-ratio: 1 / 1; }

/* object-cover */
.object-cover { object-fit: cover; }

/* container */
.container { width: 100%; }
@media (min-width: 640px) { .container { max-width: 640px; } }
@media (min-width: 768px) { .container { max-width: 768px; } }
@media (min-width: 1024px) { .container { max-width: 1024px; } }
@media (min-width: 1280px) { .container { max-width: 1280px; } }
@media (min-width: 1536px) { .container { max-width: 1536px; } }

/* grid-cols-1 */
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }

/* ---- HOVER STATES ---- */

/* hover:text-gold */
.hover\:text-gold:hover { color: #D4AF37; }

/* hover:text-white */
.hover\:text-white:hover { color: rgb(255 255 255); }

/* hover:scale-105 */
.hover\:scale-105:hover { --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

/* hover:scale-110 */
.hover\:scale-110:hover { --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

/* hover:bg-white\/20 */
.hover\:bg-white\/20:hover { background-color: rgb(255 255 255 / 0.2); }

/* hover:border-gold\/30 */
.hover\:border-gold\/30:hover { border-color: rgb(212 175 55 / 0.3); }

/* hover:grayscale-0 */
.hover\:grayscale-0:hover { --tw-grayscale: grayscale(0); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }

/* ---- RESPONSIVE BREAKPOINTS ---- */

/* sm: (640px) */
@media (min-width: 640px) {
  .sm\:flex-row { flex-direction: row; }
}

/* md: (768px) */
@media (min-width: 768px) {
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .md\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
  .md\:text-7xl { font-size: 4.5rem; line-height: 1; }
  .md\:text-xl { font-size: 1.25rem; line-height: 1.75rem; }
  .md\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
  .md\:text-base { font-size: 1rem; line-height: 1.5rem; }
  .md\:p-10 { padding: 2.5rem; }
  .md\:col-span-2 { grid-column: span 2 / span 2; }
}

/* lg: (1024px) */
@media (min-width: 1024px) {
  .lg\:flex { display: flex; }
  .lg\:hidden { display: none; }
}