/*
 * Vinea — Modo oscuro suave
 * Se activa con la clase "oscuro" en <html> (lo maneja layouts/tema.blade.php).
 * Generado automáticamente: re-mapea las clases de color de Tailwind usadas en Vinea
 * a una paleta oscura cálida. Para un color nuevo, agregalo en generar_css.py.
 */

html.oscuro { color-scheme: dark; }

/* Transición suave solo al cambiar de tema (no afecta los hover normales) */
html.tema-cambiando,
html.tema-cambiando *,
html.tema-cambiando *::before,
html.tema-cambiando *::after {
    transition: background-color .35s ease, color .35s ease, border-color .35s ease !important;
}

/* ── Página ─────────────────────────────────────────────── */
html.oscuro body { background-color: #171412 !important; color: #dad2c9; }
html.oscuro .text-vinea-wine { color: #e8919f; }
html.oscuro .sidebar-item-active { background-color: #302a25; color: #e8919f; border-color: #e8919f; }

/* El logo puede tener fondo claro: lo suavizamos un poco */
html.oscuro img[src*="logo-vinea"] { filter: brightness(0.92); border-radius: 0.75rem; }

/* Inputs y textareas sin clase de fondo explícita */
html.oscuro input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
html.oscuro textarea,
html.oscuro select { color: #e9e2da; }

/* ── Editor del diario ──────────────────────────────────── */
html.oscuro .vinea-prosa { color: #dad2c9; }
html.oscuro .vinea-prosa h2 { color: #f2ece5; }
html.oscuro .vinea-prosa h3 { color: #e8919f; }
html.oscuro .vinea-prosa strong { color: #f2ece5; }
html.oscuro .vinea-prosa li::marker { color: #e8919f; }
html.oscuro .vinea-prosa blockquote { background: #28231f; border-left-color: #e8919f; color: #a99f95; }
html.oscuro .vinea-prosa hr::after { color: #6f665e; }
html.oscuro .vinea-prosa p.is-editor-empty:first-child::before { color: #6f665e; }
html.oscuro .vinea-prosa ::selection { background: rgba(232, 145, 159, 0.25); }
/* Resaltados: el color pastel queda, pero con letra oscura para que se lea */
html.oscuro .vinea-prosa mark { color: #1c1917 !important; filter: saturate(0.85) brightness(0.92); }
html.oscuro .vinea-prosa mark strong { color: #1c1917; }
html.oscuro .vinea-prosa .vinea-comentario.activo { background-color: rgba(245, 158, 11, 0.25); }

/* ── Clases de Tailwind re-mapeadas ─────────────────────── */
html.oscuro .bg-white { background-color: #201c1a; }
html.oscuro .bg-white\/95 { background-color: rgba(32, 28, 26, 0.95); }
html.oscuro .bg-gray-50 { background-color: #28231f; }
html.oscuro .bg-stone-50 { background-color: #28231f; }
html.oscuro .bg-\[\#FAF8F5\] { background-color: #28231f; }
html.oscuro .bg-\[\#FAF8F5\]\/50 { background-color: rgba(40, 35, 31, 0.6); }
html.oscuro .bg-\[\#F3F0EC\] { background-color: #302a25; }
html.oscuro .bg-gray-100 { background-color: #302a25; }
html.oscuro .bg-stone-100 { background-color: #302a25; }
html.oscuro .bg-gray-200 { background-color: #3a332d; }
html.oscuro .bg-stone-200 { background-color: #3a332d; }
html.oscuro .bg-amber-50 { background-color: rgba(245, 158, 11, 0.12); }
html.oscuro .bg-amber-100 { background-color: rgba(245, 158, 11, 0.2); }
html.oscuro .bg-blue-50 { background-color: rgba(96, 165, 250, 0.12); }
html.oscuro .bg-red-50 { background-color: rgba(248, 113, 113, 0.12); }
html.oscuro .bg-emerald-50 { background-color: rgba(52, 211, 153, 0.12); }
html.oscuro .bg-\[\#800020\]\/5 { background-color: rgba(232, 145, 159, 0.10); }
html.oscuro .bg-\[\#800020\]\/10 { background-color: rgba(232, 145, 159, 0.14); }
html.oscuro .bg-\[\#800020\]\/20 { background-color: rgba(232, 145, 159, 0.22); }
html.oscuro .bg-\[\#800020\]\/\[0\.06\] { background-color: rgba(232, 145, 159, 0.10); }
html.oscuro .bg-stone-900\/30 { background-color: rgba(0, 0, 0, 0.5); }
html.oscuro .text-gray-900 { color: #f2ece5; }
html.oscuro .text-stone-900 { color: #f2ece5; }
html.oscuro .text-gray-800 { color: #e9e2da; }
html.oscuro .text-stone-800 { color: #e9e2da; }
html.oscuro .text-gray-700 { color: #dad2c9; }
html.oscuro .text-stone-700 { color: #dad2c9; }
html.oscuro .text-gray-600 { color: #c4bab0; }
html.oscuro .text-stone-600 { color: #c4bab0; }
html.oscuro .text-gray-500 { color: #a99f95; }
html.oscuro .text-stone-500 { color: #a99f95; }
html.oscuro .text-gray-400 { color: #968c83; }
html.oscuro .text-stone-400 { color: #968c83; }
html.oscuro .text-gray-300 { color: #6f665e; }
html.oscuro .text-stone-300 { color: #6f665e; }
html.oscuro .text-gray-200 { color: #544c46; }
html.oscuro .text-stone-200 { color: #544c46; }
html.oscuro .text-\[\#800020\] { color: #e8919f; }
html.oscuro .text-\[\#800020\]\/60 { color: rgba(232, 145, 159, 0.7); }
html.oscuro .text-\[\#800020\]\/70 { color: rgba(232, 145, 159, 0.8); }
html.oscuro .text-amber-700 { color: #f2c46d; }
html.oscuro .text-amber-600 { color: #f2c46d; }
html.oscuro .text-blue-600 { color: #93c5fd; }
html.oscuro .text-red-600 { color: #f8a5a5; }
html.oscuro .text-red-500 { color: #f8a5a5; }
html.oscuro .text-emerald-700 { color: #6ee7b7; }
html.oscuro .border-gray-50 { border-color: #2c2622; }
html.oscuro .border-stone-50 { border-color: #2c2622; }
html.oscuro .border-gray-100 { border-color: #2c2622; }
html.oscuro .border-stone-100 { border-color: #2c2622; }
html.oscuro .border-gray-200 { border-color: #3a332d; }
html.oscuro .border-stone-200 { border-color: #3a332d; }
html.oscuro .border-gray-300 { border-color: #4a423b; }
html.oscuro .border-stone-300 { border-color: #4a423b; }
html.oscuro .border-amber-200 { border-color: rgba(245, 158, 11, 0.35); }
html.oscuro .border-amber-300 { border-color: rgba(245, 158, 11, 0.5); }
html.oscuro .border-red-200 { border-color: rgba(248, 113, 113, 0.4); }
html.oscuro .border-\[\#800020\]\/10 { border-color: rgba(232, 145, 159, 0.18); }
html.oscuro .border-\[\#800020\]\/20 { border-color: rgba(232, 145, 159, 0.3); }
html.oscuro .border-black\/10 { border-color: rgba(255, 255, 255, 0.12); }
html.oscuro .from-white { --tw-gradient-from: #201c1a var(--tw-gradient-from-position); }
html.oscuro .to-\[\#FAF8F5\]\/30 { --tw-gradient-to: rgba(40, 35, 31, 0.4) var(--tw-gradient-to-position); }
html.oscuro .ring-white { --tw-ring-color: #28231f; }
html.oscuro .ring-black\/5 { --tw-ring-color: rgba(255, 255, 255, 0.08); }
html.oscuro .shadow-stone-200\/60 { --tw-shadow-color: rgba(0, 0, 0, 0.45); --tw-shadow: var(--tw-shadow-colored); }
html.oscuro .shadow-red-900\/10 { --tw-shadow-color: rgba(0, 0, 0, 0.35); --tw-shadow: var(--tw-shadow-colored); }
html.oscuro .shadow-\[\#800020\]\/10 { --tw-shadow-color: rgba(0, 0, 0, 0.35); --tw-shadow: var(--tw-shadow-colored); }
html.oscuro .hover\:bg-white:hover { background-color: #201c1a; }
html.oscuro .hover\:bg-white\/95:hover { background-color: rgba(32, 28, 26, 0.95); }
html.oscuro .hover\:bg-gray-50:hover { background-color: #28231f; }
html.oscuro .hover\:bg-stone-50:hover { background-color: #28231f; }
html.oscuro .hover\:bg-\[\#FAF8F5\]:hover { background-color: #28231f; }
html.oscuro .hover\:bg-\[\#FAF8F5\]\/50:hover { background-color: rgba(40, 35, 31, 0.6); }
html.oscuro .hover\:bg-\[\#F3F0EC\]:hover { background-color: #302a25; }
html.oscuro .hover\:bg-gray-100:hover { background-color: #302a25; }
html.oscuro .hover\:bg-stone-100:hover { background-color: #302a25; }
html.oscuro .hover\:bg-gray-200:hover { background-color: #3a332d; }
html.oscuro .hover\:bg-stone-200:hover { background-color: #3a332d; }
html.oscuro .hover\:bg-amber-50:hover { background-color: rgba(245, 158, 11, 0.12); }
html.oscuro .hover\:bg-amber-100:hover { background-color: rgba(245, 158, 11, 0.2); }
html.oscuro .hover\:bg-blue-50:hover { background-color: rgba(96, 165, 250, 0.12); }
html.oscuro .hover\:bg-red-50:hover { background-color: rgba(248, 113, 113, 0.12); }
html.oscuro .hover\:bg-emerald-50:hover { background-color: rgba(52, 211, 153, 0.12); }
html.oscuro .hover\:bg-\[\#800020\]\/5:hover { background-color: rgba(232, 145, 159, 0.10); }
html.oscuro .hover\:bg-\[\#800020\]\/10:hover { background-color: rgba(232, 145, 159, 0.14); }
html.oscuro .hover\:bg-\[\#800020\]\/20:hover { background-color: rgba(232, 145, 159, 0.22); }
html.oscuro .hover\:bg-\[\#800020\]\/\[0\.06\]:hover { background-color: rgba(232, 145, 159, 0.10); }
html.oscuro .hover\:bg-stone-900\/30:hover { background-color: rgba(0, 0, 0, 0.5); }
html.oscuro .hover\:text-gray-900:hover { color: #f2ece5; }
html.oscuro .hover\:text-stone-900:hover { color: #f2ece5; }
html.oscuro .hover\:text-gray-800:hover { color: #e9e2da; }
html.oscuro .hover\:text-stone-800:hover { color: #e9e2da; }
html.oscuro .hover\:text-gray-700:hover { color: #dad2c9; }
html.oscuro .hover\:text-stone-700:hover { color: #dad2c9; }
html.oscuro .hover\:text-gray-600:hover { color: #c4bab0; }
html.oscuro .hover\:text-stone-600:hover { color: #c4bab0; }
html.oscuro .hover\:text-gray-500:hover { color: #a99f95; }
html.oscuro .hover\:text-stone-500:hover { color: #a99f95; }
html.oscuro .hover\:text-gray-400:hover { color: #968c83; }
html.oscuro .hover\:text-stone-400:hover { color: #968c83; }
html.oscuro .hover\:text-gray-300:hover { color: #6f665e; }
html.oscuro .hover\:text-stone-300:hover { color: #6f665e; }
html.oscuro .hover\:text-gray-200:hover { color: #544c46; }
html.oscuro .hover\:text-stone-200:hover { color: #544c46; }
html.oscuro .hover\:text-\[\#800020\]:hover { color: #e8919f; }
html.oscuro .hover\:text-\[\#800020\]\/60:hover { color: rgba(232, 145, 159, 0.7); }
html.oscuro .hover\:text-\[\#800020\]\/70:hover { color: rgba(232, 145, 159, 0.8); }
html.oscuro .hover\:text-amber-700:hover { color: #f2c46d; }
html.oscuro .hover\:text-amber-600:hover { color: #f2c46d; }
html.oscuro .hover\:text-blue-600:hover { color: #93c5fd; }
html.oscuro .hover\:text-red-600:hover { color: #f8a5a5; }
html.oscuro .hover\:text-red-500:hover { color: #f8a5a5; }
html.oscuro .hover\:text-emerald-700:hover { color: #6ee7b7; }
html.oscuro .hover\:border-gray-50:hover { border-color: #2c2622; }
html.oscuro .hover\:border-stone-50:hover { border-color: #2c2622; }
html.oscuro .hover\:border-gray-100:hover { border-color: #2c2622; }
html.oscuro .hover\:border-stone-100:hover { border-color: #2c2622; }
html.oscuro .hover\:border-gray-200:hover { border-color: #3a332d; }
html.oscuro .hover\:border-stone-200:hover { border-color: #3a332d; }
html.oscuro .hover\:border-gray-300:hover { border-color: #4a423b; }
html.oscuro .hover\:border-stone-300:hover { border-color: #4a423b; }
html.oscuro .hover\:border-amber-200:hover { border-color: rgba(245, 158, 11, 0.35); }
html.oscuro .hover\:border-amber-300:hover { border-color: rgba(245, 158, 11, 0.5); }
html.oscuro .hover\:border-red-200:hover { border-color: rgba(248, 113, 113, 0.4); }
html.oscuro .hover\:border-\[\#800020\]\/10:hover { border-color: rgba(232, 145, 159, 0.18); }
html.oscuro .hover\:border-\[\#800020\]\/20:hover { border-color: rgba(232, 145, 159, 0.3); }
html.oscuro .hover\:border-black\/10:hover { border-color: rgba(255, 255, 255, 0.12); }
html.oscuro .hover\:from-white:hover { --tw-gradient-from: #201c1a var(--tw-gradient-from-position); }
html.oscuro .hover\:to-\[\#FAF8F5\]\/30:hover { --tw-gradient-to: rgba(40, 35, 31, 0.4) var(--tw-gradient-to-position); }
html.oscuro .hover\:ring-white:hover { --tw-ring-color: #28231f; }
html.oscuro .hover\:ring-black\/5:hover { --tw-ring-color: rgba(255, 255, 255, 0.08); }
html.oscuro .hover\:shadow-stone-200\/60:hover { --tw-shadow-color: rgba(0, 0, 0, 0.45); --tw-shadow: var(--tw-shadow-colored); }
html.oscuro .hover\:shadow-red-900\/10:hover { --tw-shadow-color: rgba(0, 0, 0, 0.35); --tw-shadow: var(--tw-shadow-colored); }
html.oscuro .hover\:shadow-\[\#800020\]\/10:hover { --tw-shadow-color: rgba(0, 0, 0, 0.35); --tw-shadow: var(--tw-shadow-colored); }
html.oscuro .group:hover .group-hover\:bg-white { background-color: #201c1a; }
html.oscuro .group:hover .group-hover\:bg-white\/95 { background-color: rgba(32, 28, 26, 0.95); }
html.oscuro .group:hover .group-hover\:bg-gray-50 { background-color: #28231f; }
html.oscuro .group:hover .group-hover\:bg-stone-50 { background-color: #28231f; }
html.oscuro .group:hover .group-hover\:bg-\[\#FAF8F5\] { background-color: #28231f; }
html.oscuro .group:hover .group-hover\:bg-\[\#FAF8F5\]\/50 { background-color: rgba(40, 35, 31, 0.6); }
html.oscuro .group:hover .group-hover\:bg-\[\#F3F0EC\] { background-color: #302a25; }
html.oscuro .group:hover .group-hover\:bg-gray-100 { background-color: #302a25; }
html.oscuro .group:hover .group-hover\:bg-stone-100 { background-color: #302a25; }
html.oscuro .group:hover .group-hover\:bg-gray-200 { background-color: #3a332d; }
html.oscuro .group:hover .group-hover\:bg-stone-200 { background-color: #3a332d; }
html.oscuro .group:hover .group-hover\:bg-amber-50 { background-color: rgba(245, 158, 11, 0.12); }
html.oscuro .group:hover .group-hover\:bg-amber-100 { background-color: rgba(245, 158, 11, 0.2); }
html.oscuro .group:hover .group-hover\:bg-blue-50 { background-color: rgba(96, 165, 250, 0.12); }
html.oscuro .group:hover .group-hover\:bg-red-50 { background-color: rgba(248, 113, 113, 0.12); }
html.oscuro .group:hover .group-hover\:bg-emerald-50 { background-color: rgba(52, 211, 153, 0.12); }
html.oscuro .group:hover .group-hover\:bg-\[\#800020\]\/5 { background-color: rgba(232, 145, 159, 0.10); }
html.oscuro .group:hover .group-hover\:bg-\[\#800020\]\/10 { background-color: rgba(232, 145, 159, 0.14); }
html.oscuro .group:hover .group-hover\:bg-\[\#800020\]\/20 { background-color: rgba(232, 145, 159, 0.22); }
html.oscuro .group:hover .group-hover\:bg-\[\#800020\]\/\[0\.06\] { background-color: rgba(232, 145, 159, 0.10); }
html.oscuro .group:hover .group-hover\:bg-stone-900\/30 { background-color: rgba(0, 0, 0, 0.5); }
html.oscuro .group:hover .group-hover\:text-gray-900 { color: #f2ece5; }
html.oscuro .group:hover .group-hover\:text-stone-900 { color: #f2ece5; }
html.oscuro .group:hover .group-hover\:text-gray-800 { color: #e9e2da; }
html.oscuro .group:hover .group-hover\:text-stone-800 { color: #e9e2da; }
html.oscuro .group:hover .group-hover\:text-gray-700 { color: #dad2c9; }
html.oscuro .group:hover .group-hover\:text-stone-700 { color: #dad2c9; }
html.oscuro .group:hover .group-hover\:text-gray-600 { color: #c4bab0; }
html.oscuro .group:hover .group-hover\:text-stone-600 { color: #c4bab0; }
html.oscuro .group:hover .group-hover\:text-gray-500 { color: #a99f95; }
html.oscuro .group:hover .group-hover\:text-stone-500 { color: #a99f95; }
html.oscuro .group:hover .group-hover\:text-gray-400 { color: #968c83; }
html.oscuro .group:hover .group-hover\:text-stone-400 { color: #968c83; }
html.oscuro .group:hover .group-hover\:text-gray-300 { color: #6f665e; }
html.oscuro .group:hover .group-hover\:text-stone-300 { color: #6f665e; }
html.oscuro .group:hover .group-hover\:text-gray-200 { color: #544c46; }
html.oscuro .group:hover .group-hover\:text-stone-200 { color: #544c46; }
html.oscuro .group:hover .group-hover\:text-\[\#800020\] { color: #e8919f; }
html.oscuro .group:hover .group-hover\:text-\[\#800020\]\/60 { color: rgba(232, 145, 159, 0.7); }
html.oscuro .group:hover .group-hover\:text-\[\#800020\]\/70 { color: rgba(232, 145, 159, 0.8); }
html.oscuro .group:hover .group-hover\:text-amber-700 { color: #f2c46d; }
html.oscuro .group:hover .group-hover\:text-amber-600 { color: #f2c46d; }
html.oscuro .group:hover .group-hover\:text-blue-600 { color: #93c5fd; }
html.oscuro .group:hover .group-hover\:text-red-600 { color: #f8a5a5; }
html.oscuro .group:hover .group-hover\:text-red-500 { color: #f8a5a5; }
html.oscuro .group:hover .group-hover\:text-emerald-700 { color: #6ee7b7; }
html.oscuro .group:hover .group-hover\:border-gray-50 { border-color: #2c2622; }
html.oscuro .group:hover .group-hover\:border-stone-50 { border-color: #2c2622; }
html.oscuro .group:hover .group-hover\:border-gray-100 { border-color: #2c2622; }
html.oscuro .group:hover .group-hover\:border-stone-100 { border-color: #2c2622; }
html.oscuro .group:hover .group-hover\:border-gray-200 { border-color: #3a332d; }
html.oscuro .group:hover .group-hover\:border-stone-200 { border-color: #3a332d; }
html.oscuro .group:hover .group-hover\:border-gray-300 { border-color: #4a423b; }
html.oscuro .group:hover .group-hover\:border-stone-300 { border-color: #4a423b; }
html.oscuro .group:hover .group-hover\:border-amber-200 { border-color: rgba(245, 158, 11, 0.35); }
html.oscuro .group:hover .group-hover\:border-amber-300 { border-color: rgba(245, 158, 11, 0.5); }
html.oscuro .group:hover .group-hover\:border-red-200 { border-color: rgba(248, 113, 113, 0.4); }
html.oscuro .group:hover .group-hover\:border-\[\#800020\]\/10 { border-color: rgba(232, 145, 159, 0.18); }
html.oscuro .group:hover .group-hover\:border-\[\#800020\]\/20 { border-color: rgba(232, 145, 159, 0.3); }
html.oscuro .group:hover .group-hover\:border-black\/10 { border-color: rgba(255, 255, 255, 0.12); }
html.oscuro .group:hover .group-hover\:from-white { --tw-gradient-from: #201c1a var(--tw-gradient-from-position); }
html.oscuro .group:hover .group-hover\:to-\[\#FAF8F5\]\/30 { --tw-gradient-to: rgba(40, 35, 31, 0.4) var(--tw-gradient-to-position); }
html.oscuro .group:hover .group-hover\:ring-white { --tw-ring-color: #28231f; }
html.oscuro .group:hover .group-hover\:ring-black\/5 { --tw-ring-color: rgba(255, 255, 255, 0.08); }
html.oscuro .group:hover .group-hover\:shadow-stone-200\/60 { --tw-shadow-color: rgba(0, 0, 0, 0.45); --tw-shadow: var(--tw-shadow-colored); }
html.oscuro .group:hover .group-hover\:shadow-red-900\/10 { --tw-shadow-color: rgba(0, 0, 0, 0.35); --tw-shadow: var(--tw-shadow-colored); }
html.oscuro .group:hover .group-hover\:shadow-\[\#800020\]\/10 { --tw-shadow-color: rgba(0, 0, 0, 0.35); --tw-shadow: var(--tw-shadow-colored); }
html.oscuro .focus\:bg-white:focus { background-color: #201c1a; }
html.oscuro .focus\:bg-white\/95:focus { background-color: rgba(32, 28, 26, 0.95); }
html.oscuro .focus\:bg-gray-50:focus { background-color: #28231f; }
html.oscuro .focus\:bg-stone-50:focus { background-color: #28231f; }
html.oscuro .focus\:bg-\[\#FAF8F5\]:focus { background-color: #28231f; }
html.oscuro .focus\:bg-\[\#FAF8F5\]\/50:focus { background-color: rgba(40, 35, 31, 0.6); }
html.oscuro .focus\:bg-\[\#F3F0EC\]:focus { background-color: #302a25; }
html.oscuro .focus\:bg-gray-100:focus { background-color: #302a25; }
html.oscuro .focus\:bg-stone-100:focus { background-color: #302a25; }
html.oscuro .focus\:bg-gray-200:focus { background-color: #3a332d; }
html.oscuro .focus\:bg-stone-200:focus { background-color: #3a332d; }
html.oscuro .focus\:bg-amber-50:focus { background-color: rgba(245, 158, 11, 0.12); }
html.oscuro .focus\:bg-amber-100:focus { background-color: rgba(245, 158, 11, 0.2); }
html.oscuro .focus\:bg-blue-50:focus { background-color: rgba(96, 165, 250, 0.12); }
html.oscuro .focus\:bg-red-50:focus { background-color: rgba(248, 113, 113, 0.12); }
html.oscuro .focus\:bg-emerald-50:focus { background-color: rgba(52, 211, 153, 0.12); }
html.oscuro .focus\:bg-\[\#800020\]\/5:focus { background-color: rgba(232, 145, 159, 0.10); }
html.oscuro .focus\:bg-\[\#800020\]\/10:focus { background-color: rgba(232, 145, 159, 0.14); }
html.oscuro .focus\:bg-\[\#800020\]\/20:focus { background-color: rgba(232, 145, 159, 0.22); }
html.oscuro .focus\:bg-\[\#800020\]\/\[0\.06\]:focus { background-color: rgba(232, 145, 159, 0.10); }
html.oscuro .focus\:bg-stone-900\/30:focus { background-color: rgba(0, 0, 0, 0.5); }
html.oscuro .focus\:text-gray-900:focus { color: #f2ece5; }
html.oscuro .focus\:text-stone-900:focus { color: #f2ece5; }
html.oscuro .focus\:text-gray-800:focus { color: #e9e2da; }
html.oscuro .focus\:text-stone-800:focus { color: #e9e2da; }
html.oscuro .focus\:text-gray-700:focus { color: #dad2c9; }
html.oscuro .focus\:text-stone-700:focus { color: #dad2c9; }
html.oscuro .focus\:text-gray-600:focus { color: #c4bab0; }
html.oscuro .focus\:text-stone-600:focus { color: #c4bab0; }
html.oscuro .focus\:text-gray-500:focus { color: #a99f95; }
html.oscuro .focus\:text-stone-500:focus { color: #a99f95; }
html.oscuro .focus\:text-gray-400:focus { color: #968c83; }
html.oscuro .focus\:text-stone-400:focus { color: #968c83; }
html.oscuro .focus\:text-gray-300:focus { color: #6f665e; }
html.oscuro .focus\:text-stone-300:focus { color: #6f665e; }
html.oscuro .focus\:text-gray-200:focus { color: #544c46; }
html.oscuro .focus\:text-stone-200:focus { color: #544c46; }
html.oscuro .focus\:text-\[\#800020\]:focus { color: #e8919f; }
html.oscuro .focus\:text-\[\#800020\]\/60:focus { color: rgba(232, 145, 159, 0.7); }
html.oscuro .focus\:text-\[\#800020\]\/70:focus { color: rgba(232, 145, 159, 0.8); }
html.oscuro .focus\:text-amber-700:focus { color: #f2c46d; }
html.oscuro .focus\:text-amber-600:focus { color: #f2c46d; }
html.oscuro .focus\:text-blue-600:focus { color: #93c5fd; }
html.oscuro .focus\:text-red-600:focus { color: #f8a5a5; }
html.oscuro .focus\:text-red-500:focus { color: #f8a5a5; }
html.oscuro .focus\:text-emerald-700:focus { color: #6ee7b7; }
html.oscuro .focus\:border-gray-50:focus { border-color: #2c2622; }
html.oscuro .focus\:border-stone-50:focus { border-color: #2c2622; }
html.oscuro .focus\:border-gray-100:focus { border-color: #2c2622; }
html.oscuro .focus\:border-stone-100:focus { border-color: #2c2622; }
html.oscuro .focus\:border-gray-200:focus { border-color: #3a332d; }
html.oscuro .focus\:border-stone-200:focus { border-color: #3a332d; }
html.oscuro .focus\:border-gray-300:focus { border-color: #4a423b; }
html.oscuro .focus\:border-stone-300:focus { border-color: #4a423b; }
html.oscuro .focus\:border-amber-200:focus { border-color: rgba(245, 158, 11, 0.35); }
html.oscuro .focus\:border-amber-300:focus { border-color: rgba(245, 158, 11, 0.5); }
html.oscuro .focus\:border-red-200:focus { border-color: rgba(248, 113, 113, 0.4); }
html.oscuro .focus\:border-\[\#800020\]\/10:focus { border-color: rgba(232, 145, 159, 0.18); }
html.oscuro .focus\:border-\[\#800020\]\/20:focus { border-color: rgba(232, 145, 159, 0.3); }
html.oscuro .focus\:border-black\/10:focus { border-color: rgba(255, 255, 255, 0.12); }
html.oscuro .focus\:from-white:focus { --tw-gradient-from: #201c1a var(--tw-gradient-from-position); }
html.oscuro .focus\:to-\[\#FAF8F5\]\/30:focus { --tw-gradient-to: rgba(40, 35, 31, 0.4) var(--tw-gradient-to-position); }
html.oscuro .focus\:ring-white:focus { --tw-ring-color: #28231f; }
html.oscuro .focus\:ring-black\/5:focus { --tw-ring-color: rgba(255, 255, 255, 0.08); }
html.oscuro .focus\:shadow-stone-200\/60:focus { --tw-shadow-color: rgba(0, 0, 0, 0.45); --tw-shadow: var(--tw-shadow-colored); }
html.oscuro .focus\:shadow-red-900\/10:focus { --tw-shadow-color: rgba(0, 0, 0, 0.35); --tw-shadow: var(--tw-shadow-colored); }
html.oscuro .focus\:shadow-\[\#800020\]\/10:focus { --tw-shadow-color: rgba(0, 0, 0, 0.35); --tw-shadow: var(--tw-shadow-colored); }
html.oscuro .hover\:bg-\[\#800020\]:hover { background-color: #800020; }
html.oscuro .hover\:bg-\[\#600018\]:hover { background-color: #600018; }
html.oscuro .hover\:text-white:hover { color: #ffffff; }
html.oscuro .hover\:border-\[\#800020\]:hover { border-color: #e8919f; }
html.oscuro .hover\:border-\[\#800020\]\/20:hover { border-color: rgba(232, 145, 159, 0.35); }
html.oscuro .hover\:ring-amber-300:hover { --tw-ring-color: rgba(245, 158, 11, 0.5); }
html.oscuro .group:hover .group-hover\:bg-\[\#800020\] { background-color: #800020; }
html.oscuro .group:hover .group-hover\:bg-\[\#600018\] { background-color: #600018; }
html.oscuro .group:hover .group-hover\:text-white { color: #ffffff; }
html.oscuro .group:hover .group-hover\:border-\[\#800020\] { border-color: #e8919f; }
html.oscuro .group:hover .group-hover\:border-\[\#800020\]\/20 { border-color: rgba(232, 145, 159, 0.35); }
html.oscuro .group:hover .group-hover\:ring-amber-300 { --tw-ring-color: rgba(245, 158, 11, 0.5); }
html.oscuro .focus\:bg-\[\#800020\]:focus { background-color: #800020; }
html.oscuro .focus\:bg-\[\#600018\]:focus { background-color: #600018; }
html.oscuro .focus\:text-white:focus { color: #ffffff; }
html.oscuro .focus\:border-\[\#800020\]:focus { border-color: #e8919f; }
html.oscuro .focus\:border-\[\#800020\]\/20:focus { border-color: rgba(232, 145, 159, 0.35); }
html.oscuro .focus\:ring-amber-300:focus { --tw-ring-color: rgba(245, 158, 11, 0.5); }
html.oscuro .placeholder-gray-300::placeholder { color: #6f665e; }
html.oscuro .placeholder-gray-400::placeholder { color: #968c83; }
html.oscuro .placeholder-stone-400::placeholder { color: #968c83; }