@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

@import"https://fonts.googleapis.com/css2?family=Inconsolata:wdth,wght@112.5,200..900&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:"DM Serif Display", serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-orange-800:oklch(47% .157 37.304);--color-orange-900:oklch(40.8% .123 38.172);--color-orange-950:oklch(26.6% .079 36.259);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-amber-950:oklch(27.9% .077 45.635);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-yellow-950:oklch(28.6% .066 53.813);--color-lime-50:oklch(98.6% .031 120.757);--color-lime-100:oklch(96.7% .067 122.328);--color-lime-200:oklch(93.8% .127 124.321);--color-lime-300:oklch(89.7% .196 126.665);--color-lime-400:oklch(84.1% .238 128.85);--color-lime-500:oklch(76.8% .233 130.85);--color-lime-600:oklch(64.8% .2 131.684);--color-lime-700:oklch(53.2% .157 131.589);--color-lime-800:oklch(45.3% .124 130.933);--color-lime-900:oklch(40.5% .101 131.063);--color-lime-950:oklch(27.4% .072 132.109);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-green-950:oklch(26.6% .065 152.934);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-teal-50:oklch(98.4% .014 180.72);--color-teal-100:oklch(95.3% .051 180.801);--color-teal-200:oklch(91% .096 180.426);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-400:oklch(77.7% .152 181.912);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-teal-700:oklch(51.1% .096 186.391);--color-teal-800:oklch(43.7% .078 188.216);--color-teal-900:oklch(38.6% .063 188.416);--color-teal-950:oklch(27.7% .046 192.524);--color-cyan-50:oklch(98.4% .019 200.873);--color-cyan-100:oklch(95.6% .045 203.388);--color-cyan-200:oklch(91.7% .08 205.041);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-500:oklch(71.5% .143 215.221);--color-cyan-600:oklch(60.9% .126 221.723);--color-cyan-700:oklch(52% .105 223.128);--color-cyan-800:oklch(45% .085 224.283);--color-cyan-900:oklch(39.8% .07 227.392);--color-cyan-950:oklch(30.2% .056 229.695);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-600:oklch(58.8% .158 241.966);--color-sky-700:oklch(50% .134 242.749);--color-sky-800:oklch(44.3% .11 240.79);--color-sky-900:oklch(39.1% .09 240.876);--color-sky-950:oklch(29.3% .066 243.157);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-blue-950:oklch(28.2% .091 267.935);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-indigo-800:oklch(39.8% .195 277.366);--color-indigo-900:oklch(35.9% .144 278.697);--color-indigo-950:oklch(25.7% .09 281.288);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-violet-800:oklch(43.2% .232 292.759);--color-violet-900:oklch(38% .189 293.745);--color-violet-950:oklch(28.3% .141 291.089);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-purple-900:oklch(38.1% .176 304.987);--color-purple-950:oklch(29.1% .149 302.717);--color-fuchsia-50:oklch(97.7% .017 320.058);--color-fuchsia-100:oklch(95.2% .037 318.852);--color-fuchsia-200:oklch(90.3% .076 319.62);--color-fuchsia-300:oklch(83.3% .145 321.434);--color-fuchsia-400:oklch(74% .238 322.16);--color-fuchsia-500:oklch(66.7% .295 322.15);--color-fuchsia-600:oklch(59.1% .293 322.896);--color-fuchsia-700:oklch(51.8% .253 323.949);--color-fuchsia-800:oklch(45.2% .211 324.591);--color-fuchsia-900:oklch(40.1% .17 325.612);--color-fuchsia-950:oklch(29.3% .136 325.661);--color-pink-50:oklch(97.1% .014 343.198);--color-pink-100:oklch(94.8% .028 342.258);--color-pink-200:oklch(89.9% .061 343.231);--color-pink-300:oklch(82.3% .12 346.018);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-pink-700:oklch(52.5% .223 3.958);--color-pink-800:oklch(45.9% .187 3.815);--color-pink-900:oklch(40.8% .153 2.432);--color-pink-950:oklch(28.4% .109 3.907);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-300:oklch(81% .117 11.638);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-800:oklch(45.5% .188 13.697);--color-rose-900:oklch(41% .159 10.272);--color-rose-950:oklch(27.1% .105 12.094);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-zinc-50:oklch(98.5% 0 0);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-stone-50:oklch(98.5% .001 106.423);--color-stone-100:oklch(97% .001 106.424);--color-stone-200:oklch(92.3% .003 48.717);--color-stone-300:oklch(86.9% .005 56.366);--color-stone-400:oklch(70.9% .01 56.259);--color-stone-500:oklch(55.3% .013 58.071);--color-stone-600:oklch(44.4% .011 73.639);--color-stone-700:oklch(37.4% .01 67.558);--color-stone-800:oklch(26.8% .007 34.298);--color-stone-900:oklch(21.6% .006 56.043);--color-stone-950:oklch(14.7% .004 49.25);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-3xs:16rem;--container-2xs:18rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--shadow-2xs:0 1px #0000000d;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--inset-shadow-2xs:inset 0 1px #0000000d;--inset-shadow-xs:inset 0 1px 1px #0000000d;--inset-shadow-sm:inset 0 2px 4px #0000000d;--drop-shadow-xs:0 1px 1px #0000000d;--drop-shadow-sm:0 1px 2px #00000026;--drop-shadow-md:0 3px 3px #0000001f;--drop-shadow-lg:0 4px 4px #00000026;--drop-shadow-xl:0 9px 7px #0000001a;--drop-shadow-2xl:0 25px 25px #00000026;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--perspective-dramatic:100px;--perspective-near:300px;--perspective-normal:500px;--perspective-midrange:800px;--perspective-distant:1200px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-inconsolata:"Inconsolata", monospace}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:where(:root),:root:has(input.theme-controller[value=light]:checked),[data-theme=light]{color-scheme:light;--color-base-100:oklch(100% 0 0);--color-base-200:oklch(97.8% .005 297.73);--color-base-300:oklch(37.01% .0069 297.49);--color-base-content:oklch(37.57% .022 281.8);--color-primary:oklch(57.59% .247 287.24);--color-primary-content:oklch(96.57% .017 289.61);--color-secondary:oklch(55.79% .022 301.91);--color-secondary-content:oklch(97.64% .001 286.38);--color-accent:oklch(62.31% .188 259.81);--color-accent-content:oklch(97.05% .014 254.6);--color-neutral:oklch(37.57% .0222 281.8);--color-neutral-content:oklch(98% .0013 286.38);--color-info:oklch(71.48% .126 215.22);--color-info-content:oklch(98.41% .019 200.87);--color-success:oklch(73.11% .217 147.04);--color-success-content:oklch(98.1% .014 174.18);--color-warning:oklch(79.87% .164 73.09);--color-warning-content:oklch(99.34% .011 95.16);--color-error:oklch(65.39% .222 25.86);--color-error-content:oklch(98.76% .009 67.73);--radius-selector:.25rem;--radius-field:.375rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:0;--noise:0}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--color-base-100:oklch(31.23% .026 301.24);--color-base-200:oklch(25.39% .025 298.72);--color-base-300:oklch(23.44% .0194 298.63);--color-base-content:oklch(84.98% .014 295.28);--color-primary:oklch(53.93% .271 286.75);--color-primary-content:oklch(88.22% .062 290.17);--color-secondary:oklch(49.12% .021 303.05);--color-secondary-content:oklch(88.83% .007 304.23);--color-accent:oklch(54.61% .215 262.88);--color-accent-content:oklch(88.23% .057 254.13);--color-neutral:oklch(65.75% .022 294.95);--color-neutral-content:oklch(18.51% .017 301.92);--color-info:oklch(60.89% .111 221.72);--color-info-content:oklch(91.67% .077 205.04);--color-success:oklch(67.35% .201 146.84);--color-success-content:oklch(91.38% .069 168.24);--color-warning:oklch(72.59% .152 69.05);--color-warning-content:oklch(96.07% .057 93.2);--color-error:oklch(59.54% .208 26.28);--color-error-content:oklch(93.4% .039 54.86);--radius-selector:.25rem;--radius-field:.375rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:0;--noise:0}}:root:has(input.theme-controller[value=light]:checked),[data-theme=light]{color-scheme:light;--color-base-100:oklch(100% 0 0);--color-base-200:oklch(97.8% .005 297.73);--color-base-300:oklch(37.01% .0069 297.49);--color-base-content:oklch(37.57% .022 281.8);--color-primary:oklch(57.59% .247 287.24);--color-primary-content:oklch(96.57% .017 289.61);--color-secondary:oklch(55.79% .022 301.91);--color-secondary-content:oklch(97.64% .001 286.38);--color-accent:oklch(62.31% .188 259.81);--color-accent-content:oklch(97.05% .014 254.6);--color-neutral:oklch(37.57% .0222 281.8);--color-neutral-content:oklch(98% .0013 286.38);--color-info:oklch(71.48% .126 215.22);--color-info-content:oklch(98.41% .019 200.87);--color-success:oklch(73.11% .217 147.04);--color-success-content:oklch(98.1% .014 174.18);--color-warning:oklch(79.87% .164 73.09);--color-warning-content:oklch(99.34% .011 95.16);--color-error:oklch(65.39% .222 25.86);--color-error-content:oklch(98.76% .009 67.73);--radius-selector:.25rem;--radius-field:.375rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:0;--noise:0}:root:has(input.theme-controller[value=dark]:checked),[data-theme=dark]{color-scheme:dark;--color-base-100:oklch(31.23% .026 301.24);--color-base-200:oklch(25.39% .025 298.72);--color-base-300:oklch(23.44% .0194 298.63);--color-base-content:oklch(84.98% .014 295.28);--color-primary:oklch(53.93% .271 286.75);--color-primary-content:oklch(88.22% .062 290.17);--color-secondary:oklch(49.12% .021 303.05);--color-secondary-content:oklch(88.83% .007 304.23);--color-accent:oklch(54.61% .215 262.88);--color-accent-content:oklch(88.23% .057 254.13);--color-neutral:oklch(65.75% .022 294.95);--color-neutral-content:oklch(18.51% .017 301.92);--color-info:oklch(60.89% .111 221.72);--color-info-content:oklch(91.67% .077 205.04);--color-success:oklch(67.35% .201 146.84);--color-success-content:oklch(91.38% .069 168.24);--color-warning:oklch(72.59% .152 69.05);--color-warning-content:oklch(96.07% .057 93.2);--color-error:oklch(59.54% .208 26.28);--color-error-content:oklch(93.4% .039 54.86);--radius-selector:.25rem;--radius-field:.375rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:0;--noise:0}:root{--fx-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E")}.chat{--mask-chat:url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e")}.tooltip{--mask-tooltip:url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A")}:root{scrollbar-color:currentColor #0000}@supports (color:color-mix(in lab,red,red)){:root{scrollbar-color:color-mix(in oklch,currentColor 20%,#0000) #0000}}@property --radialprogress{syntax:"<percentage>";inherits:true;initial-value:0%}:root,[data-theme]{background-color:var(--root-bg,var(--color-base-100));color:var(--color-base-content)}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}@property --motion-bounce{syntax:"*";inherits:false;initial-value:linear(0,.004,.016,.035,.063,.098,.141 13.6%,.25,.391,.563,.765,1,.891 40.9%,.848,.813,.785,.766,.754,.75,.754,.766,.785,.813,.848,.891 68.2%,1 72.7%,.973,.953,.941,.938,.941,.953,.973,1,.988,.984,.988,1)}@property --motion-spring-smooth{syntax:"*";inherits:false;initial-value:linear(0,.001 .44%,.0045 .94%,.0195 2.03%,.0446 3.19%,.0811 4.5%,.1598 6.82%,.3685 12.34%,.4693 15.17%,.5663,.6498 21.27%,.7215 24.39%,.7532 25.98%,.7829 27.65%,.8105,.8349 31.14%,.8573 32.95%,.8776 34.84%,.8964 36.87%,.9136 39.05%,.929 41.37%,.9421 43.77%,.9537 46.38%,.9636 49.14%,.9789 55.31%,.9888 62.35%,.9949 71.06%,.9982 82.52%,.9997 99.94%)}@property --motion-spring-snappy{syntax:"*";inherits:false;initial-value:linear(0,.0014,.0053 1.02%,.0126,.0227 2.18%,.0517 3.41%,.094 4.79%,.1865 7.26%,.4182 12.77%,.5246 15.46%,.6249,.7112,.7831 23.95%,.8146 25.4%,.844,.8699 28.45%,.8935,.9139 31.64%,.932,.9473,.9601 36.65%,.9714 38.47%,.9808 40.35%,.9948 44.49%,1.0031 49.43%,1.0057 53.35%,1.0063 58.14%,1.0014 80.78%,1.0001 99.94%)}@property --motion-spring-bouncy{syntax:"*";inherits:false;initial-value:linear(0,.0018,.0069,.0151 1.74%,.0277 2.4%,.062 3.7%,.1115 5.15%,.2211 7.77%,.4778 13.21%,.5912 15.75%,.6987 18.44%,.7862 20.98%,.861 23.59%,.8926,.9205,.945 27.51%,.9671 28.89%,.9868,1.003 31.79%,1.0224 34.11%,1.0358 36.58%,1.0436 39.27%,1.046 42.31%,1.0446 44.71%,1.0406 47.47%,1.0118 61.84%,1.0027 69.53%,.9981 80.49%,.9991 99.94%)}@property --motion-spring-bouncier{syntax:"*";inherits:false;initial-value:linear(0,.0023,.0088,.0194 1.59%,.035 2.17%,.078 3.33%,.1415 4.64%,.2054 5.75%,.2821 6.95%,.5912 11.45%,.7205 13.43%,.8393 15.45%,.936 17.39%,.9778,1.015,1.0477,1.0759,1.0998 22.22%,1.1203,1.1364,1.1484 25.26%,1.1586 26.61%,1.1629 28.06%,1.1613 29.56%,1.1537 31.2%,1.1434 32.6%,1.1288 34.19%,1.0508 41.29%,1.0174 44.87%,1.0025 46.89%,.9911 48.87%,.9826 50.9%,.9769 53.03%,.9735 56.02%,.9748 59.45%,.9964 72.64%,1.0031 79.69%,1.0042 86.83%,1.0008 99.97%)}@property --motion-spring-bounciest{syntax:"*";inherits:false;initial-value:linear(0,.0032,.0131,.0294,.0524,.0824,.1192 1.54%,.2134 2.11%,.3102 2.59%,.4297 3.13%,.8732 4.95%,1.0373,1.1827 6.36%,1.2972 7.01%,1.3444,1.3859,1.4215,1.4504,1.4735,1.4908,1.5024,1.5084 9.5%,1.5091,1.5061,1.4993,1.4886,1.4745,1.4565 11.11%,1.4082 11.7%,1.3585 12.2%,1.295 12.77%,1.0623 14.64%,.9773,.9031 16.08%,.8449 16.73%,.8014,.7701 17.95%,.7587,.7501,.7443,.7412 19.16%,.7421 19.68%,.7508 20.21%,.7672 20.77%,.7917 21.37%,.8169 21.87%,.8492 22.43%,.9681 24.32%,1.0114,1.0492 25.75%,1.0789 26.41%,1.1008,1.1167,1.1271,1.1317 28.81%,1.1314,1.1271 29.87%,1.1189 30.43%,1.1063 31.03%,1.0769 32.11%,.9941 34.72%,.9748 35.43%,.9597 36.09%,.9487,.9407,.9355,.933 38.46%,.9344 39.38%,.9421 40.38%,.9566 41.5%,.9989 44.12%,1.0161 45.37%,1.029 46.75%,1.0341 48.1%,1.0335 49.04%,1.0295 50.05%,1.0221 51.18%,.992 55.02%,.9854 56.38%,.9827 57.72%,.985 59.73%,1.004 64.67%,1.0088 67.34%,1.0076 69.42%,.9981 74.28%,.9956 76.85%,.9961 79.06%,1.0023 86.46%,.999 95.22%,.9994 100%)}@property --motion-origin-scale-x{syntax:"*";inherits:false;initial-value:100%}@property --motion-origin-scale-y{syntax:"*";inherits:false;initial-value:100%}@property --motion-origin-translate-x{syntax:"*";inherits:false;initial-value:0%}@property --motion-origin-translate-y{syntax:"*";inherits:false;initial-value:0%}@property --motion-origin-rotate{syntax:"*";inherits:false;initial-value:0deg}@property --motion-origin-blur{syntax:"*";inherits:false;initial-value:0px}@property --motion-origin-grayscale{syntax:"*";inherits:false;initial-value:0%}@property --motion-origin-opacity{syntax:"*";inherits:false;initial-value:100%}@property --motion-origin-background-color{syntax:"*";inherits:false}@property --motion-origin-text-color{syntax:"*";inherits:false}@property --motion-end-scale-x{syntax:"*";inherits:false;initial-value:100%}@property --motion-end-scale-y{syntax:"*";inherits:false;initial-value:100%}@property --motion-end-translate-x{syntax:"*";inherits:false;initial-value:0%}@property --motion-end-translate-y{syntax:"*";inherits:false;initial-value:0%}@property --motion-end-rotate{syntax:"*";inherits:false;initial-value:0deg}@property --motion-end-blur{syntax:"*";inherits:false;initial-value:0px}@property --motion-end-grayscale{syntax:"*";inherits:false;initial-value:0%}@property --motion-end-opacity{syntax:"*";inherits:false;initial-value:100%}@property --motion-end-background-color{syntax:"*";inherits:false}@property --motion-end-text-color{syntax:"*";inherits:false}@property --motion-loop-scale-x{syntax:"*";inherits:false;initial-value:100%}@property --motion-loop-scale-y{syntax:"*";inherits:false;initial-value:100%}@property --motion-loop-translate-x{syntax:"*";inherits:false;initial-value:0%}@property --motion-loop-translate-y{syntax:"*";inherits:false;initial-value:0%}@property --motion-loop-rotate{syntax:"*";inherits:false;initial-value:0deg}@property --motion-loop-blur{syntax:"*";inherits:false;initial-value:0px}@property --motion-loop-grayscale{syntax:"*";inherits:false;initial-value:0%}@property --motion-loop-opacity{syntax:"*";inherits:false;initial-value:100%}@property --motion-loop-background-color{syntax:"*";inherits:false}@property --motion-loop-text-color{syntax:"*";inherits:false}@property --motion-duration{syntax:"*";inherits:false;initial-value:.7s}@property --motion-timing{syntax:"*";inherits:false;initial-value:cubic-bezier(.165,.84,.44,1)}@property --motion-perceptual-duration-multiplier{syntax:"*";inherits:false;initial-value:1}@property --motion-delay{syntax:"*";inherits:false;initial-value:0s}@property --motion-loop-count{syntax:"*";inherits:false;initial-value:infinite}@property --motion-scale-in-animation{syntax:"*";inherits:false;initial-value:none}@property --motion-translate-in-animation{syntax:"*";inherits:false;initial-value:none}@property --motion-rotate-in-animation{syntax:"*";inherits:false;initial-value:none}@property --motion-filter-in-animation{syntax:"*";inherits:false;initial-value:none}@property --motion-opacity-in-animation{syntax:"*";inherits:false;initial-value:none}@property --motion-background-color-in-animation{syntax:"*";inherits:false;initial-value:none}@property --motion-text-color-in-animation{syntax:"*";inherits:false;initial-value:none}@property --motion-scale-out-animation{syntax:"*";inherits:false;initial-value:none}@property --motion-translate-out-animation{syntax:"*";inherits:false;initial-value:none}@property --motion-rotate-out-animation{syntax:"*";inherits:false;initial-value:none}@property --motion-filter-out-animation{syntax:"*";inherits:false;initial-value:none}@property --motion-opacity-out-animation{syntax:"*";inherits:false;initial-value:none}@property --motion-background-color-out-animation{syntax:"*";inherits:false;initial-value:none}@property --motion-text-color-out-animation{syntax:"*";inherits:false;initial-value:none}@property --motion-scale-loop-animation{syntax:"*";inherits:false;initial-value:none}@property --motion-translate-loop-animation{syntax:"*";inherits:false;initial-value:none}@property --motion-rotate-loop-animation{syntax:"*";inherits:false;initial-value:none}@property --motion-filter-loop-animation{syntax:"*";inherits:false;initial-value:none}@property --motion-opacity-loop-animation{syntax:"*";inherits:false;initial-value:none}@property --motion-background-color-loop-animation{syntax:"*";inherits:false;initial-value:none}@property --motion-text-color-loop-animation{syntax:"*";inherits:false;initial-value:none}@media screen and (prefers-reduced-motion:no-preference){@keyframes motion-scale-in{0%{scale:var(--motion-origin-scale-x) var(--motion-origin-scale-y)}to{scale:1}}@keyframes motion-scale-out{0%{scale:1}to{scale:var(--motion-end-scale-x) var(--motion-end-scale-y)}}@keyframes motion-scale-loop-mirror{0%,to{scale:1}50%{scale:var(--motion-loop-scale-x) var(--motion-loop-scale-y)}}@keyframes motion-scale-loop-reset{0%{scale:1}to{scale:var(--motion-loop-scale-x) var(--motion-loop-scale-y)}}@keyframes motion-translate-in{0%{translate:var(--motion-origin-translate-x) var(--motion-origin-translate-y)}to{translate:0}}@keyframes motion-translate-out{0%{translate:0}to{translate:var(--motion-end-translate-x) var(--motion-end-translate-y)}}@keyframes motion-translate-loop-mirror{0%,to{translate:0}50%{translate:var(--motion-loop-translate-x) var(--motion-loop-translate-y)}}@keyframes motion-translate-loop-reset{0%{translate:0}to{translate:var(--motion-loop-translate-x) var(--motion-loop-translate-y)}}@keyframes motion-rotate-in{0%{rotate:var(--motion-origin-rotate)}to{rotate:0}}@keyframes motion-rotate-out{0%{rotate:0}to{rotate:var(--motion-end-rotate)}}@keyframes motion-rotate-loop-mirror{0%,to{rotate:none}50%{rotate:var(--motion-loop-rotate)}}@keyframes motion-rotate-loop-reset{to{rotate:var(--motion-loop-rotate)}}}@keyframes motion-filter-in{0%{filter:blur(var(--motion-origin-blur)) grayscale(var(--motion-origin-grayscale))}to{filter:blur()grayscale(0)}}@keyframes motion-filter-out{0%{filter:blur()grayscale(0)}to{filter:blur(var(--motion-end-blur)) grayscale(var(--motion-end-grayscale))}}@keyframes motion-filter-loop-mirror{0%,to{filter:blur()grayscale(0)}50%{filter:blur(var(--motion-loop-blur)) grayscale(var(--motion-loop-grayscale))}}@keyframes motion-filter-loop-reset{0%{filter:blur()grayscale(0)}to{filter:blur(var(--motion-loop-blur)) grayscale(var(--motion-loop-grayscale))}}@keyframes motion-opacity-in{0%{opacity:var(--motion-origin-opacity)}}@keyframes motion-opacity-out{to{opacity:var(--motion-end-opacity)}}@keyframes motion-opacity-loop-mirror{50%{opacity:var(--motion-loop-opacity)}}@keyframes motion-opacity-loop-reset{to{opacity:var(--motion-loop-opacity)}}@keyframes motion-background-color-in{0%{background-color:var(--motion-origin-background-color)}}@keyframes motion-background-color-out{to{background-color:var(--motion-end-background-color)}}@keyframes motion-background-color-loop-mirror{50%{background-color:var(--motion-loop-background-color)}}@keyframes motion-background-color-loop-reset{to{background-color:var(--motion-loop-background-color)}}@keyframes motion-text-color-in{0%{color:var(--motion-origin-text-color)}}@keyframes motion-text-color-out{to{color:var(--motion-end-text-color)}}@keyframes motion-text-color-loop-mirror{50%{color:var(--motion-loop-text-color)}}@keyframes motion-text-color-loop-reset{to{color:var(--motion-loop-text-color)}}:where(:root),:root:has(input.theme-controller[value=estanteria]:checked),[data-theme=estanteria]{color-scheme:light;--color-base-100:oklch(98.48% .0113 71.9);--color-base-200:oklch(94.9% .0217 69.78);--color-base-300:oklch(85.83% .0404 73.39);--color-base-content:oklch(27.85% .015 62.76);--color-primary:oklch(61.36% .205306 37.0182);--color-primary-content:oklch(89% .0578 27.52);--color-secondary:oklch(26.73% .1042 5.9);--color-secondary-content:oklch(94.17% .0338 352.03);--color-accent:oklch(84.13% .0518 196.21);--color-accent-content:oklch(35.19% .070865 230.913);--color-neutral:oklch(41.28% 0 0);--color-neutral-content:oklch(86.07% 0 0);--color-info:oklch(91.77% .0394 271.45);--color-info-content:oklch(28.56% .1492 271.42);--color-success:oklch(89.87% .037 188.08);--color-success-content:oklch(37.55% .0593 191.63);--color-warning:oklch(88.61% .1087 80.39);--color-warning-content:oklch(55.99% .1186 74.12);--color-error:oklch(90.73% .0478 26.03);--color-error-content:oklch(27.23% .0945 33.63);--radius-selector:1rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}}@layer utilities{.diff{grid-template-columns:auto 1fr;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size}.carousel-prev{cursor:pointer;justify-content:center;align-items:center;height:max-content;margin-block:auto;display:inline-flex;position:absolute;inset-block:0}.carousel-prev.disabled{pointer-events:none}.carousel-prev{border-start-start-radius:var(--radius-2xl);border-end-start-radius:var(--radius-2xl)}.carousel-next{cursor:pointer;justify-content:center;align-items:center;height:max-content;margin-block:auto;display:inline-flex;position:absolute;inset-block:0}.carousel-next.disabled{pointer-events:none}.carousel-next{border-start-end-radius:var(--radius-2xl);border-end-end-radius:var(--radius-2xl)}.menu{border-radius:var(--radius-box);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--menu-active-fg:var(--color-primary);--menu-active-bg:var(--color-primary);flex-flow:column wrap;gap:.125rem;padding:.5rem;display:flex}@supports (color:color-mix(in lab,red,red)){.menu{--menu-active-bg:color-mix(in oklab, var(--color-primary) 10%, #0000)}}.menu{--menu-hover-fg:var(--color-base-content);--menu-hover-bg:var(--color-neutral)}@supports (color:color-mix(in lab,red,red)){.menu{--menu-hover-bg:color-mix(in oklab, var(--color-neutral) 10%, #0000)}}.menu :where(li ul){white-space:nowrap;position:relative}.menu :where(li:not(.dropdown) ul){margin-inline-start:1rem;padding-inline-start:.5rem}.menu :where(li:not(.dropdown) ul):before{background-color:var(--color-base-content);opacity:.1;width:var(--border);content:"";inset-inline-start:0;position:absolute;top:.75rem;bottom:.625rem}.menu :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}.menu :where(.menu li:empty){background-color:var(--color-base-content);opacity:.1;height:1px;margin:.5rem 1rem}.menu :where(li:not(.menu-title,.tooltip)>:not(ul,.collapse,.accordion-content,.menu-title,.btn)){border-radius:var(--radius-field);text-align:start;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-timing-function:var(--ease-out);transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;--tw-ease:var(--ease-out);text-wrap:balance;padding-block:.625rem;padding-inline:1rem;transition-duration:.2s}.menu :where(li:not(.menu-title)>:not(ul,.collapse,.accordion-content,.menu-title,.btn)){-webkit-user-select:none;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;display:grid}.menu :where(li.tooltip)>*{border-radius:var(--radius-field);text-align:start;padding-block:.625rem;padding-inline:1rem}.menu :where(.menu li:not(.menu-title,.menu-disabled)){color:var(--color-base-content)}.menu :where(.menu li:not(.menu-title,.menu-disabled)>:not(ul,.collapse,.accordion-content,.dropdown-active,.menu-title)):not(.btn):focus-visible,.menu :where(.menu li:not(.menu-title,.menu-disabled)>:not(ul,.collapse,.accordion-content,.dropdown-active,.menu-title)):hover{cursor:pointer;--tw-outline-style:none;color:var(--menu-hover-fg);background-color:var(--menu-hover-bg);outline-style:none}.menu li:not(.menu-title,.menu-disabled)>:not(ul,.menu-title,.collapse,.accordion-content,.btn).menu-active{color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise) * 100%);background-image:none,var(--fx-noise)}.menu li.menu-disabled{pointer-events:none;opacity:.5;webkit-user-select:none;-webkit-user-select:none;user-select:none}:where(.menu li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative}:where(.menu li) .badge{justify-self:flex-end}.input-floating-label{pointer-events:none;width:fit-content;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));text-overflow:ellipsis;color:var(--color-base-content);background-color:#0000;margin-inline-start:.75rem;position:absolute;inset-inline-start:0;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.input-floating-label{color:color-mix(in oklab,var(--color-base-content) 50%,transparent)}}.input-floating-label{top:calc(var(--size-field,.25rem) * 9.5 / 2);transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;translate:0 -50%}.link{--link-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.link{--link-color:color-mix(in oklab, var(--color-base-content) 80%, #0000)}}.link{cursor:pointer;--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--link-color);text-decoration-line:underline;display:inline-block}.link:hover{color:var(--link-color)}@supports (color:color-mix(in lab,red,red)){.link:hover{color:color-mix(in oklab,var(--link-color) 80%,#000)}}.link:focus{--tw-outline-style:none;outline-style:none}.link:focus-visible{outline-offset:2px;outline:2px solid}.link.disabled,.link[disabled],.link:disabled{pointer-events:none;opacity:.5}.link:where(.link-animated){text-decoration-line:none;position:relative}.link:where(.link-animated):before{content:var(--tw-content);pointer-events:none;width:100%;height:1px;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--ease-in-out);--tw-duration:.3s;--tw-ease:var(--ease-in-out);--tw-content:"";inset-inline-start:0;transform-origin:100%;background-color:currentColor;transition-duration:.3s;position:absolute;bottom:0;transform:scaleX(0)}.link:where(.link-animated):hover:before{transform-origin:0%;transform:scale(1)}.input-floating{width:100%;display:block;position:relative}.input-floating .input::placeholder{color:#0000}.input-floating .input:focus::placeholder{color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.input-floating .input:focus::placeholder{color:color-mix(in oklab,var(--color-base-content) 50%,transparent)}}.input-floating .input:has(>input[disabled]),.input-floating .input:is(:disabled,[disabled]){border-style:var(--tw-border-style);opacity:.5;background-color:#0000;border-width:1px}:is(.input-floating .input:has(>input[disabled]),.input-floating .input:is(:disabled,[disabled]))~.input-floating-label{color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){:is(.input-floating .input:has(>input[disabled]),.input-floating .input:is(:disabled,[disabled]))~.input-floating-label{color:color-mix(in oklab,var(--color-base-content) 30%,transparent)}}:is(.input-floating:focus-within,.input-floating:not(:has(input:placeholder-shown)),.input-floating:has(.input:focus)) .input-floating-label{pointer-events:auto;background-color:var(--color-base-100);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-base-content);padding-inline:.25rem;top:0}@supports (color:color-mix(in lab,red,red)){:is(.input-floating:focus-within,.input-floating:not(:has(input:placeholder-shown)),.input-floating:has(.input:focus)) .input-floating-label{color:color-mix(in oklab,var(--color-base-content) 50%,transparent)}}:is(.input-floating:focus-within,.input-floating:not(:has(input:placeholder-shown)),.input-floating:has(.input:focus)) .input-floating-label{translate:-12.5% calc(-50% - .125em);scale:.75}:is(.input-floating:focus-within,.input-floating:has(.input:focus)) .input-floating-label{--input-color:var(--color-primary);color:var(--input-color)}.input-floating:has(.input-xs) .input-floating-label{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));top:calc(var(--size-field,.25rem) * 6 / 2);margin-inline-start:.625rem}.input-floating:has(.input-sm) .input-floating-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));top:calc(var(--size-field,.25rem) * 7.5 / 2);margin-inline-start:.625rem}.input-floating:has(.input-md) .input-floating-label{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));top:calc(var(--size-field,.25rem) * 9.5 / 2);margin-inline-start:.75rem}.input-floating:has(.input-lg) .input-floating-label{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));top:calc(var(--size-field,.25rem) * 11.5 / 2);margin-inline-start:1rem}.input-floating:has(.input-xl) .input-floating-label{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));top:calc(var(--size-field,.25rem) * 14 / 2);margin-inline-start:1.125rem}.range{appearance:none;webkit-appearance:none;--range-color:var(--color-base-content);--range-thumb-border-width:3px;--range-track-height:8px;--range-thumb-size:16px;width:100%;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));height:var(--range-track-height);background-color:#0000;border-radius:3.40282e38px;position:relative}.range::-webkit-slider-runnable-track{background-color:var(--color-neutral);border-radius:3.40282e38px;width:100%}@supports (color:color-mix(in lab,red,red)){.range::-webkit-slider-runnable-track{background-color:color-mix(in oklab,var(--color-neutral) 10%,transparent)}}.range::-webkit-slider-runnable-track{height:var(--range-track-height)}.range::-moz-range-track{background-color:var(--color-neutral);border-radius:3.40282e38px;width:100%}@supports (color:color-mix(in lab,red,red)){.range::-moz-range-track{background-color:color-mix(in oklab,var(--color-neutral) 10%,transparent)}}.range::-moz-range-track{height:var(--range-track-height)}.range::-webkit-slider-thumb{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);background-color:var(--color-base-100);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-shadow-color:var(--color-base-300);border-radius:3.40282e38px;position:relative;top:50%}@supports (color:color-mix(in lab,red,red)){.range::-webkit-slider-thumb{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-base-300) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.range::-webkit-slider-thumb{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-timing-function:var(--ease-in-out);transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;--tw-ease:var(--ease-in-out);transition-duration:.15s}@media(hover:hover){.range::-webkit-slider-thumb:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.range::-webkit-slider-thumb:hover{cursor:grab;box-shadow:0 0 0 2px var(--range-color)}.range::-webkit-slider-thumb:active{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y);cursor:grabbing;box-shadow:0 0 0 3px var(--range-color)}.range::-webkit-slider-thumb{appearance:none;box-sizing:border-box;webkit-appearance:none;color:var(--range-color);border-color:var(--range-color);border-style:solid;border-width:var(--range-thumb-border-width);height:var(--range-thumb-size);width:var(--range-thumb-size)}.range::-moz-range-thumb{background-color:var(--color-base-100);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-timing-function:var(--ease-in-out);transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;--tw-ease:var(--ease-in-out);color:var(--range-color);box-sizing:border-box;border-color:var(--range-color);border-style:solid;border-width:var(--range-thumb-border-width);height:var(--range-thumb-size);width:var(--range-thumb-size);border-radius:3.40282e38px;transition-duration:.15s;position:relative;top:50%}.range::-moz-range-thumb:hover{cursor:grab;box-shadow:0 0 0 2px var(--range-color)}.range::-moz-range-thumb:active{cursor:grabbing;box-shadow:0 0 0 3px var(--range-color)}.range:focus{outline:none}.range.disabled,.range:disabled,.range[disabled]{pointer-events:none;opacity:.5}[dir=rtl] .range::-webkit-slider-thumb{transform:scaleX(-1)}[dir=rtl] .range::-moz-range-thumb{transform:scaleX(-1)}[dir=rtl] .range::-webkit-slider-runnable-track{direction:rtl}[dir=rtl] .range::-moz-range-track{direction:rtl}.tabs-lifted>.tab:focus-visible{border-end-end-radius:0;border-end-start-radius:0}.tab{cursor:pointer;appearance:none;text-align:center;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));color:var(--color-base-content);webkit-user-select:none;-webkit-user-select:none;user-select:none;height:var(--size);--size:calc(var(--size-field,.25rem) * 9.5);--tab-p:1rem;--tab-bg:var(--color-base-100);--tab-border-color:var(--color-base-content);justify-content:center;align-items:center;display:inline-flex;position:relative}@supports (color:color-mix(in lab,red,red)){.tab{--tab-border-color:color-mix(in oklab, var(--color-base-content), #0000 90%)}}.tab{padding-inline:var(--tab-p,1rem)}.tab:focus,.tab:focus-visible{--tw-outline-style:none;outline-style:none}.tab[disabled]{pointer-events:none;opacity:.4}@media(hover:hover){.tab[disabled]:hover{pointer-events:none;opacity:.4}}.tabs-bordered>.tab{border-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.tabs-bordered>.tab{border-color:color-mix(in oklab,var(--color-base-content) 10%,transparent)}}@media(hover:hover){.tabs-bordered>.tab:hover{border-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.tabs-bordered>.tab:hover{border-color:color-mix(in oklab,var(--color-primary) 30%,transparent)}}.tabs-bordered>.tab:hover{color:var(--color-primary)}}.tabs-bordered>.tab{border-style:solid;border-bottom-width:calc(var(--border,1px) + 1px)}@media(hover:hover){.tabs-lifted>.tab:hover{border-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.tabs-lifted>.tab:hover{border-color:color-mix(in oklab,var(--color-primary) 30%,transparent)}}.tabs-lifted>.tab:hover{color:var(--color-primary)}}.tabs-lifted>.tab{border:var(--tab-border,1px) solid transparent;border-width:0 0 var(--tab-border,1px) 0;border-radius:var(--radius-field,.375rem);border-bottom-color:var(--tab-border-color);padding-inline-start:var(--tab-p,1rem);padding-inline-end:var(--tab-p,1rem);padding-top:var(--tab-border,1px)}.tabs-lifted>.tab.tab-active:not([disabled]){background-color:var(--tab-bg);border-width:var(--tab-border,1px) var(--tab-border,1px) 0 var(--tab-border,1px);border-color:var(--tab-border-color);padding-inline-start:calc(var(--tab-p,1rem) - var(--tab-border,1px));padding-inline-end:calc(var(--tab-p,1rem) - var(--tab-border,1px));padding-bottom:var(--tab-border,1px);border-end-end-radius:0;border-end-start-radius:0;padding-top:0}.tabs-lifted>.tab.tab-active:not([disabled]):before{content:"";z-index:1;width:calc(100% + var(--radius-field,.375rem) * 2);height:var(--radius-field,.375rem);background-size:var(--radius-field,.375rem);--tab-grad:calc(69% - var(--tab-border,1px));--radius-start:radial-gradient(circle at top left, transparent var(--tab-grad), var(--tab-border-color) calc(var(--tab-grad) + .25px), var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border,1px)), var(--tab-bg) calc(var(--tab-grad) + var(--tab-border,1px) + .25px));--radius-end:radial-gradient(circle at top right, transparent var(--tab-grad), var(--tab-border-color) calc(var(--tab-grad) + .25px), var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border,1px)), var(--tab-bg) calc(var(--tab-grad) + var(--tab-border,1px) + .25px));background-position:0 0,100% 0;background-repeat:no-repeat;background-image:var(--radius-start),var(--radius-end);display:block;position:absolute;bottom:0}.tabs-lifted>.tab.tab-active:not([disabled]):first-child:before{background-image:var(--radius-end);background-position:100% 0}.tabs-lifted>.tab.tab-active:not([disabled]):last-child:before,[dir=rtl] .tabs-lifted>.tab.tab-active:not([disabled]):first-child:before{background-image:var(--radius-start);background-position:0 0}[dir=rtl] .tabs-lifted>.tab.tab-active:not([disabled]):last-child:before{background-image:var(--radius-end);background-position:100% 0}.tabs-xl :where(.tab){font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--size:calc(var(--size-field,.25rem) * 14);--tab-p:1.5rem}.tabs-lg :where(.tab){font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--size:calc(var(--size-field,.25rem) * 11.5);--tab-p:1.25rem}.tabs-md :where(.tab){font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--size:calc(var(--size-field,.25rem) * 9.5);--tab-p:1rem}.tabs-sm :where(.tab){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--size:calc(var(--size-field,.25rem) * 7.5);--tab-p:.75rem}.tabs-xs :where(.tab){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--size:calc(var(--size-field,.25rem) * 6);--tab-p:.5rem}.btn{cursor:pointer;text-align:center;vertical-align:middle;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);webkit-user-select:none;-webkit-user-select:none;user-select:none;flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;text-decoration-line:none;display:inline-flex}@media(prefers-reduced-motion:reduce){.btn{transition-property:none}}.btn{padding-inline:var(--btn-p);color:var(--btn-fg);height:var(--size);outline-color:var(--btn-color,var(--color-neutral))}@supports (color:color-mix(in lab,red,red)){.btn{outline-color:color-mix(in oklab,var(--btn-color,var(--color-neutral)) 30%,var(--color-base-100))}}.btn{background-color:var(--btn-bg);background-size:auto,calc(var(--noise) * 100%);background-image:none,var(--btn-noise);border:var(--border) solid var(--btn-border);box-shadow:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 8%)) inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem) * 9.5);--btn-bg:var(--btn-color,var(--color-neutral));--btn-fg:var(--color-neutral-content);--btn-p:1rem;--btn-border:var(--btn-bg);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));transition-property:color,background-color,border-color,box-shadow;transition-duration:.25s;transition-timing-function:cubic-bezier(0,0,.96,1.03)}@supports (color:color-mix(in lab,red,red)){.btn{--btn-border:color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%))}}.btn{--btn-shadow:0px 1px 3px 0px var(--color-base-300), 0px 1px 2px -1px var(--color-base-300)}@supports (color:color-mix(in lab,red,red)){.btn{--btn-shadow:0px 1px 3px 0px color-mix(in oklab, var(--color-base-300) 40%, #0000), 0px 1px 2px -1px color-mix(in oklab, var(--color-base-300) 40%, #0000)}}.btn{--btn-noise:var(--fx-noise)}@media(hover:hover){.btn:hover{--btn-bg:var(--btn-color,var(--color-neutral))}@supports (color:color-mix(in lab,red,red)){.btn:hover{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-neutral)) 90%, #000)}}}.btn:active:hover:not(.btn-active),.btn:active:focus:not(.btn-active){--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-timing-function:ease-out;transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;transition-duration:.3s}.btn:focus-visible{--btn-bg:var(--btn-color,var(--color-neutral))}@supports (color:color-mix(in lab,red,red)){.btn:focus-visible{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-neutral)), #000 10%)}}.btn:focus-visible{outline-width:2px;outline-style:solid}.btn:is(:disabled,[disabled],.btn-disabled){pointer-events:none;opacity:.5;--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.btn:is(input[type=checkbox],input[type=radio]){appearance:none}.btn:is(input[type=checkbox],input[type=radio]):after{content:attr(aria-label)}.btn:is(input[type=checkbox],input[type=radio]):checked{background:var(--color-primary);color:var(--color-primary-content);outline-color:var(--color-primary);--btn-shadow:0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);isolation:isolate}.pin-input{border-radius:var(--radius-field);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.pin-input{border-color:color-mix(in oklab,var(--color-base-content) 25%,transparent)}}.pin-input{background-color:var(--color-base-100);text-align:center;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.pin-input::placeholder{color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.pin-input::placeholder{color:color-mix(in oklab,var(--color-base-content) 80%,transparent)}}.pin-input{height:var(--size);width:var(--size);--size:calc(var(--size-field,.25rem) * 9.5);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.pin-input:hover:not(:focus,:focus-within){border-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.pin-input:hover:not(:focus,:focus-within){border-color:color-mix(in oklab,var(--color-base-content) 60%,transparent)}}.pin-input:focus,.pin-input:focus-within{border-color:var(--color-primary);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-shadow-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.pin-input:focus,.pin-input:focus-within{--tw-shadow-color:color-mix(in oklab, var(--color-primary) 30%, #0000)}}.pin-input:focus,.pin-input:focus-within{outline:1px solid var(--color-primary);isolation:isolate}.pin-input.disabled,.pin-input:disabled,.pin-input[disabled]{pointer-events:none;border-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.pin-input.disabled,.pin-input:disabled,.pin-input[disabled]{border-color:color-mix(in oklab,var(--color-base-content) 25%,transparent)}}.pin-input.disabled,.pin-input:disabled,.pin-input[disabled]{background-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.pin-input.disabled,.pin-input:disabled,.pin-input[disabled]{background-color:color-mix(in oklab,var(--color-base-content) 5%,transparent)}}.pin-input.disabled,.pin-input:disabled,.pin-input[disabled]{color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.pin-input.disabled,.pin-input:disabled,.pin-input[disabled]{color:color-mix(in oklab,var(--color-base-content) 50%,transparent)}}:is(.pin-input.disabled,.pin-input:disabled,.pin-input[disabled])::placeholder{color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){:is(.pin-input.disabled,.pin-input:disabled,.pin-input[disabled])::placeholder{color:color-mix(in oklab,var(--color-base-content) 40%,transparent)}}.dropdown-item{clear:both;border-radius:var(--radius-field);width:100%;color:var(--color-base-content);text-align:inherit;background-color:#0000;align-items:center;column-gap:.5rem;padding-block:.625rem;padding-inline:1rem;text-decoration-line:none;text-decoration-thickness:0;display:flex}.dropdown-item:hover:not(.dropdown-active),.dropdown-item:focus:not(.dropdown-active),.dropdown-item:focus-within:not(.dropdown-active),.dropdown-item:focus-visible:not(.dropdown-active){background-color:var(--color-neutral)}@supports (color:color-mix(in lab,red,red)){.dropdown-item:hover:not(.dropdown-active),.dropdown-item:focus:not(.dropdown-active),.dropdown-item:focus-within:not(.dropdown-active),.dropdown-item:focus-visible:not(.dropdown-active){background-color:color-mix(in oklab,var(--color-neutral) 10%,transparent)}}.dropdown-item:hover:not(.dropdown-active),.dropdown-item:focus:not(.dropdown-active),.dropdown-item:focus-within:not(.dropdown-active),.dropdown-item:focus-visible:not(.dropdown-active){--tw-outline-style:none;outline-style:none}.dropdown-item.dropdown-disabled,.dropdown-item:disabled,.dropdown-item[disabled]{pointer-events:none;background-color:var(--color-neutral)}@supports (color:color-mix(in lab,red,red)){.dropdown-item.dropdown-disabled,.dropdown-item:disabled,.dropdown-item[disabled]{background-color:color-mix(in oklab,var(--color-neutral) 5%,transparent)}}.dropdown-item.dropdown-disabled,.dropdown-item:disabled,.dropdown-item[disabled]{color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.dropdown-item.dropdown-disabled,.dropdown-item:disabled,.dropdown-item[disabled]{color:color-mix(in oklab,var(--color-base-content) 50%,transparent)}}.loading{pointer-events:none;aspect-ratio:1;vertical-align:middle;width:calc(var(--size-selector,.25rem) * 6);background-color:currentColor;display:inline-block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.accordion-toggle{cursor:pointer;width:100%;font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-base-content);padding-block:1rem;padding-inline:1.25rem}.accordion-toggle:disabled,.range.disabled{pointer-events:none;opacity:.5}.carousel-prev.disabled,.carousel-next.disabled{pointer-events:none}.tooltip-content{visibility:hidden;opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));z-index:20;width:max-content;padding:.5rem;display:inline-block;position:absolute}.collapse{visibility:collapse}.collapse:not(td):not(tr):not(colgroup){visibility:visible}.invisible{visibility:hidden}.table{border-radius:var(--radius-box);text-align:left;width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));position:relative;overflow:hidden auto}.table:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:right}@media(hover:hover){:is(.table tr.row-hover,.table tr.row-hover:nth-child(2n)):hover{background-color:var(--color-base-200)}@supports (color:color-mix(in lab,red,red)){:is(.table tr.row-hover,.table tr.row-hover:nth-child(2n)):hover{background-color:color-mix(in oklab,var(--color-base-200) 80%,transparent)}}}.table tr.row-active,.table tr.row-active:nth-child(2n){background-color:var(--color-base-200)}.table :where(th,td){vertical-align:middle;text-wrap:nowrap;padding-block:.75rem;padding-inline:1.25rem}.table :where(thead,tfoot){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;color:var(--color-base-content);text-transform:uppercase;letter-spacing:1px}.table :where(th){--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.table :where(.table-pin-rows thead tr){z-index:1;background-color:var(--color-base-100);position:sticky;top:0}.table :where(.table-pin-rows tfoot tr){z-index:1;background-color:var(--color-base-100);position:sticky;bottom:0}.table :where(.table-pin-cols tr th){background-color:var(--color-base-100);position:sticky;left:0;right:0}.table :where(thead tr){border-bottom:var(--border) solid var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.table :where(thead tr){border-bottom:var(--border) solid color-mix(in oklch,var(--color-base-content) 25%,#0000)}}.table :where(tbody tr:not(:last-child)){border-bottom:var(--border) solid var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.table :where(tbody tr:not(:last-child)){border-bottom:var(--border) solid color-mix(in oklch,var(--color-base-content) 10%,#0000)}}.table :where(tfoot){border-top:var(--border) solid var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.table :where(tfoot){border-top:var(--border) solid color-mix(in oklch,var(--color-base-content) 25%,#0000)}}.select{cursor:pointer;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:100%;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));color:var(--color-base-content);webkit-user-select:none;-webkit-user-select:none;user-select:none;height:var(--size);touch-action:manipulation;text-overflow:ellipsis;border:var(--border) solid #0000;border-color:var(--input-color);--input-color:var(--color-base-content);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'><path fill='none' stroke='%239293AE' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/></svg>");background-position:calc(100% - .5rem);background-repeat:no-repeat;background-size:1.3em;border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;padding-inline:.75rem 2.5rem;display:inline-flex;position:relative}@supports (color:color-mix(in lab,red,red)){.select{--input-color:color-mix(in oklab, var(--color-base-content) 40%, #0000)}}.select{--size:calc(var(--size-field,.25rem) * 9.5)}.select:hover:not(:focus,:focus-within),.select:has(:hover):not(:focus,:focus-within){border-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.select:hover:not(:focus,:focus-within),.select:has(:hover):not(:focus,:focus-within){border-color:color-mix(in oklab,var(--color-base-content) 60%,transparent)}}[dir=rtl] .select{background-position:1.3em}.select select{appearance:none;background-color:#0000;border-style:none;width:calc(100% + 2.75rem);height:100%;margin-inline-end:-2.5rem;padding-inline:.75rem 2.5rem}.select select:focus,.select select:focus-within{--tw-outline-style:none;outline-style:none}.select[multiple]{background-image:none}.select:focus,.select:focus-within{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--input-color:var(--color-primary);--tw-shadow-color:var(--input-color)}@supports (color:color-mix(in lab,red,red)){.select:focus,.select:focus-within{--tw-shadow-color:color-mix(in oklab, var(--input-color) 30%, #0000)}}.select:focus,.select:focus-within{outline:1px solid var(--input-color);border-color:var(--input-color);isolation:isolate}.select:has(>select[disabled]),.select:is(:disabled,[disabled]){cursor:not-allowed;border-style:var(--tw-border-style);border-width:0;border-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.select:has(>select[disabled]),.select:is(:disabled,[disabled]){border-color:color-mix(in oklab,var(--color-base-content) 10%,transparent)}}.select:has(>select[disabled]),.select:is(:disabled,[disabled]){background-color:var(--color-neutral)}@supports (color:color-mix(in lab,red,red)){.select:has(>select[disabled]),.select:is(:disabled,[disabled]){background-color:color-mix(in oklab,var(--color-neutral) 10%,transparent)}}.select:has(>select[disabled]),.select:is(:disabled,[disabled]){color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.select:has(>select[disabled]),.select:is(:disabled,[disabled]){color:color-mix(in oklab,var(--color-base-content) 50%,transparent)}}:is(.select:has(>select[disabled]),.select:is(:disabled,[disabled]))::placeholder{color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){:is(.select:has(>select[disabled]),.select:is(:disabled,[disabled]))::placeholder{color:color-mix(in oklab,var(--color-base-content) 50%,transparent)}}.select:has(>select[disabled])>select[disabled]{cursor:not-allowed}.select:has(>.select-floating) select::placeholder{color:#0000}.select:has(>.select-floating) select:focus::placeholder{color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.select:has(>.select-floating) select:focus::placeholder{color:color-mix(in oklab,var(--color-base-content) 50%,transparent)}}.advance-select-toggle{cursor:pointer;appearance:none;background-color:var(--color-base-100);vertical-align:middle;width:100%;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));color:var(--color-base-content);webkit-user-select:none;-webkit-user-select:none;user-select:none;height:var(--size);text-overflow:ellipsis;border:var(--border) solid #0000;border-color:var(--input-color);--input-color:var(--color-base-content);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;padding-inline:.75rem 2.5rem;display:inline-flex;position:relative}@supports (color:color-mix(in lab,red,red)){.advance-select-toggle{--input-color:color-mix(in oklab, var(--color-base-content) 40%, #0000)}}.advance-select-toggle{--size:calc(var(--size-field,.25rem) * 9.5)}.advance-select-toggle:focus,.advance-select-toggle:focus-within{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--input-color:var(--color-primary);--tw-shadow-color:var(--input-color)}@supports (color:color-mix(in lab,red,red)){.advance-select-toggle:focus,.advance-select-toggle:focus-within{--tw-shadow-color:color-mix(in oklab, var(--input-color) 30%, #0000)}}.advance-select-toggle:focus,.advance-select-toggle:focus-within{outline:1px solid var(--input-color);border-color:var(--input-color);isolation:isolate}.advance-select-toggle:focus-visible{outline:unset}.card{border-radius:var(--radius-box);--tw-border-style:solid;border-style:solid;border-color:var(--color-base-content);flex-direction:column;display:flex;position:relative}@supports (color:color-mix(in lab,red,red)){.card{border-color:color-mix(in oklab,var(--color-base-content) 20%,transparent)}}.card{background-color:var(--color-base-100);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.card{color:color-mix(in oklab,var(--color-base-content) 80%,transparent)}}.card{--tw-outline-style:none;box-shadow:var(--card-shadow,0 1px 3px 0 var(--color-base-300), 0 1px 2px -1px var(--color-base-300));outline-style:none}@supports (color:color-mix(in lab,red,red)){.card{box-shadow:var(--card-shadow,0 1px 3px 0 color-mix(in oklab, var(--color-base-300) 20%, #0000), 0 1px 2px -1px color-mix(in oklab, var(--color-base-300) 20%, #0000))}}.card{border-width:var(--card-border,0px)}.card:focus{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.card:focus{outline-offset:2px;outline:2px solid #0000}}.card :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}.card :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}.card:where(.card-border){border:var(--border) solid var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.card:where(.card-border){border:var(--border) solid color-mix(in oklab,var(--color-base-content) 20%,transparent)}}.card.image-full{display:grid}.card.image-full:before{border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}.card.image-full>*{grid-row-start:1;grid-column-start:1}.card.image-full>.card-body{color:var(--color-neutral-content);position:relative}.card.image-full :where(figure){border-radius:inherit;overflow:hidden}.card.image-full>figure img{object-fit:cover;height:100%}.card figure{justify-content:center;align-items:center;display:flex}.card:has(>input:is(input[type=checkbox],input[type=radio])){cursor:pointer;-webkit-user-select:none;user-select:none}.card:has(>:checked){outline:2px solid}.card .card-alert{border-radius:0}.card .card-alert:first-child{border-top-left-radius:var(--radius-box);border-top-right-radius:var(--radius-box)}.card .card-alert:last-child{border-bottom-right-radius:var(--radius-box);border-bottom-left-radius:var(--radius-box)}.swap{cursor:pointer;vertical-align:middle;webkit-user-select:none;-webkit-user-select:none;user-select:none;place-content:center;display:inline-grid;position:relative}.swap input{appearance:none;border:none}.swap>*{grid-row-start:1;grid-column-start:1;transition-property:transform,rotate,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}.swap .swap-on,.swap .swap-indeterminate,.swap input:indeterminate~.swap-on,.swap input:is(:checked,:indeterminate)~.swap-off{opacity:0}.swap input:checked~.swap-on,.swap input:indeterminate~.swap-indeterminate{opacity:1;backface-visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.avatar{vertical-align:middle;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));display:inline-flex;position:relative}.avatar>div,.avatar>span{aspect-ratio:1;display:block;overflow:hidden}:where(.avatar) img{object-fit:cover;width:100%;height:100%}.checkbox{cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:var(--color-neutral-content);border:var(--border) solid var(--color-base-content);flex-shrink:0;padding:.25rem;position:relative}@supports (color:color-mix(in lab,red,red)){.checkbox{border:var(--border) solid color-mix(in oklab,var(--color-base-content) 40%,#0000)}}.checkbox{--input-color:var(--color-neutral);box-shadow:0 1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset,0 0 #0000 inset,0 0 #0000;--size:calc(var(--size-selector,.25rem) * 6);width:var(--size);height:var(--size);background-size:auto,calc(var(--noise) * 100%);background-image:none,var(--fx-noise);transition:background-color .2s,box-shadow .2s}.checkbox:before{--tw-content:"";content:var(--tw-content);opacity:0;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);width:100%;height:100%;box-shadow:0 3px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;background-color:currentColor;font-size:1rem;line-height:.75;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg}.checkbox:focus-visible{outline:2px solid var(--input-color,var(--color-neutral))}@supports (color:color-mix(in lab,red,red)){.checkbox:focus-visible{outline:2px solid color-mix(in oklab,var(--input-color,var(--color-neutral)) 30%,#0000)}}.checkbox:focus-visible{outline-offset:0px}.checkbox:checked,.checkbox[aria-checked=true]{background-color:var(--input-color,#0000);border-color:var(--input-color,#0000);box-shadow:0 0 #0000 inset,0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset,0 1px 2px 0 var(--color-base-300)}@supports (color:color-mix(in lab,red,red)){.checkbox:checked,.checkbox[aria-checked=true]{box-shadow:0 0 #0000 inset,0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset,0 1px 2px color-mix(in oklab,var(--color-base-300) 20%,#0000)}}:is(.checkbox:checked,.checkbox[aria-checked=true]):before{clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%);opacity:1}@media(forced-colors:active){:is(.checkbox:checked,.checkbox[aria-checked=true]):before{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:none}}@media print{:is(.checkbox:checked,.checkbox[aria-checked=true]):before{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:none}}.checkbox:indeterminate{background-color:var(--color-neutral)}.checkbox:indeterminate:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -35%;rotate:none}.checkbox:disabled{cursor:not-allowed;opacity:.5}.carousel{border-radius:var(--radius-2xl);width:100%;position:relative;overflow:hidden}.alert{border-radius:var(--radius-box);width:100%;color:var(--color-neutral-content);text-align:start;background-size:auto,calc(var(--noise) * 100%);background-image:none,var(--fx-noise);background-color:var(--alert-bg);border:var(--border) solid var(--alert-border);box-shadow:0 .1875rem 0 -.125rem oklch(100% 0 0 / calc(var(--depth) * .08)) inset;--alert-bg:var(--alert-color,var(--color-neutral));--alert-border:var(--alert-color,var(--color-neutral));padding:1rem;position:relative}.alert.alert-outline{color:var(--alert-color,var(--color-neutral));--alert-bg:transparent;box-shadow:none;background-image:none}.alert.alert-soft{color:var(--alert-color,var(--color-neutral));--alert-bg:var(--alert-color,var(--color-neutral))}@supports (color:color-mix(in lab,red,red)){.alert.alert-soft{--alert-bg:color-mix(in oklab, var(--alert-color,var(--color-neutral)) 10%, var(--color-base-100))}}.alert.alert-soft{box-shadow:none;background-image:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.start-5{inset-inline-start:calc(var(--spacing) * 5)}.end{inset-inline-end:var(--spacing)}.end-3{inset-inline-end:calc(var(--spacing) * 3)}.end-5{inset-inline-end:calc(var(--spacing) * 5)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-full{top:100%}.right-2{right:calc(var(--spacing) * 2)}.bottom-5{bottom:calc(var(--spacing) * 5)}.bottom-full{bottom:100%}.left-1\/2{left:50%}.input{cursor:text;appearance:none;background-color:var(--color-base-100);width:100%;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-base-content);flex-shrink:1;padding-inline:.75rem;display:inline-flex}.input::placeholder{color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.input::placeholder{color:color-mix(in oklab,var(--color-base-content) 50%,transparent)}}.input:focus-visible{--tw-outline-style:none;outline-style:none}.input{border:var(--border) solid #0000;height:var(--size);touch-action:manipulation;border-color:var(--input-color);--input-color:var(--color-base-content);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field))}@supports (color:color-mix(in lab,red,red)){.input{--input-color:color-mix(in oklab, var(--color-base-content) 40%, #0000)}}.input{--size:calc(var(--size-field,.25rem) * 9.5)}.input:hover:not(:focus,:focus-within),.input:has(:hover):not(:focus,:focus-within){border-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.input:hover:not(:focus,:focus-within),.input:has(:hover):not(:focus,:focus-within){border-color:color-mix(in oklab,var(--color-base-content) 60%,transparent)}}.input:where(input){display:inline-block}.input :where(input:not([type=checkbox]):not([type=radio])){appearance:none;background-color:#0000;border:none;width:100%;height:100%;display:inline-block}.input :where(input:not([type=checkbox]):not([type=radio])):focus,.input :where(input:not([type=checkbox]):not([type=radio])):focus-within,.input :where(input:not([type=checkbox]):not([type=radio])):focus-visible{--tw-outline-style:none;outline-style:none}.input:focus,.input:focus-within{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--input-color:var(--color-primary);--tw-shadow-color:var(--input-color)}@supports (color:color-mix(in lab,red,red)){.input:focus,.input:focus-within{--tw-shadow-color:color-mix(in oklab, var(--input-color) 30%, #0000)}}.input:focus,.input:focus-within{outline:1px solid var(--input-color);isolation:isolate}.input:has(>input[disabled]),.input:is(:disabled,[disabled]){cursor:not-allowed;border-style:var(--tw-border-style);background-color:var(--color-neutral);border-width:0}@supports (color:color-mix(in lab,red,red)){.input:has(>input[disabled]),.input:is(:disabled,[disabled]){background-color:color-mix(in oklab,var(--color-neutral) 10%,transparent)}}.input:has(>input[disabled]),.input:is(:disabled,[disabled]){color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.input:has(>input[disabled]),.input:is(:disabled,[disabled]){color:color-mix(in oklab,var(--color-base-content) 50%,transparent)}}.input:has(>input[disabled]),.input:is(:disabled,[disabled]){box-shadow:none}.input:has(>input[disabled])>input[disabled]{cursor:not-allowed}.input::-webkit-date-and-time-value{text-align:inherit}.input[type=number]::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}.input:has(>.input-floating) input::placeholder{color:#0000}.input:has(>.input-floating) input:focus::placeholder{color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.input:has(>.input-floating) input:focus::placeholder{color:color-mix(in oklab,var(--color-base-content) 50%,transparent)}}.textarea{appearance:none;border-radius:var(--radius-field);background-color:var(--color-base-100);width:100%;min-height:5rem;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));color:var(--color-base-content);flex-shrink:1;padding-block:.5rem;padding-inline:1rem;display:inline-flex}.textarea::placeholder{color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.textarea::placeholder{color:color-mix(in oklab,var(--color-base-content) 50%,transparent)}}@media(hover:hover){.textarea:hover{border-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.textarea:hover{border-color:color-mix(in oklab,var(--color-base-content) 60%,transparent)}}}.textarea:focus-visible{--tw-outline-style:none;outline-style:none}.textarea{border:var(--border) solid #0000;border-color:var(--input-color);touch-action:manipulation;--input-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.textarea{--input-color:color-mix(in oklab, var(--color-base-content) 40%, #0000)}}.textarea :where(textarea){appearance:none;background-color:#0000;border:none}.textarea :where(textarea):focus,.textarea :where(textarea):focus-within{--tw-outline-style:none;outline-style:none}.textarea:focus,.textarea:focus-within{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--input-color:var(--color-primary);--tw-shadow-color:var(--input-color)}@supports (color:color-mix(in lab,red,red)){.textarea:focus,.textarea:focus-within{--tw-shadow-color:color-mix(in oklab, var(--input-color) 30%, #0000)}}.textarea:focus,.textarea:focus-within{outline:1px solid var(--input-color);border-color:var(--input-color);isolation:isolate}.textarea:has(>textarea[disabled]),.textarea:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.textarea:has(>textarea[disabled]),.textarea:is(:disabled,[disabled]){color:color-mix(in oklab,var(--color-base-content) 40%,transparent)}}:is(.textarea:has(>textarea[disabled]),.textarea:is(:disabled,[disabled]))::placeholder{color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){:is(.textarea:has(>textarea[disabled]),.textarea:is(:disabled,[disabled]))::placeholder{color:color-mix(in oklab,var(--color-base-content) 20%,transparent)}}.textarea:has(>textarea[disabled])>textarea[disabled]{cursor:not-allowed}.textarea:has(>textarea){padding:0}.textarea:has(>textarea) textarea{width:100%;height:auto;min-height:5rem}.textarea:has(>textarea) textarea:first-child{padding-block:.5rem;padding-inline-start:1rem}.textarea:has(>textarea) textarea:nth-child(2){padding-block:.5rem}.textarea:has(>textarea) textarea:last-child{padding-block:.5rem;padding-inline-end:1rem}.textarea:has(>.textarea-floating){padding:0}.textarea:has(>.textarea-floating) :where(.textarea-floating:first-child)>textarea{padding-block:.5rem;padding-inline-start:1rem}.textarea:has(>.textarea-floating) :where(.textarea-floating:nth-child(2))>textarea{padding-block:.5rem}.textarea:has(>.textarea-floating) :where(.textarea-floating:last-child)>textarea{padding-block:.5rem;padding-inline-end:1rem}.textarea:has(>.textarea-floating) :where(.textarea-floating:nth-child(2)) .textarea-floating-label,.textarea:has(>.textarea-floating) :where(.textarea-floating:last-child) .textarea-floating-label{margin-inline-start:0}.textarea:has(>.textarea-floating) *>textarea{width:100%;height:100%;min-height:5rem}.textarea:has(>.textarea-floating) textarea::placeholder{color:#0000}.textarea:has(>.textarea-floating) textarea:focus::placeholder{color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.textarea:has(>.textarea-floating) textarea:focus::placeholder{color:color-mix(in oklab,var(--color-base-content) 50%,transparent)}}.stack{place-items:flex-end center;display:inline-grid}.stack>*{opacity:.6;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;height:100%;transform:translateY(14%)scale(.9)}.stack>:nth-child(2){opacity:.8;z-index:2;transform:translateY(7%)scale(.95)}.stack>:first-child{opacity:1;z-index:3;transform:translateY(0)scale(1)translate(0)}.dropdown-menu{z-index:10;margin-top:.5rem}:where(.dropdown-menu>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(.25rem * var(--tw-space-y-reverse));margin-block-end:calc(.25rem * calc(1 - var(--tw-space-y-reverse)))}.dropdown-menu{border-radius:var(--radius-box);background-color:var(--color-base-100);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));text-wrap:nowrap;opacity:0;--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-shadow-color:var(--color-base-300);padding:.5rem}@supports (color:color-mix(in lab,red,red)){.dropdown-menu{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-base-300) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.dropdown-menu{transition-property:opacity,margin;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;transition-duration:.3s}.advance-select-menu{z-index:10;width:100%}:where(.advance-select-menu>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(.125rem * var(--tw-space-y-reverse));margin-block-end:calc(.125rem * calc(1 - var(--tw-space-y-reverse)))}.advance-select-menu{border-radius:var(--radius-box);background-color:var(--color-base-100);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-shadow-color:var(--color-base-300);background-image:none;padding:.5rem}@supports (color:color-mix(in lab,red,red)){.advance-select-menu{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-base-300) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.z-10{z-index:10}.z-50{z-index:50}.z-1000{z-index:1000}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-2{margin:calc(var(--spacing) * 2)}.m-3{margin:calc(var(--spacing) * 3)}.m-5{margin:calc(var(--spacing) * 5)}.m-10{margin:calc(var(--spacing) * 10)}.filter{flex-wrap:wrap;display:flex}.filter input[type=radio]{width:auto}.filter input{opacity:1;border-width:0;transition:margin .1s,opacity .3s,padding .3s,border-width .1s;overflow:hidden;scale:1}.filter input:not(:last-child){margin-inline-end:.25rem}.filter input.filter-reset{aspect-ratio:1}.filter input.filter-reset:after{content:"×"}.filter:not(:has(input:checked:not(.filter-reset))) .filter-reset,.filter:not(:has(input:checked:not(.filter-reset))) input[type=reset],.filter:has(input:checked:not(.filter-reset)) input:not(:checked,.filter-reset,input[type=reset]){opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}.mx-5{margin-inline:calc(var(--spacing) * 5)}.mx-10{margin-inline:calc(var(--spacing) * 10)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-5{margin-block:calc(var(--spacing) * 5)}.my-8{margin-block:calc(var(--spacing) * 8)}.\!ms-auto{margin-inline-start:auto!important}.ms-0{margin-inline-start:calc(var(--spacing) * 0)}.ms-0\.5{margin-inline-start:calc(var(--spacing) * .5)}.ms-2{margin-inline-start:calc(var(--spacing) * 2)}.input::file-selector-button{cursor:pointer;border-style:var(--tw-border-style);background-color:var(--color-primary);text-align:center;height:100%;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-primary-content);text-transform:uppercase;webkit-user-select:none;-webkit-user-select:none;user-select:none;--input-color:var(--color-primary);border-width:0;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;margin-inline-end:1rem;padding-inline:1rem;text-decoration-line:none;display:inline-flex}.input[type=file]{padding-inline-start:0;overflow:hidden}.\!me-1\.5{margin-inline-end:calc(var(--spacing) * 1.5)!important}.-mt-\[4\.9rem\]{margin-top:-4.9rem}.mt-0{margin-top:calc(var(--spacing) * 0)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-15{margin-top:calc(var(--spacing) * 15)}.mr-6{margin-right:calc(var(--spacing) * 6)}.footer-title{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-base-content);margin-bottom:.25rem}.-mb-px{margin-bottom:-1px}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.-ml-8{margin-left:calc(var(--spacing) * -8)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-6{margin-left:calc(var(--spacing) * 6)}.status{aspect-ratio:1;background-color:var(--color-neutral);vertical-align:middle;width:.625rem;height:.625rem;color:var(--color-neutral);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0 / calc(var(--depth) * .5)),#0000);border-radius:3.40282e38px;display:inline-block;box-shadow:0 2px 3px -1px}@supports (color:color-mix(in lab,red,red)){.status{box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth) * 100%),#0000)}}.divider{width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;align-self:stretch;align-items:center;display:flex}.divider:not(:empty){gap:1rem}.divider:before{content:"";border-inline-end-style:var(--tw-border-style);border-inline-end-width:0;border-top-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-top-width:1px;border-color:var(--color-base-content);flex-grow:1;width:100%;height:1px}@supports (color:color-mix(in lab,red,red)){.divider:before{border-color:color-mix(in oklab,var(--color-base-content) 20%,transparent)}}.divider:after{content:"";border-inline-end-style:var(--tw-border-style);border-inline-end-width:0;border-top-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-top-width:1px;border-color:var(--color-base-content);flex-grow:1;width:100%;height:1px}@supports (color:color-mix(in lab,red,red)){.divider:after{border-color:color-mix(in oklab,var(--color-base-content) 20%,transparent)}}.progress{border-radius:var(--radius-box);background-color:var(--color-base-200);width:100%;height:.375rem;display:flex;overflow:hidden}.icon-\[tabler--caret-up-down\]{width:1em;height:1em;-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m18 10l-6-6l-6 6zm0 4l-6 6l-6-6z'/%3E%3C/svg%3E");background-color:currentColor;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-\[tabler--check\]{width:1em;height:1em;-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 12l5 5L20 7'/%3E%3C/svg%3E");background-color:currentColor;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-\[tabler--chevron-down\]{width:1em;height:1em;-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E");background-color:currentColor;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-\[tabler--chevron-left\]{width:1em;height:1em;-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 6l-6 6l6 6'/%3E%3C/svg%3E");background-color:currentColor;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-\[tabler--chevron-right\]{width:1em;height:1em;-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 6l6 6l-6 6'/%3E%3C/svg%3E");background-color:currentColor;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-\[tabler--circle-check\]{width:1em;height:1em;-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0'/%3E%3Cpath d='m9 12l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E");background-color:currentColor;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-\[tabler--circle-x\]{width:1em;height:1em;-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0-18 0m7-2l4 4m0-4l-4 4'/%3E%3C/svg%3E");background-color:currentColor;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-\[tabler--edit\]{width:1em;height:1em;-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M7 7H6a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2v-1'/%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0-2.97-2.97L9 12v3h3zM16 5l3 3'/%3E%3C/g%3E%3C/svg%3E");background-color:currentColor;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-\[tabler--eye-off\]{width:1em;height:1em;-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.585 10.587a2 2 0 0 0 2.829 2.828'/%3E%3Cpath d='M16.681 16.673A8.7 8.7 0 0 1 12 18q-5.4 0-9-6q1.908-3.18 4.32-4.674m2.86-1.146A9 9 0 0 1 12 6q5.4 0 9 6q-1 1.665-2.138 2.87M3 3l18 18'/%3E%3C/g%3E%3C/svg%3E");background-color:currentColor;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-\[tabler--eye\]{width:1em;height:1em;-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 12a2 2 0 1 0 4 0a2 2 0 0 0-4 0'/%3E%3Cpath d='M21 12q-3.6 6-9 6t-9-6q3.6-6 9-6t9 6'/%3E%3C/g%3E%3C/svg%3E");background-color:currentColor;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-\[tabler--logout-2\]{width:1em;height:1em;-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 8V6a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-2'/%3E%3Cpath d='M15 12H3l3-3m0 6l-3-3'/%3E%3C/g%3E%3C/svg%3E");background-color:currentColor;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-\[tabler--menu-2\]{width:1em;height:1em;-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6h16M4 12h16M4 18h16'/%3E%3C/svg%3E");background-color:currentColor;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-\[tabler--pig-money\]{width:1em;height:1em;-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 11v.01M5.173 8.378a3 3 0 1 1 4.656-1.377'/%3E%3Cpath d='M16 4v3.803A6.02 6.02 0 0 1 18.658 11h1.341a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1.342c-.336.95-.907 1.8-1.658 2.473V19.5a1.5 1.5 0 0 1-3 0v-.583a6 6 0 0 1-1 .083h-4a6 6 0 0 1-1-.083v.583a1.5 1.5 0 0 1-3 0v-2.027A6 6 0 0 1 8.999 7h2.5z'/%3E%3C/g%3E%3C/svg%3E");background-color:currentColor;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-\[tabler--shopping-cart-plus\]{width:1em;height:1em;-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 19a2 2 0 1 0 4 0a2 2 0 0 0-4 0'/%3E%3Cpath d='M12.5 17H6V3H4'/%3E%3Cpath d='m6 5l14 1l-.86 6.017M16.5 13H6m10 6h6m-3-3v6'/%3E%3C/g%3E%3C/svg%3E");background-color:currentColor;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-\[tabler--shopping-cart\]{width:1em;height:1em;-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 19a2 2 0 1 0 4 0a2 2 0 1 0-4 0m11 0a2 2 0 1 0 4 0a2 2 0 1 0-4 0'/%3E%3Cpath d='M17 17H6V3H4'/%3E%3Cpath d='m6 5l14 1l-1 7H6'/%3E%3C/g%3E%3C/svg%3E");background-color:currentColor;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-\[tabler--star-filled\]{width:1em;height:1em;-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m8.243 7.34l-6.38.925l-.113.023a1 1 0 0 0-.44 1.684l4.622 4.499l-1.09 6.355l-.013.11a1 1 0 0 0 1.464.944l5.706-3l5.693 3l.1.046a1 1 0 0 0 1.352-1.1l-1.091-6.355l4.624-4.5l.078-.085a1 1 0 0 0-.633-1.62l-6.38-.926l-2.852-5.78a1 1 0 0 0-1.794 0z'/%3E%3C/svg%3E");background-color:currentColor;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-\[tabler--star-half-filled\]{width:1em;height:1em;-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 1a1 1 0 0 1 .823.443l.067.116l2.852 5.781l6.38.925c.741.108 1.08.94.703 1.526l-.07.095l-.078.086l-4.624 4.499l1.09 6.355a1 1 0 0 1-1.249 1.135l-.101-.035l-.101-.046l-5.693-3l-5.706 3q-.158.082-.32.106l-.106.01a1.003 1.003 0 0 1-1.038-1.06l.013-.11l1.09-6.355l-4.623-4.5a1 1 0 0 1 .328-1.647l.113-.036l.114-.023l6.379-.925l2.853-5.78A.97.97 0 0 1 12 1m0 3.274V16.75a1 1 0 0 1 .239.029l.115.036l.112.05l4.363 2.299l-.836-4.873a1 1 0 0 1 .136-.696l.07-.099l.082-.09l3.546-3.453l-4.891-.708a1 1 0 0 1-.62-.344l-.073-.097l-.06-.106z'/%3E%3C/svg%3E");background-color:currentColor;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-\[tabler--trending-down\]{width:1em;height:1em;-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m3 7l6 6l4-4l8 8'/%3E%3Cpath d='M21 10v7h-7'/%3E%3C/g%3E%3C/svg%3E");background-color:currentColor;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-\[tabler--trending-up\]{width:1em;height:1em;-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m3 17l6-6l4 4l8-8'/%3E%3Cpath d='M14 7h7v7'/%3E%3C/g%3E%3C/svg%3E");background-color:currentColor;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-\[tabler--writing\]{width:1em;height:1em;-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 17V5c0-1.121-.879-2-2-2s-2 .879-2 2v12l2 2zM16 7h4m-2 12H5a2 2 0 1 1 0-4h4a2 2 0 1 0 0-4H6'/%3E%3C/svg%3E");background-color:currentColor;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-\[tabler--x\]{width:1em;height:1em;-webkit-mask-image:var(--svg);mask-image:var(--svg);--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");background-color:currentColor;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.tabs{--tabs-height:auto;--tabs-direction:row;height:var(--tabs-height);flex-direction:var(--tabs-direction);display:flex}.progress-bar{border-radius:var(--radius-box);background-color:var(--color-neutral);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);white-space:nowrap;color:var(--color-neutral-content);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-timing-function:var(--ease-in-out);transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.5s;--tw-ease:var(--ease-in-out);justify-content:center;align-items:center;transition-duration:.5s;display:flex;overflow:hidden}.progress-bar.progress-indeterminate{background:linear-gradient(90deg,#0000 50%,var(--progress-color) 50%);background-repeat:no-repeat;background-size:50% 100%;width:100%;animation:4s ease-in-out infinite indeterminate-progress}.footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;display:grid}@media(min-width:48rem){.footer{grid-auto-flow:column}}.footer>*{place-items:start;gap:.75rem;display:grid}.footer.footer-center{text-align:center;place-items:center}@media(min-width:48rem){.footer.footer-center{grid-auto-flow:dense}}.footer.footer-center>*{place-items:center}.footer :where(.link){--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.navbar{background-color:var(--color-base-100);align-items:center;width:100%;padding-block:.75rem;padding-inline:1.5rem;display:flex}.navbar-start{justify-content:flex-start;width:50%;display:flex}.label-text{cursor:pointer;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-base-content);padding:.25rem;display:block}.carousel-body{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.7s;flex-wrap:nowrap;transition-duration:.7s;display:flex}.tooltip{text-align:center;display:inline-block}.\!flex{display:flex!important}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[335\/376\]{aspect-ratio:335/376}.btn-circle{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}.btn-square{width:var(--size);height:var(--size);padding-inline:0}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9\.5{width:calc(var(--spacing) * 9.5);height:calc(var(--spacing) * 9.5)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.input>.select{border-style:var(--tw-border-style);border-width:0;height:auto}.input>.select:focus,.input>.select:focus-within{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline-style:var(--tw-outline-style);outline-width:0}.\!h-2\.5{height:calc(var(--spacing) * 2.5)!important}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-14{height:calc(var(--spacing) * 14)}.h-14\.5{height:calc(var(--spacing) * 14.5)}.h-90{height:calc(var(--spacing) * 90)}.h-auto{height:auto}.h-full{height:100%}.max-h-60{max-height:calc(var(--spacing) * 60)}.min-h-screen{min-height:100vh}.advance-select-option{cursor:pointer;border-radius:var(--radius-field);width:100%;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-base-content);padding-block:.625rem;padding-inline:1rem}@media(hover:hover){.advance-select-option:hover{background-color:var(--color-neutral)}@supports (color:color-mix(in lab,red,red)){.advance-select-option:hover{background-color:color-mix(in oklab,var(--color-neutral) 10%,transparent)}}}.advance-select-option:focus{background-color:var(--color-neutral)}@supports (color:color-mix(in lab,red,red)){.advance-select-option:focus{background-color:color-mix(in oklab,var(--color-neutral) 10%,transparent)}}.advance-select-option:focus{--tw-outline-style:none;outline-style:none}.\!w-2\.5{width:calc(var(--spacing) * 2.5)!important}.w-1{width:calc(var(--spacing) * 1)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-2\/5{width:40%}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/5{width:60%}.w-10{width:calc(var(--spacing) * 10)}.w-15{width:calc(var(--spacing) * 15)}.w-20{width:calc(var(--spacing) * 20)}.w-75{width:calc(var(--spacing) * 75)}.w-\[98\%\]{width:98%}.w-\[448px\]{width:448px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[335px\]{max-width:335px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.min-w-28{min-width:calc(var(--spacing) * 28)}.min-w-48{min-width:calc(var(--spacing) * 48)}.min-w-65{min-width:calc(var(--spacing) * 65)}.flex-1{flex:1}.flex-auto{flex:auto}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-5{--tw-translate-y:calc(var(--spacing) * -5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-10{--tw-translate-y:calc(var(--spacing) * -10);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.motion-preset-blur-left{--motion-origin-blur:5px;--motion-origin-translate-x:5%;--motion-origin-opacity:0;--motion-opacity-in-animation:motion-opacity-in calc(var(--motion-opacity-duration,var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing,var(--motion-timing)) var(--motion-opacity-delay,var(--motion-delay)) both;--motion-filter-in-animation:motion-filter-in calc(var(--motion-filter-duration,var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing,var(--motion-timing)) var(--motion-filter-delay,var(--motion-delay)) both;--motion-translate-in-animation:motion-translate-in calc(var(--motion-translate-duration,var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing,var(--motion-timing)) var(--motion-translate-delay,var(--motion-delay)) both;animation:var(--motion-scale-in-animation),var(--motion-translate-in-animation),var(--motion-rotate-in-animation),var(--motion-filter-in-animation),var(--motion-opacity-in-animation),var(--motion-background-color-in-animation),var(--motion-text-color-in-animation),var(--motion-scale-loop-animation),var(--motion-translate-loop-animation),var(--motion-rotate-loop-animation),var(--motion-filter-loop-animation),var(--motion-opacity-loop-animation),var(--motion-background-color-loop-animation),var(--motion-text-color-loop-animation)}.motion-preset-blur-right{--motion-origin-blur:5px;--motion-origin-translate-x:-5%;--motion-origin-opacity:0;--motion-opacity-in-animation:motion-opacity-in calc(var(--motion-opacity-duration,var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing,var(--motion-timing)) var(--motion-opacity-delay,var(--motion-delay)) both;--motion-filter-in-animation:motion-filter-in calc(var(--motion-filter-duration,var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing,var(--motion-timing)) var(--motion-filter-delay,var(--motion-delay)) both;--motion-translate-in-animation:motion-translate-in calc(var(--motion-translate-duration,var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing,var(--motion-timing)) var(--motion-translate-delay,var(--motion-delay)) both;animation:var(--motion-scale-in-animation),var(--motion-translate-in-animation),var(--motion-rotate-in-animation),var(--motion-filter-in-animation),var(--motion-opacity-in-animation),var(--motion-background-color-in-animation),var(--motion-text-color-in-animation),var(--motion-scale-loop-animation),var(--motion-translate-loop-animation),var(--motion-rotate-loop-animation),var(--motion-filter-loop-animation),var(--motion-opacity-loop-animation),var(--motion-background-color-loop-animation),var(--motion-text-color-loop-animation)}.motion-preset-pulse{--motion-loop-scale-x:1.25;--motion-loop-scale-y:1.25;--motion-timing:cubic-bezier(.4, 0, .2, 1);--motion-scale-loop-animation:motion-scale-loop-mirror calc(var(--motion-scale-duration,var(--motion-duration)) * var(--motion-scale-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier))) var(--motion-scale-timing,var(--motion-timing)) var(--motion-scale-delay,var(--motion-delay)) both var(--motion-scale-loop-count,var(--motion-loop-count));animation:var(--motion-scale-in-animation),var(--motion-translate-in-animation),var(--motion-rotate-in-animation),var(--motion-filter-in-animation),var(--motion-opacity-in-animation),var(--motion-background-color-in-animation),var(--motion-text-color-in-animation),var(--motion-scale-loop-animation),var(--motion-translate-loop-animation),var(--motion-rotate-loop-animation),var(--motion-filter-loop-animation),var(--motion-opacity-loop-animation),var(--motion-background-color-loop-animation),var(--motion-text-color-loop-animation)}.motion-preset-slide-left{--motion-origin-translate-x:25%;--motion-origin-opacity:0;--motion-opacity-in-animation:motion-opacity-in calc(var(--motion-opacity-duration,var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing,var(--motion-timing)) var(--motion-opacity-delay,var(--motion-delay)) both;--motion-translate-in-animation:motion-translate-in calc(var(--motion-translate-duration,var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing,var(--motion-timing)) var(--motion-translate-delay,var(--motion-delay)) both;animation:var(--motion-scale-in-animation),var(--motion-translate-in-animation),var(--motion-rotate-in-animation),var(--motion-filter-in-animation),var(--motion-opacity-in-animation),var(--motion-background-color-in-animation),var(--motion-text-color-in-animation),var(--motion-scale-loop-animation),var(--motion-translate-loop-animation),var(--motion-rotate-loop-animation),var(--motion-filter-loop-animation),var(--motion-opacity-loop-animation),var(--motion-background-color-loop-animation),var(--motion-text-color-loop-animation)}.motion-preset-slide-right{--motion-origin-translate-x:-25%;--motion-origin-opacity:0;--motion-opacity-in-animation:motion-opacity-in calc(var(--motion-opacity-duration,var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing,var(--motion-timing)) var(--motion-opacity-delay,var(--motion-delay)) both;--motion-translate-in-animation:motion-translate-in calc(var(--motion-translate-duration,var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing,var(--motion-timing)) var(--motion-translate-delay,var(--motion-delay)) both;animation:var(--motion-scale-in-animation),var(--motion-translate-in-animation),var(--motion-rotate-in-animation),var(--motion-filter-in-animation),var(--motion-opacity-in-animation),var(--motion-background-color-in-animation),var(--motion-text-color-in-animation),var(--motion-scale-loop-animation),var(--motion-translate-loop-animation),var(--motion-rotate-loop-animation),var(--motion-filter-loop-animation),var(--motion-opacity-loop-animation),var(--motion-background-color-loop-animation),var(--motion-text-color-loop-animation)}.motion-preset-fade{--motion-origin-opacity:0;--motion-duration:.5s;--motion-opacity-in-animation:motion-opacity-in calc(var(--motion-opacity-duration,var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing,var(--motion-timing)) var(--motion-opacity-delay,var(--motion-delay)) both;animation:var(--motion-scale-in-animation),var(--motion-translate-in-animation),var(--motion-rotate-in-animation),var(--motion-filter-in-animation),var(--motion-opacity-in-animation),var(--motion-background-color-in-animation),var(--motion-text-color-in-animation),var(--motion-scale-loop-animation),var(--motion-translate-loop-animation),var(--motion-rotate-loop-animation),var(--motion-filter-loop-animation),var(--motion-opacity-loop-animation),var(--motion-background-color-loop-animation),var(--motion-text-color-loop-animation)}.motion-preset-blink{--motion-loop-opacity:0;--motion-opacity-loop-animation:motion-opacity-loop-mirror calc(var(--motion-opacity-duration,var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing,var(--motion-timing)) var(--motion-opacity-delay,var(--motion-delay)) both var(--motion-opacity-loop-count,var(--motion-loop-count));animation:var(--motion-scale-in-animation),var(--motion-translate-in-animation),var(--motion-rotate-in-animation),var(--motion-filter-in-animation),var(--motion-opacity-in-animation),var(--motion-background-color-in-animation),var(--motion-text-color-in-animation),var(--motion-scale-loop-animation),var(--motion-translate-loop-animation),var(--motion-rotate-loop-animation),var(--motion-filter-loop-animation),var(--motion-opacity-loop-animation),var(--motion-background-color-loop-animation),var(--motion-text-color-loop-animation)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.\!justify-between{justify-content:space-between!important}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-1{column-gap:calc(var(--spacing) * 1)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-8{row-gap:calc(var(--spacing) * 8)}.gap-y-10{row-gap:calc(var(--spacing) * 10)}:where(.accordion:where(.accordion-bordered)>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){:where(.accordion:where(.accordion-bordered)>:not(:last-child)){border-color:color-mix(in oklab,var(--color-base-content) 25%,transparent)}}.accordion:where(.accordion-bordered){border-radius:var(--radius-box);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.accordion:where(.accordion-bordered){border-color:color-mix(in oklab,var(--color-base-content) 25%,transparent)}}.accordion:where(.accordion-bordered){background-color:var(--color-base-100)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.skeleton{border-radius:var(--radius-box);background-color:var(--color-base-200);will-change:background-position;background-image:linear-gradient(105deg,#0000 0% 40%,var(--color-base-100) 50%,#0000 60% 100%);background-position-x:-50%;background-repeat:no-repeat;background-size:200%}:where(.menu-horizontal>li:not(.menu-title)>.collapse>ul){border-radius:var(--radius-box);background-color:var(--color-base-100);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-shadow-color:var(--color-base-300)}@supports (color:color-mix(in lab,red,red)){:where(.menu-horizontal>li:not(.menu-title)>.collapse>ul){--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-base-300) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.\!rounded-full{border-radius:3.40282e38px!important}.\!rounded-xs{border-radius:var(--radius-xs)!important}.rounded{border-radius:.25rem}.rounded-4xl{border-radius:var(--radius-4xl)}.rounded-box{border-radius:var(--radius-box)}.rounded-field{border-radius:var(--radius-field)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-br-lg{border-bottom-right-radius:var(--radius-lg)}.rounded-bl-lg{border-bottom-left-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.btn-text{--btn-shadow:"";color:var(--btn-color,var(--color-neutral));--btn-bg:"";--btn-border:"";--btn-noise:none;outline-color:var(--btn-color,var(--color-neutral));border-width:0}@media(hover:hover){.btn-text:hover{--btn-bg:var(--btn-color,var(--color-neutral))}@supports (color:color-mix(in lab,red,red)){.btn-text:hover{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-neutral)) 10%, #0000)}}}.btn-text:focus-visible{--btn-bg:var(--btn-color,var(--color-neutral))}@supports (color:color-mix(in lab,red,red)){.btn-text:focus-visible{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-neutral)) 10%, #0000)}}.btn-text.btn-active{--btn-bg:var(--btn-color,var(--color-neutral))}@supports (color:color-mix(in lab,red,red)){.btn-text.btn-active{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-neutral)) 10%, #0000)}}.btn-soft{--btn-shadow:"";color:var(--btn-color,var(--color-neutral));--btn-bg:var(--btn-color,var(--color-neutral))}@supports (color:color-mix(in lab,red,red)){.btn-soft{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-neutral)) 10%, var(--color-base-100))}}.btn-soft{--btn-noise:none;border-width:0}.btn-soft:focus-visible{--btn-bg:var(--btn-color,var(--color-neutral))}@supports (color:color-mix(in lab,red,red)){.btn-soft:focus-visible{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-neutral)) 20%, var(--color-base-100))}}@media(hover:hover){.btn-soft:hover{--btn-bg:var(--btn-color,var(--color-neutral))}@supports (color:color-mix(in lab,red,red)){.btn-soft:hover{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-neutral)) 20%, var(--color-base-100))}}}.btn-soft.btn-active{--btn-bg:var(--btn-color,var(--color-neutral))}@supports (color:color-mix(in lab,red,red)){.btn-soft.btn-active{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-neutral)) 20%, var(--color-base-100))}}.\!border-none{--tw-border-style:none!important;border-style:none!important}.border-none{--tw-border-style:none;border-style:none}.divider-dashed:before,.divider-dashed:after{--tw-border-style:dashed;border-style:dashed}.input.is-valid,.input:has(.is-valid),.validate .input:valid,.validate .input:has(:valid){border-color:var(--color-success)}@media(hover:hover){:is(.input.is-valid,.input:has(.is-valid),.validate .input:valid,.validate .input:has(:valid)):hover{border-color:var(--color-success)}}:is(.input.is-valid,.input:has(.is-valid),.validate .input:valid,.validate .input:has(:valid)):has(:hover):not(:focus,:focus-within){border-color:var(--color-success)}:is(.input.is-valid,.input:has(.is-valid),.validate .input:valid,.validate .input:has(:valid)):focus,:is(.input.is-valid,.input:has(.is-valid),.validate .input:valid,.validate .input:has(:valid)):focus-within{--input-color:var(--color-success)}.input.is-invalid,.input:has(.is-invalid),.validate .input:invalid,.validate .input:has(:invalid){border-color:var(--color-error)}@media(hover:hover){:is(.input.is-invalid,.input:has(.is-invalid),.validate .input:invalid,.validate .input:has(:invalid)):hover{border-color:var(--color-error)}}:is(.input.is-invalid,.input:has(.is-invalid),.validate .input:invalid,.validate .input:has(:invalid)):has(:hover):not(:focus,:focus-within){border-color:var(--color-error)}:is(.input.is-invalid,.input:has(.is-invalid),.validate .input:invalid,.validate .input:has(:invalid)):focus,:is(.input.is-invalid,.input:has(.is-invalid),.validate .input:invalid,.validate .input:has(:invalid)):focus-within{--input-color:var(--color-error)}.validate .input:valid::file-selector-button{background-color:var(--color-success);color:var(--color-success-content);--input-color:var(--color-success)}.validate .input:invalid::file-selector-button{background-color:var(--color-error);color:var(--color-error-content);--input-color:var(--color-error)}.validate .input-floating>.input:valid::file-selector-button{background-color:var(--color-base-100);color:var(--color-base-content);border-inline-end:var(--border) solid var(--color-success)}.validate .input-floating>.input:invalid::file-selector-button{background-color:var(--color-base-100);color:var(--color-base-content);border-inline-end:var(--border) solid var(--color-error)}.input-floating:has(.is-valid) .input-floating-label,:is(.input-floating:has(.is-valid):focus-within,.input-floating:has(.is-valid):not(:has(input:placeholder-shown)),.input-floating:has(.is-valid):has(.input:focus)) .input-floating-label{color:var(--color-success)}@media(hover:hover){.validate .input-floating:has(:valid):hover{border-color:var(--color-success)}}.validate .input-floating:has(:valid) .input-floating-label,:is(.validate .input-floating:has(:valid):focus-within,.validate .input-floating:has(:valid):not(:has(input:placeholder-shown)),.validate .input-floating:has(:valid):has(.input:focus)) .input-floating-label{color:var(--color-success)}.input-floating:has(.is-invalid) .input-floating-label,:is(.input-floating:has(.is-invalid):focus-within,.input-floating:has(.is-invalid):not(:has(input:placeholder-shown)),.input-floating:has(.is-invalid):has(.input:focus)) .input-floating-label{color:var(--color-error)}@media(hover:hover){.validate .input-floating:has(:invalid):hover{border-color:var(--color-error)}}.validate .input-floating:has(:invalid) .input-floating-label,:is(.validate .input-floating:has(:invalid):focus-within,.validate .input-floating:has(:invalid):not(:has(input:placeholder-shown)),.validate .input-floating:has(:invalid):has(.input:focus)) .input-floating-label{color:var(--color-error)}.input.is-invalid::file-selector-button{background-color:var(--color-error);color:var(--color-error-content);--input-color:var(--color-error)}.input-floating>.input.is-invalid::file-selector-button{background-color:var(--color-base-100);color:var(--color-base-content);border-inline-end:var(--border) solid var(--color-error)}.label-text:has(~.is-invalid),.label-text:has(~* .is-invalid),.is-invalid~.helper-text,:has(.is-invalid)~.helper-text,.is-invalid~.label-text,.is-invalid~.label-text *,.is-invalid~*>.label-text{color:var(--color-error)}select.is-invalid+.advance-select-toggle,select.is-invalid+.advance-select-toggle:focus,select.is-invalid+.advance-select-toggle:focus-within,.advance-select-tag:has(>.is-invalid),.advance-select-tag:has(>.is-invalid):focus,.advance-select-tag:has(>.is-invalid):focus-within{--input-color:var(--color-error)}@media(hover:hover){.input-floating:has(.is-invalid):hover{border-color:var(--color-error)}}.input-floating:has(.is-invalid) .input-floating-label,:is(.input-floating:has(.is-invalid):focus-within,.input-floating:has(.is-invalid):not(:has(input:placeholder-shown)),.input-floating:has(.is-invalid):has(.input:focus)) .input-floating-label,.textarea-floating:has(.is-invalid) .textarea-floating-label,:is(.textarea-floating:has(.is-invalid):focus-within,.textarea-floating:has(.is-invalid):not(:has(textarea:placeholder-shown)),.textarea-floating:has(.is-invalid):has(.textarea:focus)) .textarea-floating-label,.select-floating:has(.is-invalid) .select-floating-label,:is(.select-floating:has(.is-invalid):focus-within,.select-floating:has(.is-invalid):not(:has(select:placeholder-shown)),.select-floating:has(.is-invalid):has(.select:focus)) .select-floating-label{color:var(--color-error)}.input.is-valid::file-selector-button{background-color:var(--color-success);color:var(--color-success-content);--input-color:var(--color-success)}.input-floating>.input.is-valid::file-selector-button{background-color:var(--color-base-100);color:var(--color-base-content);border-inline-end:var(--border) solid var(--color-success)}.label-text:has(~.is-valid),.label-text:has(~* .is-valid),.is-valid~.helper-text,:has(.is-valid)~.helper-text,.is-valid~.label-text,.is-valid~.label-text *,.is-valid~*>.label-text{color:var(--color-success)}select.is-valid+.advance-select-toggle,select.is-valid+.advance-select-toggle:focus,select.is-valid+.advance-select-toggle:focus-within,.advance-select-tag:has(>.is-valid),.advance-select-tag:has(>.is-valid):focus,.advance-select-tag:has(>.is-valid):focus-within{--input-color:var(--color-success)}@media(hover:hover){.input-floating:has(.is-valid):hover{border-color:var(--color-success)}}.input-floating:has(.is-valid) .input-floating-label,:is(.input-floating:has(.is-valid):focus-within,.input-floating:has(.is-valid):not(:has(input:placeholder-shown)),.input-floating:has(.is-valid):has(.input:focus)) .input-floating-label,.textarea-floating:has(.is-valid) .textarea-floating-label,:is(.textarea-floating:has(.is-valid):focus-within,.textarea-floating:has(.is-valid):not(:has(textarea:placeholder-shown)),.textarea-floating:has(.is-valid):has(.textarea:focus)) .textarea-floating-label,.select-floating:has(.is-valid) .select-floating-label,:is(.select-floating:has(.is-valid):focus-within,.select-floating:has(.is-valid):not(:has(select:placeholder-shown)),.select-floating:has(.is-valid):has(.select:focus)) .select-floating-label{color:var(--color-success)}.checkbox.is-valid,.checkbox:has(.is-valid),.validate .checkbox:valid,.validate .checkbox:has(:valid){--input-color:var(--color-success);border-color:var(--input-color)}:is(.checkbox.is-valid,.checkbox:has(.is-valid),.validate .checkbox:valid,.validate .checkbox:has(:valid)):checked,:is(.checkbox.is-valid,.checkbox:has(.is-valid),.validate .checkbox:valid,.validate .checkbox:has(:valid))[aria-checked=true],:is(.checkbox.is-valid,.checkbox:has(.is-valid),.validate .checkbox:valid,.validate .checkbox:has(:valid)):has(>input:checked){--input-color:var(--color-success)}.checkbox.is-invalid,.checkbox:has(.is-invalid),.validate .checkbox:invalid,.validate .checkbox:has(:invalid){--input-color:var(--color-error);border-color:var(--input-color)}:is(.checkbox.is-invalid,.checkbox:has(.is-invalid),.validate .checkbox:invalid,.validate .checkbox:has(:invalid)):checked,:is(.checkbox.is-invalid,.checkbox:has(.is-invalid),.validate .checkbox:invalid,.validate .checkbox:has(:invalid))[aria-checked=true],:is(.checkbox.is-invalid,.checkbox:has(.is-invalid),.validate .checkbox:invalid,.validate .checkbox:has(:invalid)):has(>input:checked){--input-color:var(--color-error)}.checkbox.is-valid,.checkbox:has(.is-valid),.validate .checkbox:valid,.validate .checkbox:has(:valid){color:var(--color-success-content)}.checkbox.is-invalid,.checkbox:has(.is-invalid),.validate .checkbox:invalid,.validate .checkbox:has(:invalid){color:var(--color-error-content)}.select.is-valid,.select:has(.is-valid),.validate .select:valid,.validate .select:has(:valid){border-color:var(--color-success)}@media(hover:hover){:is(.select.is-valid,.select:has(.is-valid),.validate .select:valid,.validate .select:has(:valid)):hover{border-color:var(--color-success)}}:is(.select.is-valid,.select:has(.is-valid),.validate .select:valid,.validate .select:has(:valid)):has(:hover):not(:focus,:focus-within){border-color:var(--color-success)}:is(.select.is-valid,.select:has(.is-valid),.validate .select:valid,.validate .select:has(:valid)):focus,:is(.select.is-valid,.select:has(.is-valid),.validate .select:valid,.validate .select:has(:valid)):focus-within{--input-color:var(--color-success)}.select.is-invalid,.select:has(.is-invalid),.validate .select:invalid,.validate .select:has(:invalid){border-color:var(--color-error)}@media(hover:hover){:is(.select.is-invalid,.select:has(.is-invalid),.validate .select:invalid,.validate .select:has(:invalid)):hover{border-color:var(--color-error)}}:is(.select.is-invalid,.select:has(.is-invalid),.validate .select:invalid,.validate .select:has(:invalid)):has(:hover):not(:focus,:focus-within){border-color:var(--color-error)}:is(.select.is-invalid,.select:has(.is-invalid),.validate .select:invalid,.validate .select:has(:invalid)):focus,:is(.select.is-invalid,.select:has(.is-invalid),.validate .select:invalid,.validate .select:has(:invalid)):focus-within{--input-color:var(--color-error)}.textarea.is-valid,.textarea:has(.is-valid),.validate .textarea:valid,.validate .textarea:has(:valid){border-color:var(--color-success)}@media(hover:hover){:is(.textarea.is-valid,.textarea:has(.is-valid),.validate .textarea:valid,.validate .textarea:has(:valid)):hover{border-color:var(--color-success)}}:is(.textarea.is-valid,.textarea:has(.is-valid),.validate .textarea:valid,.validate .textarea:has(:valid)):has(:hover):not(:focus,:focus-within){border-color:var(--color-success)}:is(.textarea.is-valid,.textarea:has(.is-valid),.validate .textarea:valid,.validate .textarea:has(:valid)):focus,:is(.textarea.is-valid,.textarea:has(.is-valid),.validate .textarea:valid,.validate .textarea:has(:valid)):focus-within{--input-color:var(--color-success)}.textarea.is-invalid,.textarea:has(.is-invalid),.validate .textarea:invalid,.validate .textarea:has(:invalid){border-color:var(--color-error)}@media(hover:hover){:is(.textarea.is-invalid,.textarea:has(.is-invalid),.validate .textarea:invalid,.validate .textarea:has(:invalid)):hover{border-color:var(--color-error)}}:is(.textarea.is-invalid,.textarea:has(.is-invalid),.validate .textarea:invalid,.validate .textarea:has(:invalid)):has(:hover):not(:focus,:focus-within){border-color:var(--color-error)}:is(.textarea.is-invalid,.textarea:has(.is-invalid),.validate .textarea:invalid,.validate .textarea:has(:invalid)):focus,:is(.textarea.is-invalid,.textarea:has(.is-invalid),.validate .textarea:invalid,.validate .textarea:has(:invalid)):focus-within{--input-color:var(--color-error)}.\!border-base-content\/40{border-color:var(--color-base-content)!important}@supports (color:color-mix(in lab,red,red)){.\!border-base-content\/40{border-color:color-mix(in oklab,var(--color-base-content) 40%,transparent)!important}}.border-\[\#19140035\]{border-color:#19140035}.border-\[\#e3e3e0\]{border-color:#e3e3e0}.border-base-300{border-color:var(--color-base-300)}.border-base-content\/20{border-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.border-base-content\/20{border-color:color-mix(in oklab,var(--color-base-content) 20%,transparent)}}.border-base-content\/40{border-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.border-base-content\/40{border-color:color-mix(in oklab,var(--color-base-content) 40%,transparent)}}.border-black{border-color:var(--color-black)}.border-error-content\/20{border-color:var(--color-error-content)}@supports (color:color-mix(in lab,red,red)){.border-error-content\/20{border-color:color-mix(in oklab,var(--color-error-content) 20%,transparent)}}.border-green-500{border-color:var(--color-green-500)}.border-info-content\/20{border-color:var(--color-info-content)}@supports (color:color-mix(in lab,red,red)){.border-info-content\/20{border-color:color-mix(in oklab,var(--color-info-content) 20%,transparent)}}.border-primary{border-color:var(--color-primary)}.border-red-500{border-color:var(--color-red-500)}.border-success-content\/20{border-color:var(--color-success-content)}@supports (color:color-mix(in lab,red,red)){.border-success-content\/20{border-color:color-mix(in oklab,var(--color-success-content) 20%,transparent)}}.border-transparent{border-color:#0000}.border-warning-content\/20{border-color:var(--color-warning-content)}@supports (color:color-mix(in lab,red,red)){.border-warning-content\/20{border-color:color-mix(in oklab,var(--color-warning-content) 20%,transparent)}}.glass{-webkit-backdrop-filter:blur(var(--glass-blur,40px));backdrop-filter:blur(var(--glass-blur,40px));background-color:#0000;background-image:linear-gradient(135deg,oklch(100% 0 0 / var(--glass-opacity,30%)),#0000),linear-gradient(var(--glass-reflect-degree,100deg),oklch(100% 0 0 / var(--glass-reflect-opacity,5%)) 25%,oklch(0% 0 0/0) 25%);box-shadow:0 0 0 1px oklch(100% 0 0 / var(--glass-border-opacity,20%)) inset,0 0 0 2px #0000000d;text-shadow:0 1px oklch(0% 0 0 / var(--glass-text-shadow-opacity,5%));border:none}.input-floating .input::file-selector-button{background-color:var(--color-base-100);color:var(--color-base-content);border-inline-end:var(--border) solid var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.input-floating .input::file-selector-button{border-inline-end:var(--border) solid color-mix(in oklab,var(--color-base-content) 40%,#0000)}}.input-floating .input::file-selector-button{outline:none}.progress-primary{background-color:var(--color-primary);color:var(--color-primary-content)}.\!bg-base-100{background-color:var(--color-base-100)!important}.bg-\[\#1b1b18\]{background-color:#1b1b18}.bg-\[\#FDFDFC\]{background-color:#fdfdfc}.bg-\[\#dbdbd7\]{background-color:#dbdbd7}.bg-\[\#fff2f2\]{background-color:#fff2f2}.bg-base-100{background-color:var(--color-base-100)}.bg-base-200,.bg-base-200\/50{background-color:var(--color-base-200)}@supports (color:color-mix(in lab,red,red)){.bg-base-200\/50{background-color:color-mix(in oklab,var(--color-base-200) 50%,transparent)}}.bg-base-300,.bg-base-300\/50{background-color:var(--color-base-300)}@supports (color:color-mix(in lab,red,red)){.bg-base-300\/50{background-color:color-mix(in oklab,var(--color-base-300) 50%,transparent)}}.bg-base-300\/60{background-color:var(--color-base-300)}@supports (color:color-mix(in lab,red,red)){.bg-base-300\/60{background-color:color-mix(in oklab,var(--color-base-300) 60%,transparent)}}.bg-error{background-color:var(--color-error)}.bg-info{background-color:var(--color-info)}.bg-neutral\/20{background-color:var(--color-neutral)}@supports (color:color-mix(in lab,red,red)){.bg-neutral\/20{background-color:color-mix(in oklab,var(--color-neutral) 20%,transparent)}}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-white{background-color:var(--color-white)}.bg-linear-to-b{--tw-gradient-position:to bottom}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-b{--tw-gradient-position:to bottom in oklab}}.bg-linear-to-b{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-none{background-image:none}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-base-300{--tw-gradient-to:var(--color-base-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.loading-spinner{-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.bg-cover{background-size:cover}.bg-center{background-position:50%}.fill-black{fill:var(--color-black)}.fill-gray-200{fill:var(--color-gray-200)}.object-cover{object-fit:cover}.checkbox-sm{--size:calc(var(--size-selector,.25rem) * 5);padding:.125rem}.p-0{padding:calc(var(--spacing) * 0)}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.p-15{padding:calc(var(--spacing) * 15)}.\!px-2\.5{padding-inline:calc(var(--spacing) * 2.5)!important}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.\!py-0\.5{padding-block:calc(var(--spacing) * .5)!important}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.align-bottom{vertical-align:bottom}.font-inconsolata{font-family:var(--font-inconsolata)}.font-serif{font-family:var(--font-serif)}.btn-md{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--btn-p:1rem;--size:calc(var(--size-field,.25rem) * 9.5)}.btn-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--btn-p:.75rem;--size:calc(var(--size-field,.25rem) * 7.5)}.\!text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[13px\]{font-size:13px}.leading-\[20px\]{--tw-leading:20px;line-height:20px}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.\!font-medium{--tw-font-weight:var(--font-weight-medium)!important;font-weight:var(--font-weight-medium)!important}.\!font-semibold{--tw-font-weight:var(--font-weight-semibold)!important;font-weight:var(--font-weight-semibold)!important}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-pretty{text-wrap:pretty}.whitespace-nowrap{white-space:nowrap}.btn-outline{--btn-shadow:"";--btn-bg:"";color:var(--btn-color,var(--color-neutral));--btn-border:var(--btn-color,var(--color-neutral));--btn-noise:none;outline-color:var(--btn-color,var(--color-neutral))}@media(hover:hover){.btn-outline:hover{--btn-bg:var(--btn-color,var(--color-neutral))}@supports (color:color-mix(in lab,red,red)){.btn-outline:hover{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-neutral)) 10%, #0000)}}}.btn-outline:focus-visible{--btn-bg:var(--btn-color,var(--color-neutral))}@supports (color:color-mix(in lab,red,red)){.btn-outline:focus-visible{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-neutral)) 10%, #0000)}}.btn-outline:focus-visible{outline-width:1px}.btn-outline.btn-active{--btn-bg:var(--btn-color,var(--color-neutral))}@supports (color:color-mix(in lab,red,red)){.btn-outline.btn-active{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-neutral)) 10%, #0000)}}.label-text:has(~.is-valid),.label-text:has(~* .is-valid),.validate .label-text:has(~:valid),.validate .label-text:has(~* :valid),.is-valid~.label-text,.is-valid~.label-text *,.is-valid~*>.label-text,.validate :valid~.label-text,.validate :valid~.label-text *,.validate :valid~*>.label-text{color:var(--color-success)}.label-text:has(~.is-invalid),.label-text:has(~* .is-invalid),.validate .label-text:has(~:invalid),.validate .label-text:has(~* :invalid),.is-invalid~.label-text,.is-invalid~.label-text *,.is-invalid~*>.label-text,.validate :invalid~.label-text,.validate :invalid~.label-text *,.validate :invalid~*>.label-text{color:var(--color-error)}.checkbox-primary{color:var(--color-primary-content);--input-color:var(--color-primary)}.text-\[\#1b1b18\]{color:#1b1b18}.text-\[\#706f6c\]{color:#706f6c}.text-\[\#F53003\],.text-\[\#f53003\]{color:#f53003}.text-accent-content{color:var(--color-accent-content)}.text-base-content,.text-base-content\/50{color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.text-base-content\/50{color:color-mix(in oklab,var(--color-base-content) 50%,transparent)}}.text-base-content\/80{color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.text-base-content\/80{color:color-mix(in oklab,var(--color-base-content) 80%,transparent)}}.text-error{color:var(--color-error)}.text-error-content{color:var(--color-error-content)}.text-info-content{color:var(--color-info-content)}.text-primary{color:var(--color-primary)}.text-primary-content{color:var(--color-primary-content)}.text-red-500{color:var(--color-red-500)}.text-secondary{color:var(--color-secondary)}.text-secondary-content{color:var(--color-secondary-content)}.text-success{color:var(--color-success)}.text-success-content{color:var(--color-success-content)}.text-warning-content{color:var(--color-warning-content)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.link:where(.link-hover){text-decoration-line:none}@media(hover:hover){.link:where(.link-hover):hover{text-decoration-line:underline}}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-100{opacity:1}.shadow-\[0px_0px_1px_0px_rgba\(0\,0\,0\,0\.03\)\,0px_1px_2px_0px_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow:0px 0px 1px 0px var(--tw-shadow-color,#00000008), 0px 1px 2px 0px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0px_0px_0px_1px_rgba\(26\,26\,0\,0\.16\)\]{--tw-shadow:inset 0px 0px 0px 1px var(--tw-shadow-color,#1a1a0029);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-base-300\/20{--tw-shadow-color:var(--color-base-300)}@supports (color:color-mix(in lab,red,red)){.shadow-base-300\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-base-300) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.brightness-0{--tw-brightness:brightness(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,)}.invert-90{--tw-invert:invert(90%);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,)}.saturate-0{--tw-saturate:saturate(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,)}.filter{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,)}.carousel-slide{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.7s;transition-duration:.7s}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[height\]{transition-property:height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-300{transition-delay:.3s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-750{--tw-duration:.75s;transition-duration:.75s}select.is-valid+.advance-select-toggle,select.is-valid+.advance-select-toggle:focus,select.is-valid+.advance-select-toggle:focus-within,.validate select:has(~*>.selected)+.advance-select-toggle,.validate select:has(~*>.selected)+.advance-select-toggle:focus,.validate select:has(~*>.selected)+.advance-select-toggle:focus-within{--input-color:var(--color-success)}select.is-invalid+.advance-select-toggle,select.is-invalid+.advance-select-toggle:focus,select.is-invalid+.advance-select-toggle:focus-within,.validate select:not(:has(~*>.selected))+.advance-select-toggle,.validate select:not(:has(~*>.selected))+.advance-select-toggle:focus,.validate select:not(:has(~*>.selected))+.advance-select-toggle:focus-within{--input-color:var(--color-error)}.btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content)}.btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}.btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content)}.validate select:has(~*>.selected)+.advance-select-toggle,.validate select:has(~*>.selected)+.advance-select-toggle:focus,.validate select:has(~*>.selected)+.advance-select-toggle:focus-within{--input-color:var(--color-success)}.\[--auto-close\:inside\]{--auto-close:inside}.\[--offset\:8\]{--offset:8}.\[--placement\:bottom-end\]{--placement:bottom-end}.link-primary{--link-color:var(--color-primary)}.motion-duration-1000{--motion-duration:1s}.motion-duration-2000{--motion-duration:2s}.not-has-\[nav\]\:hidden:not(:has(:is(nav))){display:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-0:before{content:var(--tw-content);top:calc(var(--spacing) * 0)}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:bottom-0:before{content:var(--tw-content);bottom:calc(var(--spacing) * 0)}.before\:bottom-1\/2:before{content:var(--tw-content);bottom:50%}.before\:left-\[0\.4rem\]:before{content:var(--tw-content);left:.4rem}.before\:border-l:before{content:var(--tw-content);border-left-style:var(--tw-border-style);border-left-width:1px}.before\:border-\[\#e3e3e0\]:before{content:var(--tw-content);border-color:#e3e3e0}@media(hover:hover){.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-\[\#1915014a\]:hover{border-color:#1915014a}.hover\:border-\[\#19140035\]:hover{border-color:#19140035}.hover\:border-black:hover{border-color:var(--color-black)}.hover\:bg-black:hover{background-color:var(--color-black)}.hover\:bg-primary\/20:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/20:hover{background-color:color-mix(in oklab,var(--color-primary) 20%,transparent)}}.hover\:bg-secondary-content\/20:hover{background-color:var(--color-secondary-content)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary-content\/20:hover{background-color:color-mix(in oklab,var(--color-secondary-content) 20%,transparent)}}.hover\:text-primary:hover{color:var(--color-primary)}}.focus\:border-primary:focus{border-color:var(--color-primary)}.focus\:outline-1:focus{outline-style:var(--tw-outline-style);outline-width:1px}.focus\:outline-primary:focus{outline-color:var(--color-primary)}.active\:bg-primary\/40:active{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.active\:bg-primary\/40:active{background-color:color-mix(in oklab,var(--color-primary) 40%,transparent)}}.active\:bg-secondary-content\/50:active{background-color:var(--color-secondary-content)}@supports (color:color-mix(in lab,red,red)){.active\:bg-secondary-content\/50:active{background-color:color-mix(in oklab,var(--color-secondary-content) 50%,transparent)}}@media not all and (min-width:48rem){.max-md\:mt-2{margin-top:calc(var(--spacing) * 2)}.max-md\:w-full{width:100%}}@media not all and (min-width:40rem){.max-sm\:start-3{inset-inline-start:calc(var(--spacing) * 3)}.max-sm\:end-3{inset-inline-end:calc(var(--spacing) * 3)}}@media(min-width:40rem){.sm\:mt-auto{margin-top:auto}}@media(min-width:48rem){.md\:menu-horizontal{flex-direction:row;display:inline-flex}.md\:menu-horizontal>li:not(.menu-title)>.collapse>ul{margin-inline-start:0;margin-top:1rem;padding-block:.5rem;padding-inline-end:.5rem;position:absolute}.md\:menu-horizontal>li>.collapse>ul:before{content:none}:where(.md\:menu-horizontal>li:not(.menu-title)>.collapse>ul){border-radius:var(--radius-box);background-color:var(--color-base-100);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-shadow-color:var(--color-base-300)}@supports (color:color-mix(in lab,red,red)){:where(.md\:menu-horizontal>li:not(.menu-title)>.collapse>ul){--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-base-300) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.md\:right-5{right:calc(var(--spacing) * 5)}.md\:left-auto{left:auto}.md\:mt-0{margin-top:calc(var(--spacing) * 0)}.md\:mt-8{margin-top:calc(var(--spacing) * 8)}.md\:mt-25{margin-top:calc(var(--spacing) * 25)}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-22{height:calc(var(--spacing) * 22)}.md\:w-1\/2{width:50%}.md\:w-2\/5{width:40%}.md\:w-3\/5{width:60%}.md\:w-40{width:calc(var(--spacing) * 40)}.md\:w-85{width:calc(var(--spacing) * 85)}.md\:w-auto{width:auto}.md\:flex-1{flex:1}.md\:translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.md\:-translate-y-20{--tw-translate-y:calc(var(--spacing) * -20);translate:var(--tw-translate-x) var(--tw-translate-y)}.md\:-translate-y-40{--tw-translate-y:calc(var(--spacing) * -40);translate:var(--tw-translate-x) var(--tw-translate-y)}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:justify-center{justify-content:center}.md\:gap-2{gap:calc(var(--spacing) * 2)}.md\:gap-10{gap:calc(var(--spacing) * 10)}.md\:px-30{padding-inline:calc(var(--spacing) * 30)}.md\:pb-10{padding-bottom:calc(var(--spacing) * 10)}.md\:btn-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--btn-p:1.25rem;--size:calc(var(--size-field,.25rem) * 11.5)}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}}@media(min-width:64rem){.lg\:-mt-\[6\.6rem\]{margin-top:-6.6rem}.lg\:mb-0{margin-bottom:calc(var(--spacing) * 0)}.lg\:mb-6{margin-bottom:calc(var(--spacing) * 6)}.lg\:-ml-px{margin-left:-1px}.lg\:ml-0{margin-left:calc(var(--spacing) * 0)}.lg\:block{display:block}.lg\:aspect-auto{aspect-ratio:auto}.lg\:w-\[438px\]{width:438px}.lg\:max-w-4xl{max-width:var(--container-4xl)}.lg\:grow{flex-grow:1}.lg\:flex-row{flex-direction:row}.lg\:justify-center{justify-content:center}.lg\:rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.lg\:rounded-tl-lg{border-top-left-radius:var(--radius-lg)}.lg\:rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.lg\:rounded-br-none{border-bottom-right-radius:0}.lg\:p-8{padding:calc(var(--spacing) * 8)}.lg\:p-20{padding:calc(var(--spacing) * 20)}.lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.lg\:leading-6\.5{--tw-leading:calc(var(--spacing) * 6.5);line-height:calc(var(--spacing) * 6.5)}}.rtl\:\!mr-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *){margin-right:calc(var(--spacing) * 0)!important}@media(prefers-color-scheme:dark){.dark\:block{display:block}.dark\:hidden{display:none}.dark\:border-\[\#3E3E3A\]{border-color:#3e3e3a}.dark\:border-\[\#eeeeec\]{border-color:#eeeeec}.dark\:bg-\[\#0a0a0a\]{background-color:#0a0a0a}.dark\:bg-\[\#1D0002\]{background-color:#1d0002}.dark\:bg-\[\#3E3E3A\]{background-color:#3e3e3a}.dark\:bg-\[\#161615\]{background-color:#161615}.dark\:bg-\[\#eeeeec\]{background-color:#eeeeec}.dark\:text-\[\#1C1C1A\]{color:#1c1c1a}.dark\:text-\[\#A1A09A\]{color:#a1a09a}.dark\:text-\[\#EDEDEC\]{color:#ededec}.dark\:text-\[\#F61500\]{color:#f61500}.dark\:text-\[\#FF4433\]{color:#f43}.dark\:shadow-\[inset_0px_0px_0px_1px_\#fffaed2d\]{--tw-shadow:inset 0px 0px 0px 1px var(--tw-shadow-color,#fffaed2d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dark\:before\:border-\[\#3E3E3A\]:before{content:var(--tw-content);border-color:#3e3e3a}@media(hover:hover){.dark\:hover\:border-\[\#3E3E3A\]:hover{border-color:#3e3e3a}.dark\:hover\:border-\[\#62605b\]:hover{border-color:#62605b}.dark\:hover\:border-white:hover{border-color:var(--color-white)}.dark\:hover\:bg-white:hover{background-color:var(--color-white)}}}@starting-style{.starting\:translate-y-4{--tw-translate-y:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}}@starting-style{.starting\:translate-y-6{--tw-translate-y:calc(var(--spacing) * 6);translate:var(--tw-translate-x) var(--tw-translate-y)}}@starting-style{.starting\:opacity-0{opacity:0}}.dropdown-open\:rotate-180.dropdown-menu.open,.dropdown.open>.dropdown-open\:rotate-180,.dropdown.open>.dropdown-toggle .dropdown-open\:rotate-180,.dropdown.open>.dropdown-menu>.dropdown-open\:rotate-180{rotate:180deg}.dropdown-open\:bg-base-content\/10.dropdown-menu.open{background-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.dropdown-open\:bg-base-content\/10.dropdown-menu.open{background-color:color-mix(in oklab,var(--color-base-content) 10%,transparent)}}.dropdown.open>.dropdown-open\:bg-base-content\/10{background-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.dropdown.open>.dropdown-open\:bg-base-content\/10{background-color:color-mix(in oklab,var(--color-base-content) 10%,transparent)}}.dropdown.open>.dropdown-toggle .dropdown-open\:bg-base-content\/10{background-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.dropdown.open>.dropdown-toggle .dropdown-open\:bg-base-content\/10{background-color:color-mix(in oklab,var(--color-base-content) 10%,transparent)}}.dropdown.open>.dropdown-menu>.dropdown-open\:bg-base-content\/10{background-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.dropdown.open>.dropdown-menu>.dropdown-open\:bg-base-content\/10{background-color:color-mix(in oklab,var(--color-base-content) 10%,transparent)}}.dropdown-open\:text-base-content.dropdown-menu.open,.dropdown.open>.dropdown-open\:text-base-content,.dropdown.open>.dropdown-toggle .dropdown-open\:text-base-content,.dropdown.open>.dropdown-menu>.dropdown-open\:text-base-content{color:var(--color-base-content)}.dropdown-open\:opacity-100.dropdown-menu.open,.dropdown.open>.dropdown-open\:opacity-100,.dropdown.open>.dropdown-toggle .dropdown-open\:opacity-100,.dropdown.open>.dropdown-menu>.dropdown-open\:opacity-100{opacity:1}.collapse-open\:block.collapse.open,.collapse-open\:block.collapse-toggle.open,.collapse.open>.collapse-open\:block,.collapse-toggle.open>.collapse-open\:block{display:block}.collapse-open\:hidden.collapse.open,.collapse-open\:hidden.collapse-toggle.open,.collapse.open>.collapse-open\:hidden,.collapse-toggle.open>.collapse-open\:hidden{display:none}.carousel-disabled\:opacity-50.disabled,.disabled .carousel-disabled\:opacity-50{opacity:.5}.selected\:block.selected,.selected .selected\:block{display:block}.selected\:select-active.selected{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.selected\:select-active.selected{background-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}}.selected\:select-active.selected{color:var(--color-primary)}.selected .selected\:select-active{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.selected .selected\:select-active{background-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}}.selected .selected\:select-active{color:var(--color-primary)}.select-disabled\:pointer-events-none.disabled,.disabled .select-disabled\:pointer-events-none{pointer-events:none}.select-disabled\:opacity-40.disabled,.disabled .select-disabled\:opacity-40{opacity:.4}.password-active\:block.active,.active .password-active\:block{display:block}.password-active\:hidden.active,.active .password-active\:hidden{display:none}.strong-password\:bg-secondary.passed,.passed .strong-password\:bg-secondary{background-color:var(--color-secondary)}.strong-password-accepted\:bg-primary.accepted,.accepted .strong-password-accepted\:bg-primary{background-color:var(--color-primary)}.strong-password-active\:text-primary.active{color:var(--color-primary)}.combo-box-selected\:block.selected,.selected .combo-box-selected\:block{display:block}.combo-box-selected\:dropdown-active.selected{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.combo-box-selected\:dropdown-active.selected{background-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}}.combo-box-selected\:dropdown-active.selected{color:var(--color-primary)}.selected .combo-box-selected\:dropdown-active{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.selected .combo-box-selected\:dropdown-active{background-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}}.selected .combo-box-selected\:dropdown-active{color:var(--color-primary)}.file-upload-complete\:progress-success.complete,.complete .file-upload-complete\:progress-success{background-color:var(--color-success);color:var(--color-success-content)}.intersect\:motion-preset-focus:not([no-intersect]){--motion-origin-blur:5px;--motion-origin-opacity:0;--motion-opacity-in-animation:motion-opacity-in calc(var(--motion-opacity-duration,var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing,var(--motion-timing)) var(--motion-opacity-delay,var(--motion-delay)) both;--motion-filter-in-animation:motion-filter-in calc(var(--motion-filter-duration,var(--motion-duration)) * var(--motion-filter-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier))) var(--motion-filter-timing,var(--motion-timing)) var(--motion-filter-delay,var(--motion-delay)) both;animation:var(--motion-scale-in-animation),var(--motion-translate-in-animation),var(--motion-rotate-in-animation),var(--motion-filter-in-animation),var(--motion-opacity-in-animation),var(--motion-background-color-in-animation),var(--motion-text-color-in-animation),var(--motion-scale-loop-animation),var(--motion-translate-loop-animation),var(--motion-rotate-loop-animation),var(--motion-filter-loop-animation),var(--motion-opacity-loop-animation),var(--motion-background-color-loop-animation),var(--motion-text-color-loop-animation)}.intersect\:motion-preset-slide-left:not([no-intersect]){--motion-origin-translate-x:25%;--motion-origin-opacity:0;--motion-opacity-in-animation:motion-opacity-in calc(var(--motion-opacity-duration,var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing,var(--motion-timing)) var(--motion-opacity-delay,var(--motion-delay)) both;--motion-translate-in-animation:motion-translate-in calc(var(--motion-translate-duration,var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing,var(--motion-timing)) var(--motion-translate-delay,var(--motion-delay)) both;animation:var(--motion-scale-in-animation),var(--motion-translate-in-animation),var(--motion-rotate-in-animation),var(--motion-filter-in-animation),var(--motion-opacity-in-animation),var(--motion-background-color-in-animation),var(--motion-text-color-in-animation),var(--motion-scale-loop-animation),var(--motion-translate-loop-animation),var(--motion-rotate-loop-animation),var(--motion-filter-loop-animation),var(--motion-opacity-loop-animation),var(--motion-background-color-loop-animation),var(--motion-text-color-loop-animation)}.intersect\:motion-preset-slide-right:not([no-intersect]){--motion-origin-translate-x:-25%;--motion-origin-opacity:0;--motion-opacity-in-animation:motion-opacity-in calc(var(--motion-opacity-duration,var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing,var(--motion-timing)) var(--motion-opacity-delay,var(--motion-delay)) both;--motion-translate-in-animation:motion-translate-in calc(var(--motion-translate-duration,var(--motion-duration)) * var(--motion-translate-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier))) var(--motion-translate-timing,var(--motion-timing)) var(--motion-translate-delay,var(--motion-delay)) both;animation:var(--motion-scale-in-animation),var(--motion-translate-in-animation),var(--motion-rotate-in-animation),var(--motion-filter-in-animation),var(--motion-opacity-in-animation),var(--motion-background-color-in-animation),var(--motion-text-color-in-animation),var(--motion-scale-loop-animation),var(--motion-translate-loop-animation),var(--motion-rotate-loop-animation),var(--motion-filter-loop-animation),var(--motion-opacity-loop-animation),var(--motion-background-color-loop-animation),var(--motion-text-color-loop-animation)}.intersect\:motion-preset-fade:not([no-intersect]){--motion-origin-opacity:0;--motion-duration:.5s;--motion-opacity-in-animation:motion-opacity-in calc(var(--motion-opacity-duration,var(--motion-duration)) * var(--motion-opacity-perceptual-duration-multiplier,var(--motion-perceptual-duration-multiplier))) var(--motion-opacity-timing,var(--motion-timing)) var(--motion-opacity-delay,var(--motion-delay)) both;animation:var(--motion-scale-in-animation),var(--motion-translate-in-animation),var(--motion-rotate-in-animation),var(--motion-filter-in-animation),var(--motion-opacity-in-animation),var(--motion-background-color-in-animation),var(--motion-text-color-in-animation),var(--motion-scale-loop-animation),var(--motion-translate-loop-animation),var(--motion-rotate-loop-animation),var(--motion-filter-loop-animation),var(--motion-opacity-loop-animation),var(--motion-background-color-loop-animation),var(--motion-text-color-loop-animation)}}@keyframes rating-jump{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-.3em)scale(1.1)}}.raty-jump{animation:.5s ease-in-out rating-jump}.raty-cancel{margin-inline-start:calc(var(--spacing) * 2)}.cancel-off-png{color:var(--color-error)}.star-off-png:before{content:"";opacity:.2}.flatpickr-calendar{visibility:hidden;max-width:calc(var(--spacing) * 72);touch-action:manipulation;gap:calc(var(--spacing) * 1.5);border-radius:var(--radius-box);background-color:var(--color-base-100);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-base-300) 20%, transparent) var(--tw-shadow-alpha), transparent);border-color:#0000;flex-direction:row;display:flex;position:absolute;overflow:hidden}.flatpickr-calendar.hasWeeks{max-width:21rem}.flatpickr-calendar:after,.flatpickr-calendar:before{content:none}.flatpickr-current-month{justify-content:center;align-items:center;gap:calc(var(--spacing) * 1);width:auto;padding-top:calc(var(--spacing) * 0);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-base-content);display:flex;position:absolute;inset-inline-start:calc(var(--spacing) * 4)}.flatpickr-current-month:where(:dir(rtl),[dir=rtl],[dir=rtl] *){inset-inline-start:auto;inset-inline-end:calc(var(--spacing) * 4)}.flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-current-month input.cur-year{cursor:pointer;border-style:var(--tw-border-style);vertical-align:middle;--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);--tw-outline-style:none;font-size:inherit;font-family:inherit;line-height:inherit;color:inherit;border-width:0;border-radius:0;outline-style:none;justify-content:center;align-items:center;display:flex}.flatpickr-current-month span.cur-month{margin:calc(var(--spacing) * 0);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}@media(hover:hover){.flatpickr-current-month span.cur-month:hover{background-color:#0000}}.flatpickr-current-month .numInputWrapper{width:6ch;display:inline-block}@media(hover:hover){.flatpickr-current-month .numInputWrapper:hover{background-color:#0000}}.flatpickr-current-month .flatpickr-monthDropdown-months{cursor:pointer;padding:calc(var(--spacing) * 0);margin-top:-1px;position:relative;background-color:var(--color-base-100)!important}.flatpickr-current-month input.cur-year{margin:calc(var(--spacing) * 0);height:calc(var(--spacing) * 5);cursor:default;padding-inline-start:calc(var(--spacing) * 1)}.flatpickr-current-month input.cur-year:focus{--tw-outline-style:none;outline-style:none}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{pointer-events:none;background-color:#0000}.flatpickr-months .flatpickr-month{height:calc(var(--spacing) * 15);border-top-left-radius:var(--radius-box);border-top-right-radius:var(--radius-box);padding-inline:calc(var(--spacing) * 4);text-align:center;-webkit-user-select:none;user-select:none;align-items:center;display:flex;position:relative;overflow:hidden}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{top:calc(var(--spacing) * 4);width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7);background-color:var(--color-neutral);border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex;position:absolute}@supports (color:color-mix(in lab,red,red)){.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{background-color:color-mix(in oklab,var(--color-neutral) 10%,transparent)}}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{padding:calc(var(--spacing) * 0);color:var(--color-base-content);text-decoration-line:none}@media(hover:hover){:is(.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month):hover{fill:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){:is(.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month):hover{fill:color-mix(in oklab,var(--color-base-content) 90%,transparent)}}}:is(.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month):where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:180deg}:is(.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month) svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3);fill:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){:is(.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month) svg{fill:color-mix(in oklab,var(--color-base-content) 90%,transparent)}}:is(.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month) svg{vertical-align:middle;color:var(--color-base-content)}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:color-mix(in oklab,var(--color-base-content) 90%,transparent)}}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month{inset-inline:auto 50px}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-skew-x:skewX( -1deg );transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);inset-inline-start:calc(var(--spacing) * 14);inset-inline-end:auto}.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{inset-inline-start:calc(var(--spacing) * 0);inset-inline-end:calc(var(--spacing) * 0)}.flatpickr-months .flatpickr-next-month.flatpickr-next-month{inset-inline-end:calc(var(--spacing) * 4)}.flatpickr-months .flatpickr-next-month.flatpickr-next-month:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-skew-x:skewX( -1deg );transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);inset-inline-start:calc(var(--spacing) * 4);inset-inline-end:auto}.flatpickr-weekdays{width:100%;padding-inline:calc(var(--spacing) * 3);text-align:center;align-items:center;display:flex;overflow:hidden}.flatpickr-weekdaycontainer{width:100%;display:flex}span.flatpickr-weekday,.flatpickr-weekwrapper .flatpickr-weekday{margin:calc(var(--spacing) * 0);cursor:default;text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-base-content);display:block}.flatpickr-days{width:100%;max-width:calc(var(--spacing) * 72);padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex;position:relative;overflow:hidden}.flatpickr-days:focus{--tw-outline-style:none;outline-style:none}.flatpickr-calendar.hasTime .flatpickr-days{border-bottom-style:var(--tw-border-style);border-bottom-width:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-days .dayContainer{justify-content:center;row-gap:calc(var(--spacing) * .5);min-width:100%;max-width:100%;padding:calc(var(--spacing) * 0);opacity:1;--tw-outline-style:none;outline-style:none;flex-wrap:wrap;display:flex}.flatpickr-day{margin:calc(var(--spacing) * 0);width:calc(var(--spacing) * 9.5);height:calc(var(--spacing) * 9.5);max-width:calc(var(--spacing) * 9.5);cursor:pointer;text-align:center;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));color:var(--color-base-content);justify-content:center;align-items:center;display:flex;position:relative}.flatpickr-day.today:not(.selected){background-color:var(--color-primary);border-color:#0000}@supports (color:color-mix(in lab,red,red)){.flatpickr-day.today:not(.selected){background-color:color-mix(in oklab,var(--color-primary) 20%,transparent)}}.flatpickr-day.today:not(.selected){color:var(--color-primary)}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;--tw-outline-style:none;outline-style:none}.flatpickr-day:hover:not(.selected,.today,.inRange,.endRange),.flatpickr-day:focus:not(.selected,.today,.inRange,.endRange),.flatpickr-day.prevMonthDay:hover:not(.selected,.today,.inRange,.endRange),.flatpickr-day.nextMonthDay:hover:not(.selected,.today,.inRange,.endRange),.flatpickr-day.prevMonthDay:focus:not(.selected,.today,.inRange,.endRange),.flatpickr-day.nextMonthDay:focus:not(.selected,.today,.inRange,.endRange){background-color:var(--color-neutral);border-color:#0000}@supports (color:color-mix(in lab,red,red)){.flatpickr-day:hover:not(.selected,.today,.inRange,.endRange),.flatpickr-day:focus:not(.selected,.today,.inRange,.endRange),.flatpickr-day.prevMonthDay:hover:not(.selected,.today,.inRange,.endRange),.flatpickr-day.nextMonthDay:hover:not(.selected,.today,.inRange,.endRange),.flatpickr-day.prevMonthDay:focus:not(.selected,.today,.inRange,.endRange),.flatpickr-day.nextMonthDay:focus:not(.selected,.today,.inRange,.endRange){background-color:color-mix(in oklab,var(--color-neutral) 10%,transparent)}}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background-color:var(--color-primary);color:var(--color-primary-content);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-shadow-color:var(--color-base-300);border-color:#0000}@supports (color:color-mix(in lab,red,red)){.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-base-300) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.flatpickr-day.inRange:not(.startRange):not(.endRange){border-color:#0000;border-radius:0}z .flatpickr-day.disabled,.flatpickr-day.disabled:hover{pointer-events:none;color:var(--color-base-content);background-color:#0000;border-color:#0000}@supports (color:color-mix(in lab,red,red)){z .flatpickr-day.disabled,.flatpickr-day.disabled:hover{color:color-mix(in oklab,var(--color-base-content) 50%,transparent)}}.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{background-color:#0000;border-color:#0000}.flatpickr-day.week.selected{border-radius:0}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-start-end-radius:0;border-end-end-radius:0}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-start-start-radius:0;border-end-start-radius:0}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:color-mix(in oklab,var(--color-base-content) 50%,transparent)}}.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.inRange:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.inRange:hover{background-color:color-mix(in oklab,var(--color-primary) 20%,transparent)}}.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.inRange:hover{color:var(--color-primary);box-shadow:unset}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){box-shadow:unset}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{margin:calc(var(--spacing) * 0);width:calc(var(--spacing) * 9.5);height:calc(var(--spacing) * 9.5);max-width:calc(var(--spacing) * 9.5);cursor:pointer;text-align:center;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));color:var(--color-base-content);justify-content:center;align-items:center;display:flex}:is(.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover):not(:last-child){margin-bottom:calc(var(--spacing) * .5)}.flatpickr-weekwrapper .flatpickr-weeks{padding-block:calc(var(--spacing) * 2);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);padding-inline-start:calc(var(--spacing) * 2.5);padding-inline-end:calc(var(--spacing) * 0)}.flatpickr-weekwrapper .flatpickr-weekday{padding-inline-start:calc(var(--spacing) * 3);line-height:28px}.flatpickr-calendar .flatpickr-innerContainer:has(>.flatpickr-weekwrapper)>.flatpickr-rContainer .flatpickr-weekdays,.flatpickr-calendar .flatpickr-innerContainer:has(>.flatpickr-weekwrapper)>.flatpickr-rContainer .flatpickr-days{padding-inline-start:calc(var(--spacing) * 0)}.flatpickr-calendar.hasTime .flatpickr-time{border-color:var(--color-base-content);height:100%}@supports (color:color-mix(in lab,red,red)){.flatpickr-calendar.hasTime .flatpickr-time{border-color:color-mix(in oklab,var(--color-base-content) 10%,transparent)}}.flatpickr-calendar.hasTime .flatpickr-time{padding-inline:calc(var(--spacing) * 4.5);padding-block:calc(var(--spacing) * 3)}.flatpickr-time{max-height:unset;gap:calc(var(--spacing) * 2);--tw-leading:30px;line-height:30px}.flatpickr-time .numInputWrapper{border-radius:var(--radius-field);height:inherit}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:unset}.flatpickr-time .numInputWrapper span.arrowUp{top:10%}.flatpickr-time .flatpickr-time-separator{color:var(--color-base-content)}.flatpickr-time:after{content:none}.flatpickr-calendar.hasTime.noCalendar>.flatpickr-time{border-color:#0000}.flatpickr-time input.flatpickr-hour{border-radius:var(--radius-field);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:color-mix(in oklab,var(--color-base-content) 10%,transparent);height:auto;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:inherit;line-height:inherit;--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-base-content)}.flatpickr-time input.flatpickr-minute{border-radius:var(--radius-field);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:color-mix(in oklab,var(--color-base-content) 10%,transparent);height:auto;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:inherit;line-height:inherit;color:var(--color-base-content)}.flatpickr-time .flatpickr-am-pm{border-radius:var(--radius-field);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in oklab,var(--color-base-content) 10%,transparent);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-leading:inherit;line-height:inherit;color:var(--color-base-content);justify-content:center;align-items:center;display:flex}.numInputWrapper:hover,.numInputWrapper span:hover{background:unset}.flatpickr-current-month .numInputWrapper span.arrowUp:after,.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.flatpickr-current-month .numInputWrapper span.arrowUp:after,.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:color-mix(in oklab,var(--color-base-content) 80%,transparent)}}.flatpickr-current-month .numInputWrapper span.arrowDown:after,.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.flatpickr-current-month .numInputWrapper span.arrowDown:after,.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:color-mix(in oklab,var(--color-base-content) 80%,transparent)}}.numInputWrapper span{border-style:var(--tw-border-style);border-width:0}.flatpickr-calendar:not(.inline):not(.open){display:none}@keyframes radio{0%{padding:5px}50%{padding:3px}}@keyframes radio-inset{0%{padding:1px}50%{padding:4px}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}@keyframes indeterminate-progress{0%{background-position-x:-75%}50%{background-position-x:125%}to{background-position-x:-75%}}@keyframes progress-bar-stripes{0%{background-position-x:.75rem}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}


.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,.08);box-shadow:1px 0 #e6e6e6,-1px 0 #e6e6e6,0 1px #e6e6e6,0 -1px #e6e6e6,0 3px 13px #00000014}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1);animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none!important;box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:"";height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:#000000e6;fill:#000000e6;height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:#000000e6;fill:#000000e6}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:#0000001a}.numInputWrapper span:active{background:#0003}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:#00000080}.numInputWrapper:hover{background:#0000000d}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0px,0px,0px);transform:translateZ(0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:#0000000d}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch�;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:#000000e6}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#000000e6}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:#00000080;background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:#0000000d}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:#0000008a;line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0px,0px,0px);transform:translateZ(0);opacity:1}.dayContainer+.dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:#3939394d;background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:#3939391a}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 #569ff7,5px 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:#3939394d;background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:700;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fpFadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}


:root {
    --bg: #f7f1e8;
    --surface: #fffaf2;
    --ink: #201612;
    --muted: #75675e;
    --line: #e2d4c4;
    --red: #a73d2b;
    --red-dark: #722419;
    --green: #23443a;
    --mint: #dce9dd;
    --gold: #dca54c;
    --shadow: 0 24px 70px rgba(59, 37, 26, 0.14);
}

/* Ajuste final movil del boton de ingreso con texto completo. */
@media (max-width: 767px) {
    .home-page nav a.mobile-login-btn.mobile-icon-btn {
        display: inline-flex !important;
        width: auto !important;
        min-width: 7.15rem !important;
        height: 3rem !important;
        min-height: 3rem !important;
        padding: 0 .85rem !important;
        gap: .45rem !important;
        white-space: nowrap !important;
        overflow: visible !important;
    }

    .home-page nav .mobile-login-text {
        display: inline-block !important;
        color: currentColor !important;
        font-family: var(--font-inconsolata), monospace !important;
        font-size: 1rem !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }
}
/* Capa final real: cortes por dispositivo para que la portada no se distorsione. */
@media (max-width: 767px) {
    .home-page #auto-height .carousel-slide:nth-child(3) {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-height: 521px) {
    .home-page #auto-height,
    .home-page #auto-height.fixed-slot-carousel,
    .home-page #auto-height.editorial-carousel {
        display: block !important;
        position: absolute !important;
        top: auto !important;
        left: clamp(25rem, 54vw, 34rem) !important;
        right: clamp(.75rem, 1.5vw, 1.25rem) !important;
        bottom: clamp(4rem, 7vh, 6rem) !important;
        width: auto !important;
        height: clamp(15rem, 30vh, 21rem) !important;
        transform: none !important;
        overflow: visible !important;
    }

    .home-page #auto-height .carousel,
    .home-page #auto-height .carousel-body {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        transform: none !important;
        translate: none !important;
        overflow: visible !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(1) {
        left: -4rem !important;
        right: auto !important;
        bottom: 0 !important;
        width: clamp(9rem, 17vw, 12rem) !important;
        height: clamp(9rem, 17vw, 12rem) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 1 !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(2) {
        left: clamp(4rem, 9vw, 7rem) !important;
        right: auto !important;
        bottom: 2.35rem !important;
        width: clamp(10rem, 19vw, 13.5rem) !important;
        height: clamp(10rem, 19vw, 13.5rem) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 2 !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(3) {
        display: block !important;
        left: clamp(13.5rem, 27vw, 19rem) !important;
        right: auto !important;
        bottom: 4.75rem !important;
        width: clamp(11.5rem, 22vw, 16rem) !important;
        height: clamp(11.5rem, 22vw, 16rem) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 3 !important;
    }
}

@media (min-width: 768px) and (max-width: 932px) and (max-height: 520px) {
    .home-page nav .mobile-navbar-actions {
        display: inline-flex !important;
        align-items: center !important;
        gap: .55rem !important;
    }

    .home-page #navbar-collapse,
    .home-page #navbar-collapse + div {
        display: none !important;
    }

    .home-page nav .mobile-cart-btn {
        color: #2b2725 !important;
        background: rgb(255 255 255 / .78) !important;
        border-color: rgb(43 39 37 / .14) !important;
    }

    .home-page nav .mobile-login-btn {
        color: #fff7f4 !important;
        background: #b8322a !important;
        border-color: #b8322a !important;
    }

    .home-page nav a.mobile-login-btn.mobile-icon-btn {
        display: inline-flex !important;
        width: auto !important;
        min-width: 7.15rem !important;
        height: 2.8rem !important;
        min-height: 2.8rem !important;
        padding: 0 .82rem !important;
        gap: .42rem !important;
        white-space: nowrap !important;
        overflow: visible !important;
    }

    .home-page nav .mobile-login-text {
        display: inline-block !important;
        color: currentColor !important;
        font-family: var(--font-inconsolata), monospace !important;
        font-size: .95rem !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .home-page nav .mobile-icon-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 2.8rem !important;
        min-width: 2.8rem !important;
        height: 2.8rem !important;
        min-height: 2.8rem !important;
        padding: 0 !important;
        border-radius: .45rem !important;
    }

    .home-page nav img[alt*="Estanter"] {
        width: clamp(3.6rem, 10vw, 5rem) !important;
        height: auto !important;
    }

    .home-page .hero-slogan {
        top: clamp(5.1rem, 14vh, 6rem) !important;
        left: clamp(1rem, 2.5vw, 1.5rem) !important;
        width: 48vw !important;
        max-width: 48vw !important;
    }

    .home-page .hero-slogan .slogan-row {
        font-size: clamp(2.35rem, 7.8vw, 4.25rem) !important;
        line-height: .87 !important;
        letter-spacing: -.035em !important;
    }

    .home-page #auto-height,
    .home-page #auto-height.fixed-slot-carousel,
    .home-page #auto-height.editorial-carousel {
        --mobile-landscape-small: clamp(6.6rem, 17vw, 8.6rem);
        --mobile-landscape-large: clamp(7.6rem, 21vw, 10.3rem);
        display: block !important;
        position: absolute !important;
        top: auto !important;
        left: auto !important;
        right: clamp(.8rem, 2vw, 1.25rem) !important;
        bottom: clamp(.8rem, 3vh, 1.25rem) !important;
        width: min(44vw, 23rem) !important;
        height: calc(var(--mobile-landscape-large) + 2.6rem) !important;
        transform: none !important;
        overflow: visible !important;
    }

    .home-page #auto-height .carousel,
    .home-page #auto-height .carousel-body {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        transform: none !important;
        translate: none !important;
        overflow: visible !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(1) {
        display: block !important;
        left: 0 !important;
        right: auto !important;
        bottom: 0 !important;
        width: var(--mobile-landscape-small) !important;
        height: var(--mobile-landscape-small) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 1 !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(2) {
        display: block !important;
        left: auto !important;
        right: 0 !important;
        bottom: 2.1rem !important;
        width: var(--mobile-landscape-large) !important;
        height: var(--mobile-landscape-large) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 2 !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(3) {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

/* Microajustes finales para tablet y celular horizontal. */
@media (min-width: 768px) and (max-width: 1023px) and (min-height: 521px) {
    .home-page #auto-height .carousel-slide:nth-child(3) {
        left: clamp(11rem, 23vw, 16rem) !important;
        width: clamp(10rem, 19vw, 14rem) !important;
        height: clamp(10rem, 19vw, 14rem) !important;
    }
}

@media (min-width: 768px) and (max-width: 932px) and (max-height: 520px) {
    .home-page .hero-slogan {
        top: 82px !important;
    }
}

/* Secciones definitivas para evitar distorsion entre celular, celular girado y tablet. */
@media (max-width: 767px) {
    .home-page #auto-height .carousel-slide:nth-child(3) {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-height: 521px) {
    .home-page #auto-height,
    .home-page #auto-height.fixed-slot-carousel,
    .home-page #auto-height.editorial-carousel {
        display: block !important;
        position: absolute !important;
        top: auto !important;
        left: clamp(25rem, 54vw, 34rem) !important;
        right: clamp(.75rem, 1.5vw, 1.25rem) !important;
        bottom: clamp(4rem, 7vh, 6rem) !important;
        width: auto !important;
        height: clamp(15rem, 30vh, 21rem) !important;
        transform: none !important;
        overflow: visible !important;
    }

    .home-page #auto-height .carousel,
    .home-page #auto-height .carousel-body {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        transform: none !important;
        translate: none !important;
        overflow: visible !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(1) {
        left: -4rem !important;
        right: auto !important;
        bottom: 0 !important;
        width: clamp(9rem, 17vw, 12rem) !important;
        height: clamp(9rem, 17vw, 12rem) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 1 !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(2) {
        left: clamp(4rem, 9vw, 7rem) !important;
        right: auto !important;
        bottom: 2.35rem !important;
        width: clamp(10rem, 19vw, 13.5rem) !important;
        height: clamp(10rem, 19vw, 13.5rem) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 2 !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(3) {
        display: block !important;
        left: clamp(13.5rem, 27vw, 19rem) !important;
        right: auto !important;
        bottom: 4.75rem !important;
        width: clamp(11.5rem, 22vw, 16rem) !important;
        height: clamp(11.5rem, 22vw, 16rem) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 3 !important;
    }
}

@media (min-width: 768px) and (max-width: 932px) and (max-height: 520px) {
    .home-page nav .mobile-navbar-actions {
        display: inline-flex !important;
        align-items: center !important;
        gap: .55rem !important;
    }

    .home-page #navbar-collapse,
    .home-page #navbar-collapse + div {
        display: none !important;
    }

    .home-page nav .mobile-cart-btn,
    .home-page nav .mobile-login-btn {
        border-radius: .45rem !important;
    }

    .home-page nav .mobile-cart-btn {
        color: #2b2725 !important;
        background: rgb(255 255 255 / .78) !important;
        border-color: rgb(43 39 37 / .14) !important;
    }

    .home-page nav .mobile-login-btn {
        color: #fff7f4 !important;
        background: #b8322a !important;
        border-color: #b8322a !important;
    }

    .home-page nav a.mobile-login-btn.mobile-icon-btn {
        display: inline-flex !important;
        width: auto !important;
        min-width: 7.15rem !important;
        height: 2.8rem !important;
        min-height: 2.8rem !important;
        padding: 0 .82rem !important;
        gap: .42rem !important;
        white-space: nowrap !important;
        overflow: visible !important;
    }

    .home-page nav .mobile-login-text {
        display: inline-block !important;
        color: currentColor !important;
        font-family: var(--font-inconsolata), monospace !important;
        font-size: .95rem !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .home-page nav .mobile-icon-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 2.8rem !important;
        min-width: 2.8rem !important;
        height: 2.8rem !important;
        min-height: 2.8rem !important;
        padding: 0 !important;
    }

    .home-page nav img[alt*="Estanter"] {
        width: clamp(3.6rem, 10vw, 5rem) !important;
        height: auto !important;
    }

    .home-page .hero-slogan {
        top: clamp(5.1rem, 14vh, 6rem) !important;
        left: clamp(1rem, 2.5vw, 1.5rem) !important;
        width: 48vw !important;
        max-width: 48vw !important;
    }

    .home-page .hero-slogan .slogan-row {
        font-size: clamp(2.35rem, 7.8vw, 4.25rem) !important;
        line-height: .87 !important;
        letter-spacing: -.035em !important;
    }

    .home-page #auto-height,
    .home-page #auto-height.fixed-slot-carousel,
    .home-page #auto-height.editorial-carousel {
        --mobile-landscape-small: clamp(6.6rem, 17vw, 8.6rem);
        --mobile-landscape-large: clamp(7.6rem, 21vw, 10.3rem);
        display: block !important;
        position: absolute !important;
        top: auto !important;
        left: auto !important;
        right: clamp(.8rem, 2vw, 1.25rem) !important;
        bottom: clamp(.8rem, 3vh, 1.25rem) !important;
        width: min(44vw, 23rem) !important;
        height: calc(var(--mobile-landscape-large) + 2.6rem) !important;
        transform: none !important;
        overflow: visible !important;
    }

    .home-page #auto-height .carousel,
    .home-page #auto-height .carousel-body {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        transform: none !important;
        translate: none !important;
        overflow: visible !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(1) {
        display: block !important;
        left: 0 !important;
        right: auto !important;
        bottom: 0 !important;
        width: var(--mobile-landscape-small) !important;
        height: var(--mobile-landscape-small) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 1 !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(2) {
        display: block !important;
        left: auto !important;
        right: 0 !important;
        bottom: 2.1rem !important;
        width: var(--mobile-landscape-large) !important;
        height: var(--mobile-landscape-large) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 2 !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(3) {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

/* Secciones finales: celular vertical, celular horizontal, tablet y escritorio. */
@media (min-width: 768px) and (max-width: 1023px) and (min-height: 521px) {
    .home-page #auto-height,
    .home-page #auto-height.fixed-slot-carousel,
    .home-page #auto-height.editorial-carousel {
        display: block !important;
        position: absolute !important;
        top: auto !important;
        left: clamp(25rem, 54vw, 34rem) !important;
        right: clamp(.75rem, 1.5vw, 1.25rem) !important;
        bottom: clamp(4rem, 7vh, 6rem) !important;
        width: auto !important;
        height: clamp(15rem, 30vh, 21rem) !important;
        transform: none !important;
        overflow: visible !important;
    }

    .home-page #auto-height .carousel,
    .home-page #auto-height .carousel-body {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        transform: none !important;
        translate: none !important;
        overflow: visible !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(1) {
        left: -4rem !important;
        right: auto !important;
        bottom: 0 !important;
        width: clamp(9rem, 17vw, 12rem) !important;
        height: clamp(9rem, 17vw, 12rem) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 1 !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(2) {
        left: clamp(4rem, 9vw, 7rem) !important;
        right: auto !important;
        bottom: 2.35rem !important;
        width: clamp(10rem, 19vw, 13.5rem) !important;
        height: clamp(10rem, 19vw, 13.5rem) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 2 !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(3) {
        left: clamp(13.5rem, 27vw, 19rem) !important;
        right: auto !important;
        bottom: 4.75rem !important;
        width: clamp(11.5rem, 22vw, 16rem) !important;
        height: clamp(11.5rem, 22vw, 16rem) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 3 !important;
    }
}

@media (min-width: 768px) and (max-width: 932px) and (max-height: 520px) {
    .home-page nav .mobile-navbar-actions {
        display: inline-flex !important;
        align-items: center !important;
        gap: .55rem !important;
    }

    .home-page #navbar-collapse,
    .home-page #navbar-collapse + div {
        display: none !important;
    }

    .home-page nav a.mobile-login-btn.mobile-icon-btn {
        display: inline-flex !important;
        width: auto !important;
        min-width: 7.15rem !important;
        height: 2.8rem !important;
        min-height: 2.8rem !important;
        padding: 0 .82rem !important;
        gap: .42rem !important;
        white-space: nowrap !important;
        overflow: visible !important;
    }

    .home-page nav .mobile-login-text {
        display: inline-block !important;
        color: currentColor !important;
        font-family: var(--font-inconsolata), monospace !important;
        font-size: .95rem !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .home-page nav .mobile-icon-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 2.8rem !important;
        min-width: 2.8rem !important;
        height: 2.8rem !important;
        min-height: 2.8rem !important;
        padding: 0 !important;
        border-radius: .45rem !important;
    }

    .home-page nav img[alt*="Estanter"] {
        width: clamp(3.6rem, 10vw, 5rem) !important;
        height: auto !important;
    }

    .home-page .hero-slogan {
        top: clamp(5.1rem, 14vh, 6rem) !important;
        left: clamp(1rem, 2.5vw, 1.5rem) !important;
        width: 48vw !important;
        max-width: 48vw !important;
    }

    .home-page .hero-slogan .slogan-row {
        font-size: clamp(2.35rem, 7.8vw, 4.25rem) !important;
        line-height: .87 !important;
        letter-spacing: -.035em !important;
    }

    .home-page #auto-height,
    .home-page #auto-height.fixed-slot-carousel,
    .home-page #auto-height.editorial-carousel {
        --mobile-landscape-small: clamp(6.6rem, 17vw, 8.6rem);
        --mobile-landscape-large: clamp(7.6rem, 21vw, 10.3rem);
        display: block !important;
        position: absolute !important;
        top: auto !important;
        left: auto !important;
        right: clamp(.8rem, 2vw, 1.25rem) !important;
        bottom: clamp(.8rem, 3vh, 1.25rem) !important;
        width: min(44vw, 23rem) !important;
        height: calc(var(--mobile-landscape-large) + 2.6rem) !important;
        transform: none !important;
        overflow: visible !important;
    }

    .home-page #auto-height .carousel,
    .home-page #auto-height .carousel-body {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        transform: none !important;
        translate: none !important;
        overflow: visible !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(1) {
        left: 0 !important;
        right: auto !important;
        bottom: 0 !important;
        width: var(--mobile-landscape-small) !important;
        height: var(--mobile-landscape-small) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 1 !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(2) {
        left: auto !important;
        right: 0 !important;
        bottom: 2.1rem !important;
        width: var(--mobile-landscape-large) !important;
        height: var(--mobile-landscape-large) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 2 !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(3) {
        left: 102% !important;
        right: auto !important;
        bottom: 0 !important;
        width: 42% !important;
        height: 76% !important;
        opacity: 0 !important;
        pointer-events: none !important;
        z-index: 0 !important;
    }
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background:
        linear-gradient(90deg, rgba(32, 22, 18, 0.035) 1px, transparent 1px),
        linear-gradient(180deg, rgba(32, 22, 18, 0.035) 1px, transparent 1px),
        var(--bg);
    background-size: 44px 44px;
    color: var(--ink);
    font-family: Manrope, system-ui, sans-serif;
}

img {
    display: block;
    max-width: 100%;
}

a {
    color: inherit;
    text-decoration: none;
}

button,
input {
    font: inherit;
}

.topbar {
    position: sticky;
    top: 0;
    z-index: 20;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 26px;
    padding: 16px clamp(18px, 5vw, 70px);
    background: rgba(247, 241, 232, 0.9);
    border-bottom: 1px solid var(--line);
    backdrop-filter: blur(18px);
}

.brand img {
    width: 148px;
}

.nav {
    display: flex;
    justify-content: center;
    gap: 30px;
    color: var(--muted);
    font-size: 0.94rem;
    font-weight: 800;
}

.nav a:hover,
.top-actions a:first-child:hover {
    color: var(--red);
}

.top-actions {
    display: flex;
    align-items: center;
    gap: 18px;
    color: var(--muted);
    font-weight: 800;
}

.button,
.search button,
.book-row button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 22px;
    border: 0;
    border-radius: 999px;
    background: var(--red);
    color: white;
    font-weight: 900;
    cursor: pointer;
    transition: transform 160ms ease, background 160ms ease;
}

.button:hover,
.search button:hover,
.book-row button:hover {
    transform: translateY(-1px);
    background: var(--red-dark);
}

.button.compact {
    min-height: 38px;
    padding-inline: 16px;
}

.menu-button {
    display: none;
    width: 44px;
    height: 44px;
    border: 1px solid var(--line);
    border-radius: 50%;
    background: var(--surface);
}

.menu-button span {
    display: block;
    width: 18px;
    height: 2px;
    margin: 5px auto;
    background: var(--ink);
}

.hero {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
    gap: clamp(30px, 6vw, 90px);
    align-items: center;
    min-height: calc(100vh - 73px);
    padding: clamp(38px, 7vw, 96px) clamp(18px, 6vw, 88px);
}

.tag {
    display: inline-flex;
    margin-bottom: 16px;
    color: var(--red);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

h1,
h2,
h3 {
    margin: 0;
    font-family: 'Playfair Display', Georgia, serif;
    line-height: 0.98;
}

h1 {
    max-width: 780px;
    font-size: clamp(3.6rem, 8vw, 8.4rem);
    letter-spacing: -0.04em;
}

h2 {
    font-size: clamp(2.3rem, 4.5vw, 5rem);
    letter-spacing: -0.035em;
}

h3 {
    font-size: clamp(1.55rem, 2.2vw, 2.3rem);
}

.hero-copy p,
.reader-section p,
.author-band p,
.footer p,
.book-main p,
.quick-tabs span {
    color: var(--muted);
    line-height: 1.7;
}

.hero-copy > p {
    max-width: 650px;
    font-size: 1.18rem;
}

.search {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
    max-width: 680px;
    margin-top: 32px;
    padding: 8px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--surface);
    box-shadow: var(--shadow);
}

.search input {
    min-width: 0;
    min-height: 52px;
    border: 0;
    outline: 0;
    padding: 0 18px;
    background: transparent;
    color: var(--ink);
}

.shelf-preview {
    display: grid;
    grid-template-columns: 1fr 0.72fr;
    gap: 18px;
}

.featured-book,
.mini-book {
    border: 1px solid var(--line);
    border-radius: 28px;
    background: var(--surface);
    box-shadow: var(--shadow);
}

.featured-book {
    grid-row: span 2;
    min-height: 620px;
    padding: 24px;
}

.featured-book > span {
    display: inline-flex;
    padding: 8px 12px;
    border-radius: 999px;
    background: var(--mint);
    color: var(--green);
    font-size: 0.78rem;
    font-weight: 900;
}

.featured-book img {
    width: min(56%, 260px);
    margin: 58px auto 46px;
    border-radius: 7px;
    box-shadow: 0 30px 55px rgba(32, 22, 18, 0.25);
}

.featured-book p,
.book-main span,
.book-meta small {
    margin: 0;
    color: var(--red);
    font-weight: 900;
    font-size: 0.82rem;
}

.featured-book small {
    color: var(--muted);
    font-weight: 800;
}

.mini-book {
    display: grid;
    align-content: end;
    min-height: 220px;
    padding: 24px;
    background: var(--green);
    color: white;
}

.mini-book.accent {
    background: var(--gold);
    color: var(--ink);
}

.mini-book strong {
    display: block;
    font-size: 3.4rem;
    font-weight: 900;
    letter-spacing: -0.06em;
}

.mini-book span {
    font-weight: 800;
}

.quick-tabs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    margin: 0 clamp(18px, 6vw, 88px);
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 30px;
    background: var(--line);
}

.quick-tabs a {
    padding: 28px;
    background: var(--surface);
}

.quick-tabs strong {
    display: block;
    margin-bottom: 6px;
    font-size: 1.1rem;
}

.catalog-section,
.reader-section,
.author-band {
    padding: clamp(64px, 8vw, 118px) clamp(18px, 6vw, 88px);
}

.section-title {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 26px;
}

.filters {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 16px;
}

.filters button {
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 10px 16px;
    background: var(--surface);
    color: var(--muted);
    font-weight: 900;
    white-space: nowrap;
    cursor: pointer;
}

.filters .active {
    border-color: var(--green);
    background: var(--green);
    color: white;
}

.book-list {
    display: grid;
    gap: 12px;
}

.book-row {
    display: grid;
    grid-template-columns: 84px minmax(0, 1fr) auto auto;
    gap: 22px;
    align-items: center;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 26px;
    background: rgba(255, 250, 242, 0.86);
    box-shadow: 0 14px 36px rgba(59, 37, 26, 0.06);
}

.book-row.is-hidden {
    display: none;
}

.book-row img {
    width: 84px;
    border-radius: 6px;
    box-shadow: 0 12px 24px rgba(32, 22, 18, 0.18);
}

.book-main p {
    max-width: 620px;
    margin: 6px 0 0;
}

.book-meta {
    display: grid;
    gap: 3px;
    text-align: right;
}

.book-meta strong {
    font-size: 1.18rem;
}

.reader-section {
    display: grid;
    grid-template-columns: 0.86fr 1.14fr;
    gap: clamp(28px, 6vw, 86px);
    align-items: center;
    background: var(--green);
    color: white;
}

.reader-section .tag,
.reader-section p {
    color: rgba(255, 255, 255, 0.78);
}

.reader-panel {
    display: grid;
    grid-template-columns: 1fr 0.82fr;
    gap: 18px;
    align-items: stretch;
}

.reader-panel img {
    width: 100%;
    height: 440px;
    object-fit: cover;
    border-radius: 28px;
}

.reader-panel ul {
    display: grid;
    align-content: center;
    gap: 14px;
    margin: 0;
    padding: 24px;
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.1);
    list-style: none;
}

.reader-panel li {
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    font-weight: 900;
}

.author-band {
    display: grid;
    grid-template-columns: 1fr 0.72fr auto;
    gap: 28px;
    align-items: center;
}

.author-band p {
    margin: 0;
}

.footer {
    display: flex;
    justify-content: space-between;
    gap: 26px;
    padding: 42px clamp(18px, 6vw, 88px);
    background: var(--ink);
    color: white;
}

.footer img {
    width: 145px;
    filter: brightness(0) invert(1);
}

.footer p {
    max-width: 460px;
    color: rgba(255, 255, 255, 0.68);
}

.footer-links {
    display: flex;
    align-items: center;
    gap: 20px;
    color: rgba(255, 255, 255, 0.76);
    font-weight: 900;
}

@media (max-width: 1020px) {
    .topbar {
        grid-template-columns: auto auto;
    }

    .menu-button {
        display: block;
        justify-self: end;
    }

    .nav,
    .top-actions {
        display: none;
    }

    .nav.is-open {
        display: grid;
        grid-column: 1 / -1;
        justify-content: stretch;
        gap: 0;
    }

    .nav.is-open a {
        padding: 14px 0;
        border-top: 1px solid var(--line);
    }

    .hero,
    .reader-section,
    .author-band {
        grid-template-columns: 1fr;
    }

    .featured-book {
        min-height: 520px;
    }

    .quick-tabs {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .brand img {
        width: 118px;
    }

    .hero {
        min-height: auto;
        padding-top: 38px;
    }

    .search {
        grid-template-columns: 1fr;
        border-radius: 28px;
    }

    .shelf-preview,
    .reader-panel {
        grid-template-columns: 1fr;
    }

    .featured-book,
    .mini-book,
    .quick-tabs,
    .book-row,
    .reader-panel img,
    .reader-panel ul {
        border-radius: 20px;
    }

    .book-row {
        grid-template-columns: 72px 1fr;
    }

    .book-row img {
        width: 72px;
    }

    .book-meta {
        text-align: left;
    }

    .book-row button {
        grid-column: 1 / -1;
        width: 100%;
    }

    .footer {
        display: grid;
    }

    .footer-links {
        display: grid;
    }
}


:root {
    --auth-ink: #2b211b;
    --auth-muted: rgba(43, 33, 27, 0.72);
    --auth-blue: #075fa8;
    --auth-blue-deep: #063c73;
    --auth-orange: #ef3b00;
    --auth-paper: #fff8ef;
}

* { box-sizing: border-box; }

body.auth-page {
    min-height: 100vh;
    margin: 0;
    background:
        radial-gradient(circle at 14% 18%, rgba(4, 135, 217, 0.08), transparent 28%),
        radial-gradient(circle at 52% 92%, rgba(239, 59, 0, 0.1), transparent 30%),
        var(--auth-paper);
    color: var(--auth-ink);
}

.auth-shell {
    min-height: 100vh;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(0.75rem, 1.2vw, 1.1rem);
    padding: clamp(0.75rem, 1.2vw, 1rem);
    overflow: hidden;
}

.auth-shell.is-login .auth-media { order: 1; }
.auth-shell.is-login .auth-form-side { order: 2; }

.auth-shell.is-register .auth-form-side {
    max-height: calc(100vh - clamp(1.5rem, 2.4vw, 2rem));
    overflow-y: auto;
}

.auth-form-side {
    min-height: calc(100vh - clamp(1.5rem, 2.4vw, 2rem));
    display: flex;
    flex-direction: column;
    border-radius: 1.5rem;
    background: linear-gradient(135deg, rgba(255, 250, 243, 0.96), rgba(255, 246, 233, 0.8));
    border: 1px solid rgba(6, 60, 115, 0.1);
    box-shadow: 0 30px 80px rgba(45, 31, 21, 0.08);
    overflow: hidden;
}

.auth-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: clamp(1rem, 2.1vw, 1.55rem);
}

.auth-back-link {
    display: inline-flex;
    align-items: center;
    min-height: 2.35rem;
    padding: 0 0.85rem;
    border-radius: 999px;
    font-family: Inconsolata, monospace;
    font-size: 0.92rem;
    color: var(--auth-ink);
    text-decoration: none;
    transition: transform 220ms ease, background 220ms ease, color 220ms ease;
}

.auth-back-link:hover {
    background: rgba(4, 135, 217, 0.1);
    color: var(--auth-blue-deep);
    transform: translateX(-3px);
}

.auth-logo {
    width: clamp(4.6rem, 6vw, 5.6rem);
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 10px 18px rgba(43, 33, 27, 0.12));
}

.auth-form-wrap {
    width: min(100%, 31rem);
    margin: auto;
    padding: clamp(1rem, 2vw, 1.8rem);
}

.auth-login-wrap { width: min(100%, 27rem); }

.auth-shell.is-register .auth-form-wrap {
    padding-block: clamp(0.65rem, 1.3vw, 1.15rem);
}

.auth-shell.is-register .auth-heading {
    margin-bottom: clamp(0.85rem, 1.6vw, 1.25rem);
}

.auth-shell.is-register .auth-heading h1 {
    font-size: clamp(1.85rem, 2.5vw, 2.35rem);
}

.auth-shell.is-register .auth-heading p {
    font-size: clamp(0.88rem, 1vw, 0.98rem);
    line-height: 1.26;
}

.auth-shell.is-register .auth-form {
    gap: 0.64rem;
}

.auth-shell.is-register .auth-input,
.auth-shell.is-register .auth-select {
    min-height: 2.82rem;
}

.auth-heading {
    text-align: center;
    margin-bottom: clamp(1.35rem, 2.4vw, 2rem);
}

.auth-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0 0.85rem;
    margin-bottom: 0.7rem;
    border-radius: 999px;
    background: rgba(4, 135, 217, 0.1);
    color: var(--auth-blue);
    font-family: Inconsolata, monospace;
    font-weight: 900;
    font-size: 0.78rem;
    letter-spacing: 0;
    text-transform: uppercase;
}

.auth-heading h1 {
    margin: 0;
    font-family: "DM Serif Display", serif;
    font-size: clamp(2rem, 3vw, 2.75rem);
    line-height: 1;
    color: #251b16;
}

.auth-heading p {
    width: min(100%, 30rem);
    margin: 0.7rem auto 0;
    font-family: Inconsolata, monospace;
    font-size: clamp(0.95rem, 1.2vw, 1.08rem);
    line-height: 1.35;
    color: var(--auth-muted);
}

.auth-form {
    display: grid;
    gap: 0.88rem;
    font-family: Inconsolata, monospace;
}

.auth-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.auth-field { position: relative; }

.auth-input,
.auth-select {
    min-height: 3.15rem;
    width: 100%;
    border-radius: 0.75rem;
    border: 1px solid rgba(43, 33, 27, 0.25);
    background: rgba(255, 255, 255, 0.62);
    color: var(--auth-ink);
    padding: 0 0.9rem;
    font-family: Inconsolata, monospace;
    font-size: 1rem;
    outline: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
    transition: border-color 220ms ease, box-shadow 220ms ease, background 220ms ease, transform 220ms ease;
}

.auth-input::placeholder { color: rgba(43, 33, 27, 0.48); }

.auth-input:focus,
.auth-select:focus {
    border-color: var(--auth-blue);
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(4, 135, 217, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.auth-password-field {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-right: 0.45rem;
    border-radius: 0.75rem;
    border: 1px solid rgba(43, 33, 27, 0.25);
    background: rgba(255, 255, 255, 0.62);
}

.auth-password-field .auth-input {
    border: 0;
    background: transparent;
    box-shadow: none;
}

.auth-password-toggle {
    width: 2.35rem;
    height: 2.35rem;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--auth-ink);
    cursor: pointer;
    font-size: 1.05rem;
}

.auth-password-toggle:hover { background: rgba(4, 135, 217, 0.1); }

.password-requirements {
    padding: .95rem 1rem 1rem;
    border-radius: .55rem;
    background: #f1e4d4;
    color: #4b3b33;
    font-family: Inconsolata, monospace;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55);
}

.password-strength-bars {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: .18rem;
    margin-bottom: .65rem;
}

.password-strength-bars span {
    height: .28rem;
    border-radius: 999px;
    background: rgba(43, 33, 27, .2);
}

.password-strength-bars span.is-complete {
    background: #ef3b00;
}

.password-requirements p {
    margin: 0 0 .55rem;
    text-align: center;
    font-size: .98rem;
    font-weight: 800;
    color: #2b211b;
}

.password-requirements ul {
    display: grid;
    gap: .38rem;
}

.password-requirements li {
    display: flex;
    align-items: center;
    gap: .48rem;
    font-size: .82rem;
    line-height: 1.2;
    color: rgba(43, 33, 27, .72);
}

.password-rule-icon {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border: 1px solid currentColor;
    font-size: .78rem;
    font-weight: 900;
}

.password-requirements li.is-complete {
    color: #176b3a;
}

.password-requirements li.is-complete .password-rule-icon {
    background: #176b3a;
    border-color: #176b3a;
    color: #fff;
}

.auth-input.is-invalid,
.auth-password-field:has(.auth-input.is-invalid) {
    border-color: rgba(185, 28, 28, 0.68);
    box-shadow: 0 0 0 4px rgba(185, 28, 28, 0.1);
}

.auth-help-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 0.2rem;
    font-family: Inconsolata, monospace;
    font-size: 0.92rem;
}

.auth-check {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--auth-muted);
}

.auth-link {
    color: var(--auth-orange);
    text-decoration: none;
    font-weight: 800;
}
.auth-link:hover { color: var(--auth-blue); }

.auth-primary-btn,
.auth-google-btn {
    min-height: 3rem;
    border-radius: 0.75rem;
    font-family: Inconsolata, monospace;
    font-weight: 900;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
}

.auth-primary-btn {
    border: 0;
    background: linear-gradient(100deg, var(--auth-orange) 0%, #f35a1c 100%);
    color: #ffffff;
    box-shadow: 0 18px 38px rgba(239, 59, 0, 0.22);
    transition: transform 220ms ease, box-shadow 220ms ease;
}

.auth-primary-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 22px 46px rgba(239, 59, 0, 0.28);
}

.auth-primary-btn--outline {
    border: 1px solid rgba(6, 60, 115, 0.18);
    background: #ffffff;
    color: var(--auth-blue-deep);
    box-shadow: 0 14px 32px rgba(6, 60, 115, 0.1);
}

.auth-primary-btn--outline:hover {
    box-shadow: 0 18px 38px rgba(6, 60, 115, 0.16);
}

.editorial-success-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    margin-bottom: 1.1rem;
}

.auth-page .editorial-success-actions .auth-primary-btn:first-child {
    border-color: transparent !important;
    background: linear-gradient(100deg, var(--auth-orange) 0%, #f35a1c 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 18px 38px rgba(239, 59, 0, 0.22) !important;
}

.auth-page .editorial-success-actions .auth-primary-btn--outline {
    border-color: rgba(6, 60, 115, 0.18) !important;
    background: #ffffff !important;
    color: var(--auth-blue-deep) !important;
    box-shadow: 0 14px 32px rgba(6, 60, 115, 0.1) !important;
}

.auth-actions {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 0.9rem;
    align-items: center;
    margin-top: 0.55rem;
}

.auth-actions > .auth-primary-btn:only-child {
    grid-column: 1 / -1;
    justify-self: center;
    width: min(18rem, 100%);
}

.auth-google-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    border: 1px solid rgba(6, 60, 115, 0.16);
    background: rgba(255, 255, 255, 0.42);
    color: var(--auth-ink);
    transition: transform 220ms ease, background 220ms ease, box-shadow 220ms ease;
}

.auth-google-mark {
    display: inline-grid;
    place-items: center;
    width: 1.1rem;
    height: 1.1rem;
    font-weight: 900;
    color: #4285f4;
}

.auth-google-btn:hover {
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 14px 32px rgba(6, 60, 115, 0.12);
    transform: translateY(-2px);
}

.auth-divider {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 0.9rem;
    margin: 1.25rem 0 0.75rem;
    color: var(--auth-muted);
    font-family: Inconsolata, monospace;
    font-size: 0.92rem;
}

.auth-divider::before,
.auth-divider::after {
    content: "";
    height: 1px;
    background: rgba(43, 33, 27, 0.18);
}

.auth-switch {
    margin-top: 1.15rem;
    text-align: center;
    font-family: Inconsolata, monospace;
    color: var(--auth-muted);
}

.auth-switch a {
    color: var(--auth-orange);
    font-weight: 900;
    text-decoration: none;
}

.auth-switch a:hover { color: var(--auth-blue); }

.auth-secondary-switch {
    margin-top: 0.45rem;
}

.auth-media {
    position: relative;
    min-height: calc(100vh - clamp(1.5rem, 2.4vw, 2rem));
    border-radius: 1.5rem;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    box-shadow: 0 32px 90px rgba(43, 33, 27, 0.16);
}

.auth-media::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.28)),
        radial-gradient(circle at 12% 82%, rgba(239, 59, 0, 0.22), transparent 30%);
}

.auth-media-card {
    position: absolute;
    left: clamp(1rem, 3vw, 2rem);
    bottom: clamp(1rem, 3vw, 2rem);
    width: min(22rem, calc(100% - 2rem));
    padding: 1rem 1.15rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.34);
    background: rgba(6, 24, 38, 0.48);
    color: #ffffff;
    backdrop-filter: blur(12px) saturate(1.2);
    box-shadow: 0 22px 56px rgba(0, 0, 0, 0.22);
}

.auth-media-card span {
    display: block;
    margin-bottom: 0.35rem;
    font-family: Inconsolata, monospace;
    font-size: 0.8rem;
    font-weight: 900;
    text-transform: uppercase;
}

.auth-media-card strong {
    display: block;
    font-family: "DM Serif Display", serif;
    font-size: clamp(1.35rem, 2vw, 1.85rem);
    line-height: 1.02;
    font-weight: 400;
}

.auth-note {
    margin-top: 0.25rem;
    color: rgba(43, 33, 27, 0.62);
    font-family: Inconsolata, monospace;
    font-size: 0.84rem;
    line-height: 1.25;
}

@media (max-width: 1024px) {
    .auth-shell {
        grid-template-columns: 1fr;
        overflow: visible;
    }

    .auth-shell.is-login .auth-media,
    .auth-shell.is-login .auth-form-side { order: initial; }

    .auth-media { display: none; }

    .auth-form-side { min-height: calc(100vh - 1.5rem); }

    .auth-shell.is-register .auth-form-side {
        max-height: none;
        overflow-y: visible;
    }
}

@media (max-width: 640px) {
    .auth-shell { padding: 0.55rem; }
    .auth-topbar { padding: 0.85rem; }
    .auth-form-wrap { padding: 0.85rem; }
    .auth-shell.is-register .auth-form-wrap { padding: 0.55rem 0.85rem 0.85rem; }
    .auth-shell.is-register .auth-form { gap: 0.55rem; }
    .auth-shell.is-register .auth-input,
    .auth-shell.is-register .auth-select { min-height: 2.75rem; }
    .auth-grid-2,
    .auth-actions { grid-template-columns: 1fr; }
    .auth-heading h1 { font-size: 2rem; }
    .auth-shell.is-register .auth-heading h1 { font-size: 1.75rem; }
    .auth-shell.is-register .auth-heading p { font-size: 0.86rem; }
    .auth-help-row { align-items: flex-start; flex-direction: column; }
}


:root {
    --ink: #2b211b;
    --muted: rgba(43, 33, 27, 0.72);
    --blue: #075fa8;
    --blue-deep: #063c73;
    --orange: #ef3b00;
    --paper: #fff8ef;
}

* { box-sizing: border-box; }

body.info-page {
    min-height: 100vh;
    margin: 0;
    font-family: Inconsolata, monospace;
    color: var(--ink);
    background:
        radial-gradient(circle at 12% 18%, rgba(4, 135, 217, 0.12), transparent 30%),
        radial-gradient(circle at 86% 78%, rgba(239, 59, 0, 0.11), transparent 34%),
        var(--paper);
}

.info-shell {
    width: min(1120px, calc(100% - 2rem));
    min-height: 100vh;
    margin: 0 auto;
    padding: 1rem 0 3rem;
}

.info-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 0;
}

.info-logo {
    width: clamp(5rem, 8vw, 7rem);
    height: auto;
    object-fit: contain;
}

.info-back,
.info-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.65rem;
    padding: 0 1rem;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 900;
    transition: transform 220ms ease, box-shadow 220ms ease, background 220ms ease;
}

.info-back {
    color: var(--ink);
    background: rgba(255, 255, 255, 0.44);
    border: 1px solid rgba(6, 60, 115, 0.12);
}

.info-back:hover {
    transform: translateX(-3px);
    background: rgba(4, 135, 217, 0.1);
}

.info-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.72fr);
    gap: clamp(1rem, 3vw, 2rem);
    align-items: stretch;
    margin-top: clamp(1rem, 4vw, 3rem);
}

.info-card,
.info-panel {
    border-radius: 1.25rem;
    border: 1px solid rgba(6, 60, 115, 0.12);
    background: linear-gradient(135deg, rgba(255, 250, 243, 0.96), rgba(255, 246, 233, 0.82));
    box-shadow: 0 28px 70px rgba(45, 31, 21, 0.09);
}

.info-card {
    padding: clamp(1.4rem, 4vw, 3rem);
}

.info-kicker {
    display: inline-flex;
    min-height: 2rem;
    align-items: center;
    padding: 0 0.85rem;
    border-radius: 999px;
    background: rgba(4, 135, 217, 0.1);
    color: var(--blue);
    font-size: 0.82rem;
    font-weight: 900;
    text-transform: uppercase;
}

.info-card h1 {
    max-width: 12ch;
    margin: 1rem 0 0;
    font-family: "DM Serif Display", serif;
    font-size: clamp(2.7rem, 7vw, 5.8rem);
    line-height: 0.92;
    letter-spacing: 0;
}

.info-card p {
    max-width: 44rem;
    color: var(--muted);
    font-size: clamp(1rem, 1.4vw, 1.18rem);
    line-height: 1.45;
}

.info-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin-top: 1.4rem;
}

.info-button.primary {
    color: #fff;
    background: linear-gradient(100deg, var(--orange), #f35a1c);
    box-shadow: 0 18px 38px rgba(239, 59, 0, 0.22);
}

.info-button.secondary {
    color: var(--blue-deep);
    background: rgba(255, 255, 255, 0.56);
    border: 1px solid rgba(6, 60, 115, 0.14);
}

.info-button:hover { transform: translateY(-2px); }

.info-panel {
    position: relative;
    min-height: 22rem;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.info-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(6, 24, 38, 0.04), rgba(6, 24, 38, 0.56));
}

.info-panel-note {
    position: absolute;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    padding: 1rem;
    border-radius: 1rem;
    color: #fff;
    background: rgba(6, 24, 38, 0.54);
    backdrop-filter: blur(12px);
}

.info-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.info-mini {
    padding: 1rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.52);
    border: 1px solid rgba(6, 60, 115, 0.1);
}

.info-mini strong {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--blue-deep);
}

.info-mini p {
    margin: 0;
    color: var(--muted);
    line-height: 1.35;
}

.cart-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.42fr);
    gap: 1rem;
    margin-top: 1rem;
}

.cart-list,
.cart-summary {
    border-radius: 1.25rem;
    border: 1px solid rgba(6, 60, 115, 0.12);
    background: rgba(255, 255, 255, 0.52);
    box-shadow: 0 18px 48px rgba(45, 31, 21, 0.07);
}

.cart-list {
    padding: clamp(1rem, 2vw, 1.35rem);
}

.cart-item {
    display: grid;
    grid-template-columns: 4.5rem minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
}

.cart-item img {
    width: 4.5rem;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    border-radius: 0.45rem;
}

.cart-item-copy {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.cart-item-copy strong {
    font-family: "DM Serif Display", serif;
    font-size: 1.35rem;
    line-height: 1;
}

.cart-item-copy span,
.cart-empty-note,
.cart-row {
    color: var(--muted);
}

.cart-item-price {
    font-weight: 900;
    color: var(--blue-deep);
}

.cart-empty-note {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(43, 33, 27, 0.12);
    font-size: 0.95rem;
}

.cart-summary {
    padding: clamp(1rem, 2vw, 1.35rem);
}

.cart-summary h2 {
    margin: 0 0 1rem;
    font-family: "DM Serif Display", serif;
    font-size: 2rem;
    line-height: 1;
}

.cart-row,
.cart-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.65rem 0;
}

.cart-total {
    margin-top: 0.5rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(43, 33, 27, 0.16);
    font-size: 1.15rem;
}

.cart-checkout {
    width: 100%;
    margin-top: 1rem;
}

@media (max-width: 860px) {
    .info-hero { grid-template-columns: 1fr; }
    .info-grid { grid-template-columns: 1fr; }
    .info-panel { min-height: 16rem; }
    .cart-layout { grid-template-columns: 1fr; }
    .cart-item { grid-template-columns: 4rem minmax(0, 1fr); }
    .cart-item-price { grid-column: 2; }
}


/* Ajustes para que la copia estática mantenga visible la portada aunque no esté dentro de Laravel. */
.carousel-body.opacity-0 {
    opacity: 1;
}

.carousel {
    overflow: hidden;
    border-radius: 0.75rem;
}

.carousel-body {
    display: flex;
    transition: transform 420ms ease;
}

.carousel-slide {
    min-width: 100%;
    height: min(62vw, 560px);
    overflow: hidden;
}

.carousel-prev,
.carousel-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
}

.carousel-prev {
    left: 1.25rem;
}

.carousel-next {
    right: 1.25rem;
}

.icon-[tabler--shopping-cart]::before {
    content: "cart";
}

.icon-[tabler--shopping-cart-plus]::before {
    content: "+";
    font-weight: 900;
}

.icon-[tabler--chevron-left]::before {
    content: "<";
    font-size: 1.7rem;
    line-height: 1;
}

.icon-[tabler--chevron-right]::before {
    content: ">";
    font-size: 1.7rem;
    line-height: 1;
}

.icon-[tabler--menu-2]::before {
    content: "menu";
}

.icon-[tabler--x]::before {
    content: "x";
}

.raty-read-only::before {
    content: "*****";
    color: var(--color-primary);
    letter-spacing: 0.08em;
    font-size: 0.8rem;
}

@media (max-width: 767px) {
    #navbar-collapse.is-open {
        display: flex !important;
        height: auto !important;
    }

    #navbar-collapse.is-open .menu {
        width: 100%;
    }

    .carousel-slide {
        height: 54vw;
        min-height: 220px;
    }
}


@media (max-width: 767px) {
    [data-collapse="#navbar-collapse"] {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        min-width: 3.5rem;
        padding-inline: 0.75rem;
        font-size: 0.72rem;
        text-transform: uppercase;
    }

    [data-collapse="#navbar-collapse"] span {
        display: none !important;
    }

    [data-collapse="#navbar-collapse"]::before {
        content: "menu";
        font-weight: 800;
    }

    [data-collapse="#navbar-collapse"].collapse-open::before {
        content: "cerrar";
    }
}

/* Solo las palabras del titular se animan, fila por fila. */
.home-page .hero-slogan {
    animation: none !important;
    transform: none !important;
}

.home-page .hero-slogan .slogan-row {
    opacity: 0;
    clip-path: none !important;
    transform: translate3d(-2.25rem, 0, 0);
    animation: heroWordLineCycle 8s ease-in-out infinite both !important;
    will-change: opacity, transform;
}

.home-page .hero-slogan .slogan-row:nth-child(1) { animation-delay: 0ms !important; }
.home-page .hero-slogan .slogan-row:nth-child(2) { animation-delay: 170ms !important; }
.home-page .hero-slogan .slogan-row:nth-child(3) { animation-delay: 340ms !important; }
.home-page .hero-slogan .slogan-row:nth-child(4) { animation-delay: 510ms !important; }
.home-page .hero-slogan .slogan-row:nth-child(5) { animation-delay: 680ms !important; }

@keyframes heroWordLineCycle {
    0% {
        opacity: 0;
        transform: translate3d(-2.25rem, 0, 0);
    }

    11% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    76% {
        opacity: 0;
        transform: translate3d(2.25rem, 0, 0);
    }

    100% {
        opacity: 0;
        transform: translate3d(2.25rem, 0, 0);
    }
}

/* Sin efecto de entrada para la pagina: solo se animan las palabras del titular. */
.home-page .motion-preset-fade {
    opacity: 1 !important;
    animation: none !important;
    transform: none !important;
    filter: none !important;
}

.home-page .hero-slogan .slogan-row {
    animation-name: heroWordLineCycle !important;
}

/* Boton movil de ingreso completo y centrado. */
@media (max-width: 767px) {
    .home-page nav .mobile-navbar-actions {
        flex: 0 0 auto !important;
        gap: .6rem !important;
    }

    .home-page nav .mobile-login-btn {
        width: auto !important;
        min-width: 7.1rem !important;
        height: 3rem !important;
        min-height: 3rem !important;
        padding-inline: .85rem !important;
        gap: .45rem !important;
        overflow: visible !important;
    }

    .home-page nav .mobile-login-icon {
        display: block !important;
        width: 1.2rem !important;
        height: 1.2rem !important;
        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 2.15 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }

    .home-page nav .mobile-login-text {
        display: inline-block !important;
        color: currentColor !important;
        font-family: var(--font-inconsolata), monospace !important;
        font-size: 1rem !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }
}

/* Titular final: negras letra por letra, rojas completas despues. */
.home-page .hero-slogan {
    animation: none !important;
    transform: none !important;
}

.home-page .hero-slogan .slogan-row {
    opacity: 0;
    transform: none !important;
    overflow: hidden !important;
    animation-duration: 8.4s !important;
    animation-iteration-count: infinite !important;
    animation-fill-mode: both !important;
    will-change: opacity, clip-path !important;
}

.home-page .hero-slogan .slogan-row:nth-child(1) {
    --letters: 2;
    animation-name: heroBlackLettersCycle !important;
    animation-timing-function: steps(var(--letters), end) !important;
    animation-delay: 0ms !important;
}

.home-page .hero-slogan .slogan-row:nth-child(2) {
    --letters: 8;
    animation-name: heroBlackLettersCycle !important;
    animation-timing-function: steps(var(--letters), end) !important;
    animation-delay: 340ms !important;
}

.home-page .hero-slogan .slogan-row:nth-child(3) {
    --letters: 7;
    animation-name: heroBlackLettersCycle !important;
    animation-timing-function: steps(var(--letters), end) !important;
    animation-delay: 760ms !important;
}

.home-page .hero-slogan .slogan-row:nth-child(4) {
    animation-name: heroRedWordCycle !important;
    animation-timing-function: cubic-bezier(.2, .85, .25, 1) !important;
    animation-delay: 1500ms !important;
}

.home-page .hero-slogan .slogan-row:nth-child(5) {
    animation-name: heroRedWordCycle !important;
    animation-timing-function: cubic-bezier(.2, .85, .25, 1) !important;
    animation-delay: 1760ms !important;
}

@keyframes heroBlackLettersCycle {
    0% {
        opacity: 1;
        clip-path: inset(0 100% 0 0);
    }

    18%,
    62% {
        opacity: 1;
        clip-path: inset(0 0 0 0);
    }

    76% {
        opacity: 0;
        clip-path: inset(0 0 0 0);
    }

    100% {
        opacity: 0;
        clip-path: inset(0 0 0 0);
    }
}

@keyframes heroRedWordCycle {
    0% {
        opacity: 0;
        clip-path: none;
        filter: blur(3px);
    }

    12%,
    62% {
        opacity: 1;
        clip-path: none;
        filter: blur(0);
    }

    76% {
        opacity: 0;
        clip-path: none;
        filter: blur(3px);
    }

    100% {
        opacity: 0;
        clip-path: none;
        filter: blur(3px);
    }
}

[class*="icon-[tabler--shopping-cart]"]::before {
    content: "cart";
    font-size: 0.7rem;
    font-weight: 800;
}

[class*="icon-[tabler--shopping-cart-plus]"]::before {
    content: "+";
    font-weight: 900;
}

[class*="icon-[tabler--chevron-left]"]::before {
    content: "<";
    font-size: 1.35rem;
    line-height: 1;
}

[class*="icon-[tabler--chevron-right]"]::before {
    content: ">";
    font-size: 1.35rem;
    line-height: 1;
}

/* Primera pantalla: la frase inicial queda dentro del alto de la imagen principal. */
body > div.w-full:first-of-type {
    height: 100vh;
    max-height: 100vh;
    overflow: hidden;
}

body > div.w-full:first-of-type img[alt="Mi Estantería"] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

body > div.w-full:first-of-type + .font-serif {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100vh - clamp(13rem, 16vw, 17rem));
    z-index: 20;
    transform: none !important;
    padding-inline: clamp(1.5rem, 5vw, 6rem);
    text-shadow: 0 2px 22px rgba(255, 250, 244, 0.8);
    pointer-events: none;
}

body > div.w-full:first-of-type + .font-serif + .divider {
    margin-top: 0 !important;
    transform: none !important;
}

@media (max-width: 767px) {
    body > div.w-full:first-of-type {
        height: 58vh;
        max-height: 58vh;
    }

    body > div.w-full:first-of-type + .font-serif {
        top: calc(58vh - 7.2rem);
        font-size: clamp(1.45rem, 8vw, 2.4rem) !important;
        line-height: 1.18;
    }
}

/* Refinamiento del rango inicial solicitado. */
html,
body {
    overflow-x: hidden;
}

body > div.w-full:first-of-type + .font-serif {
    box-sizing: border-box;
    max-width: 100vw;
    top: calc(100vh - clamp(14rem, 14vw, 15rem));
}

body > div.w-full:first-of-type + .font-serif + .divider {
    translate: none !important;
    transform: none !important;
}

/* Carrusel superpuesto sobre la imagen principal. */
#auto-height {
    position: absolute;
    top: clamp(7rem, 12vh, 9rem);
    right: clamp(1.25rem, 4vw, 5rem);
    z-index: 16;
    width: min(34rem, 34vw);
    height: clamp(14rem, 34vh, 22rem);
    padding: 0 !important;
    border-radius: 0.85rem;
    overflow: hidden;
    box-shadow: 0 24px 70px rgba(29, 20, 16, 0.28);
}

#auto-height::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(20, 14, 12, 0.08), rgba(20, 14, 12, 0.24));
    border: 1px solid rgba(255, 247, 239, 0.38);
    border-radius: inherit;
}

#auto-height .carousel,
#auto-height .carousel-body,
#auto-height .carousel-slide {
    height: 100%;
}

#auto-height .carousel-slide {
    height: 100%;
    min-height: 0;
}

#auto-height .carousel-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#auto-height .carousel-prev,
#auto-height .carousel-next {
    pointer-events: auto;
    z-index: 4;
    width: 2.45rem;
    height: 2.45rem;
    min-height: 2.45rem;
    background: rgba(255, 250, 244, 0.86) !important;
    color: var(--color-secondary);
    backdrop-filter: blur(10px);
}

#auto-height + .divider {
    margin-top: 0 !important;
}

@media (max-width: 1024px) {
    #auto-height {
        top: auto;
        left: 50%;
        right: auto;
        bottom: 2rem;
        width: min(86vw, 34rem);
        height: clamp(11rem, 26vh, 16rem);
        transform: translateX(-50%);
    }

    body > div.w-full:first-of-type + .font-serif {
        top: calc(100vh - clamp(19rem, 28vh, 22rem));
    }
}

@media (max-width: 767px) {
    #auto-height {
        display: none;
    }
}

/* Evita que animaciones y slides fuera de vista generen ancho extra en la página estática. */
.intersect\:motion-preset-slide-left,
.intersect\:motion-preset-slide-right {
    transform: none !important;
}

#auto-height,
#auto-height .carousel {
    contain: layout paint;
}

body > div.w-full:first-of-type + .font-serif p {
    width: auto !important;
    max-width: 100%;
}

/* Portada editorial: texto de impacto y carrusel en tira continua. */
body > div.w-full:first-of-type::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 8;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(255, 250, 244, 0.94) 0%, rgba(255, 250, 244, 0.78) 28%, rgba(255, 250, 244, 0.18) 62%, rgba(255, 250, 244, 0.04) 100%),
        linear-gradient(180deg, rgba(255, 250, 244, 0.18) 0%, rgba(255, 250, 244, 0) 38%, rgba(255, 250, 244, 0.2) 100%);
}

body > div.w-full:first-of-type + .font-serif {
    top: clamp(6rem, 12vh, 8rem) !important;
    left: clamp(1.35rem, 3vw, 3rem);
    right: auto;
    z-index: 18;
    width: min(60rem, 58vw);
    padding-inline: 0;
    text-align: left !important;
    font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif !important;
    text-transform: uppercase;
    color: #0b0a08 !important;
    text-shadow: none;
}

body > div.w-full:first-of-type + .font-serif p {
    margin: 0;
    font-size: clamp(4.8rem, 9.4vw, 12.8rem);
    line-height: 0.78;
    letter-spacing: 0;
    max-width: 11ch;
}

body > div.w-full:first-of-type + .font-serif p:first-child {
    max-width: 8.8ch;
}

body > div.w-full:first-of-type + .font-serif p:nth-child(2) {
    max-width: 7.6ch;
}

body > div.w-full:first-of-type + .font-serif span {
    color: #ef3b00 !important;
}

#auto-height.editorial-carousel {
    top: auto;
    right: auto;
    bottom: 0;
    left: clamp(9rem, 18vw, 24rem);
    z-index: 17;
    width: 125vw;
    height: min(45vh, 29rem);
    overflow: visible;
    border-radius: 0;
    box-shadow: none;
    contain: none;
}

#auto-height.editorial-carousel::before,
#auto-height.editorial-carousel .carousel-prev,
#auto-height.editorial-carousel .carousel-next {
    display: none !important;
}

#auto-height.editorial-carousel .carousel {
    height: 100%;
    overflow: visible;
    border-radius: 0;
    contain: none;
}

#auto-height.editorial-carousel .carousel-body {
    display: flex;
    align-items: flex-end;
    gap: clamp(0.7rem, 1vw, 1.1rem);
    width: max-content;
    height: 100%;
    animation: estanteria-editorial-marquee 26s linear infinite;
    transition: none !important;
    will-change: transform;
}

#auto-height.editorial-carousel:hover .carousel-body {
    animation-play-state: paused;
}

#auto-height.editorial-carousel .carousel-slide {
    flex: 0 0 clamp(17rem, 24vw, 31rem);
    min-width: 0;
    height: 74%;
    overflow: hidden;
    border-radius: 0;
    box-shadow: 0 28px 70px rgba(18, 12, 9, 0.28);
}

#auto-height.editorial-carousel .carousel-slide:nth-child(3n + 1) {
    flex-basis: clamp(16rem, 22vw, 28rem);
    height: 62%;
    transform: translateY(9%);
}

#auto-height.editorial-carousel .carousel-slide:nth-child(3n + 2) {
    flex-basis: clamp(22rem, 32vw, 40rem);
    height: 88%;
    transform: translateY(-5%);
}

#auto-height.editorial-carousel .carousel-slide:nth-child(3n) {
    flex-basis: clamp(24rem, 36vw, 44rem);
    height: 100%;
}

#auto-height.editorial-carousel .carousel-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(1.06) contrast(1.03);
}

body > div.w-full:first-of-type + .font-serif + .divider,
#auto-height.editorial-carousel + .divider {
    position: relative;
    top: 100vh;
}

@keyframes estanteria-editorial-marquee {
    from { transform: translateX(0); }
    to { transform: translateX(calc(-50% - 1rem)); }
}

@media (max-width: 1200px) {
    body > div.w-full:first-of-type + .font-serif {
        width: 66vw;
    }

    #auto-height.editorial-carousel {
        left: 28vw;
        height: 38vh;
    }
}

@media (max-width: 767px) {
    body > div.w-full:first-of-type::after {
        background: linear-gradient(180deg, rgba(255, 250, 244, 0.88) 0%, rgba(255, 250, 244, 0.22) 48%, rgba(255, 250, 244, 0.58) 100%);
    }

    body > div.w-full:first-of-type + .font-serif {
        top: 5.5rem !important;
        left: 1rem;
        width: calc(100vw - 2rem);
    }

    body > div.w-full:first-of-type + .font-serif p {
        font-size: clamp(3.15rem, 16vw, 5.6rem) !important;
        max-width: 8ch;
    }

    #auto-height.editorial-carousel {
        display: block;
        left: 1rem;
        bottom: 1.2rem;
        width: 180vw;
        height: 24vh;
    }

    #auto-height.editorial-carousel .carousel-slide {
        flex-basis: 58vw;
        height: 78%;
    }
}

body > div.w-full:first-of-type {
    position: relative;
}

/* Ajuste del titular para que sea potente pero entre completo en la primera vista. */
body > div.w-full:first-of-type + .font-serif {
    top: clamp(7.4rem, 13vh, 9.5rem) !important;
    width: min(55rem, 50vw);
}

body > div.w-full:first-of-type + .font-serif p {
    font-size: clamp(4.9rem, 7.8vw, 9.8rem);
    line-height: 0.84;
    max-width: 8.2ch !important;
}

body > div.w-full:first-of-type + .font-serif p:nth-child(3) {
    max-width: 9.5ch !important;
}

#auto-height.editorial-carousel {
    left: clamp(18rem, 34vw, 42rem);
    width: 88vw;
    height: min(43vh, 27rem);
}

@media (max-width: 1200px) {
    body > div.w-full:first-of-type + .font-serif {
        width: 58vw;
    }

    body > div.w-full:first-of-type + .font-serif p {
        font-size: clamp(4.2rem, 8.4vw, 7.2rem);
    }

    #auto-height.editorial-carousel {
        left: 38vw;
        width: 105vw;
    }
}

@media (max-width: 767px) {
    body > div.w-full:first-of-type + .font-serif p {
        font-size: clamp(2.9rem, 14vw, 4.9rem) !important;
        max-width: 8.5ch !important;
    }

    #auto-height.editorial-carousel {
        width: 140vw;
    }
}

/* Compacta el cartel para que no quede cortado por la barra superior. */
body > div.w-full:first-of-type + .font-serif {
    top: clamp(10rem, 18vh, 12.5rem) !important;
}

body > div.w-full:first-of-type + .font-serif p {
    font-size: clamp(4.1rem, 6.55vw, 8.2rem);
    line-height: 0.82;
}

#auto-height.editorial-carousel {
    height: min(40vh, 25rem);
}

@media (max-width: 767px) {
    body > div.w-full:first-of-type + .font-serif {
        top: 6.6rem !important;
    }
}

body > div.w-full:first-of-type + .font-serif {
    translate: none !important;
}

/* Slots fijos: la composicion queda quieta y solo se intercalan las imagenes. */
#auto-height.fixed-slot-carousel {
    left: clamp(18rem, 34vw, 42rem);
    width: 88vw;
    height: min(40vh, 25rem);
    overflow: visible;
}

#auto-height.fixed-slot-carousel .carousel,
#auto-height.fixed-slot-carousel .carousel-body {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
}

#auto-height.fixed-slot-carousel .carousel-body {
    display: block;
    animation: none !important;
    transform: none !important;
}

#auto-height.fixed-slot-carousel .carousel-slide {
    position: absolute;
    min-width: 0;
    overflow: hidden;
    border-radius: 0;
    box-shadow: 0 28px 70px rgba(18, 12, 9, 0.28);
    transition: opacity 220ms ease, filter 220ms ease, transform 260ms ease;
}

#auto-height.fixed-slot-carousel .carousel-slide.is-swapping {
    opacity: 0.28;
    filter: blur(2px) saturate(0.7);
}

#auto-height.fixed-slot-carousel .carousel-slide:nth-child(1) {
    left: 0;
    bottom: 0;
    width: clamp(18rem, 24vw, 31rem);
    height: 58%;
    z-index: 1;
}

#auto-height.fixed-slot-carousel .carousel-slide:nth-child(2) {
    left: clamp(17rem, 23vw, 29rem);
    bottom: 4.5%;
    width: clamp(27rem, 34vw, 42rem);
    height: 82%;
    z-index: 2;
}

#auto-height.fixed-slot-carousel .carousel-slide:nth-child(3) {
    left: clamp(46rem, 59vw, 72rem);
    bottom: 0;
    width: clamp(24rem, 31vw, 39rem);
    height: 96%;
    z-index: 3;
}

#auto-height.fixed-slot-carousel .carousel-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#auto-height.fixed-slot-carousel:hover .carousel-body {
    animation-play-state: running;
}

@media (max-width: 1200px) {
    #auto-height.fixed-slot-carousel {
        left: 36vw;
        width: 100vw;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(1) {
        width: 28vw;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(2) {
        left: 20vw;
        width: 42vw;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(3) {
        left: 56vw;
        width: 38vw;
    }
}

@media (max-width: 767px) {
    #auto-height.fixed-slot-carousel {
        left: 1rem;
        width: 145vw;
        height: 24vh;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(1) {
        width: 52vw;
        height: 66%;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(2) {
        left: 40vw;
        width: 64vw;
        height: 86%;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(3) {
        left: 96vw;
        width: 56vw;
        height: 78%;
    }
}

/* Ajuste responsive final: 3 imagenes visibles en escritorio, 2 en pantallas pequenas. */
#auto-height.fixed-slot-carousel {
    left: clamp(34rem, 48vw, 48rem);
    right: clamp(1rem, 2.2vw, 2.75rem);
    width: auto;
    height: min(40vh, 25rem);
}

#auto-height.fixed-slot-carousel .carousel-slide {
    box-shadow: 0 28px 70px rgba(18, 12, 9, 0.28);
    transition:
        opacity 420ms ease,
        filter 420ms ease,
        transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

#auto-height.fixed-slot-carousel .carousel-slide.is-swapping {
    opacity: 0;
    filter: blur(5px) saturate(0.75) brightness(1.06);
    transform: translateY(12px) scale(0.985);
}

#auto-height.fixed-slot-carousel .carousel-slide:nth-child(1) {
    left: 0;
    bottom: 0;
    width: 26%;
    height: 58%;
    z-index: 1;
}

#auto-height.fixed-slot-carousel .carousel-slide:nth-child(2) {
    left: 23%;
    bottom: 4%;
    width: 43%;
    height: 84%;
    z-index: 2;
}

#auto-height.fixed-slot-carousel .carousel-slide:nth-child(3) {
    left: 63%;
    bottom: 0;
    width: 34%;
    height: 96%;
    z-index: 3;
}

#auto-height.fixed-slot-carousel .carousel-slide::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.16));
    opacity: 0.65;
}

@media (max-width: 1400px) {
    #auto-height.fixed-slot-carousel {
        left: 43vw;
        right: 1.5rem;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(1) {
        width: 28%;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(2) {
        left: 24%;
        width: 45%;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(3) {
        left: 66%;
        width: 32%;
    }
}

@media (max-width: 1024px) {
    #auto-height.fixed-slot-carousel {
        left: 4vw;
        right: 4vw;
        width: auto;
        height: 30vh;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(1) {
        left: 0;
        width: 38%;
        height: 68%;
        bottom: 0;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(2) {
        left: 31%;
        width: 48%;
        height: 92%;
        bottom: 4%;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(3) {
        left: 74%;
        width: 34%;
        height: 78%;
        bottom: 0;
        opacity: 0.45;
    }
}

@media (max-width: 767px) {
    #auto-height.fixed-slot-carousel {
        left: 1rem;
        right: 1rem;
        width: auto;
        height: 24vh;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(1) {
        left: 0;
        width: 46%;
        height: 70%;
        bottom: 0;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(2) {
        left: 38%;
        width: 60%;
        height: 92%;
        bottom: 3%;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(3) {
        left: 101%;
        width: 42%;
        height: 72%;
        opacity: 0;
        pointer-events: none;
    }
}

/* Correccion movil: dos imagenes dentro de la portada, sin invadir el contenido siguiente. */
@media (max-width: 767px) {
    body > div.w-full:first-of-type {
        height: 100vh;
        max-height: 100vh;
    }

    body > div.w-full:first-of-type + .font-serif {
        top: 9rem !important;
        left: 1rem;
        width: calc(100vw - 2rem);
        z-index: 18;
    }

    body > div.w-full:first-of-type + .font-serif p {
        font-size: clamp(2.7rem, 13vw, 4.3rem) !important;
        line-height: 0.86;
        max-width: 8.6ch !important;
    }

    #auto-height.fixed-slot-carousel {
        position: absolute;
        display: block;
        left: 1rem;
        right: 1rem;
        top: calc(100vh - 13.25rem);
        bottom: auto;
        width: auto;
        height: 11.5rem;
        z-index: 19;
        overflow: visible;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(1) {
        left: 0;
        bottom: 0;
        width: 48%;
        height: 72%;
        opacity: 1;
        pointer-events: auto;
        z-index: 1;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(2) {
        left: 38%;
        bottom: 4%;
        width: 60%;
        height: 96%;
        opacity: 1;
        pointer-events: auto;
        z-index: 2;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(3) {
        left: 103%;
        bottom: 0;
        width: 42%;
        height: 76%;
        opacity: 0;
        pointer-events: none;
        z-index: 0;
    }

    body > div.w-full:first-of-type + .font-serif + .divider,
    #auto-height.editorial-carousel + .divider,
    #auto-height.fixed-slot-carousel + .divider {
        top: 100vh;
    }
}

/* Proporciones equilibradas y lectura de intercambio de izquierda a derecha. */
#auto-height.fixed-slot-carousel {
    left: clamp(31rem, 44vw, 43rem);
    right: clamp(1.25rem, 2.8vw, 3rem);
    height: min(38vh, 23.5rem);
}

#auto-height.fixed-slot-carousel .carousel-slide:nth-child(1),
#auto-height.fixed-slot-carousel .carousel-slide:nth-child(2),
#auto-height.fixed-slot-carousel .carousel-slide:nth-child(3) {
    bottom: 0;
    height: 82%;
}

#auto-height.fixed-slot-carousel .carousel-slide:nth-child(1) {
    left: 0;
    width: 31%;
    z-index: 1;
}

#auto-height.fixed-slot-carousel .carousel-slide:nth-child(2) {
    left: 28.5%;
    width: 38%;
    height: 96%;
    z-index: 2;
}

#auto-height.fixed-slot-carousel .carousel-slide:nth-child(3) {
    left: 64%;
    width: 33%;
    z-index: 1;
}

#auto-height.fixed-slot-carousel .carousel-slide.is-swapping {
    opacity: 0;
    filter: blur(4px) saturate(0.82) brightness(1.04);
    transform: translateX(16px) scale(0.99);
}

@media (max-width: 1400px) {
    #auto-height.fixed-slot-carousel {
        left: 41vw;
        right: 1.25rem;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(1) {
        width: 31%;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(2) {
        left: 28%;
        width: 39%;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(3) {
        left: 64%;
        width: 34%;
    }
}

@media (max-width: 1024px) {
    #auto-height.fixed-slot-carousel {
        left: 4vw;
        right: 4vw;
        height: 29vh;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(1) {
        left: 0;
        width: 43%;
        height: 82%;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(2) {
        left: 34%;
        width: 48%;
        height: 96%;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(3) {
        left: 74%;
        width: 34%;
        height: 82%;
        opacity: 0.5;
    }
}

@media (max-width: 767px) {
    #auto-height.fixed-slot-carousel {
        left: 1rem;
        right: 1rem;
        height: 11.25rem;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(1) {
        left: 0;
        width: 47%;
        height: 82%;
        opacity: 1;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(2) {
        left: 43%;
        width: 55%;
        height: 96%;
        opacity: 1;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(3) {
        left: 101%;
        width: 42%;
        height: 82%;
        opacity: 0;
    }
}

/* Tarjetas interactivas: pequena, mediana y protagonista grande. */
#auto-height.fixed-slot-carousel {
    left: clamp(30rem, 42vw, 41rem);
    right: clamp(1.25rem, 3vw, 3rem);
    height: min(42vh, 26rem);
    perspective: 1200px;
}

#auto-height.fixed-slot-carousel .carousel-slide {
    border-radius: 1.05rem;
    background: rgba(255, 250, 244, 0.72);
    border: 1px solid rgba(255, 250, 244, 0.62);
    box-shadow:
        0 30px 80px rgba(20, 13, 10, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.55);
    cursor: pointer;
    isolation: isolate;
    transition:
        opacity 420ms ease,
        filter 420ms ease,
        box-shadow 360ms ease,
        transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

#auto-height.fixed-slot-carousel .carousel-slide::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        linear-gradient(115deg, rgba(255,255,255,0.34), transparent 34%, transparent 68%, rgba(255,255,255,0.16)),
        linear-gradient(180deg, transparent 45%, rgba(0,0,0,0.28));
    opacity: 0.62;
    transition: opacity 260ms ease;
}

#auto-height.fixed-slot-carousel .carousel-slide::after {
    content: "Explorar";
    position: absolute;
    left: 1rem;
    bottom: 0.9rem;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0 0.85rem;
    border-radius: 999px;
    background: rgba(255, 250, 244, 0.86);
    color: #1d1410;
    font-family: Inconsolata, monospace;
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: 0;
    box-shadow: 0 10px 30px rgba(20, 13, 10, 0.18);
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 260ms ease, transform 260ms ease;
}

#auto-height.fixed-slot-carousel .carousel-slide:hover {
    transform: translateY(-12px) rotateX(1deg) scale(1.018);
    box-shadow:
        0 38px 100px rgba(20, 13, 10, 0.36),
        inset 0 1px 0 rgba(255, 255, 255, 0.64);
}

#auto-height.fixed-slot-carousel .carousel-slide:hover::before {
    opacity: 0.34;
}

#auto-height.fixed-slot-carousel .carousel-slide:hover::after {
    opacity: 1;
    transform: translateY(0);
}

#auto-height.fixed-slot-carousel .carousel-slide:nth-child(1) {
    left: 0;
    bottom: 0;
    width: 24%;
    height: 58%;
    z-index: 1;
}

#auto-height.fixed-slot-carousel .carousel-slide:nth-child(2) {
    left: 20.5%;
    bottom: 5%;
    width: 32%;
    height: 76%;
    z-index: 2;
}

#auto-height.fixed-slot-carousel .carousel-slide:nth-child(3) {
    left: 48.5%;
    bottom: 0;
    width: 48%;
    height: 100%;
    z-index: 3;
}

#auto-height.fixed-slot-carousel .carousel-slide:nth-child(1)::after {
    content: "Leer";
}

#auto-height.fixed-slot-carousel .carousel-slide:nth-child(2)::after {
    content: "Descubrir";
}

#auto-height.fixed-slot-carousel .carousel-slide:nth-child(3)::after {
    content: "Publicar";
    min-height: 2.25rem;
    padding-inline: 1rem;
    font-size: 0.9rem;
}

#auto-height.fixed-slot-carousel .carousel-slide.is-swapping {
    opacity: 0;
    filter: blur(4px) saturate(0.84) brightness(1.05);
    transform: translateX(18px) scale(0.985);
}

@media (max-width: 1400px) {
    #auto-height.fixed-slot-carousel {
        left: 39vw;
        right: 1.25rem;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(1) {
        width: 25%;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(2) {
        left: 21%;
        width: 33%;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(3) {
        left: 49.5%;
        width: 49%;
    }
}

@media (max-width: 1024px) {
    #auto-height.fixed-slot-carousel {
        left: 4vw;
        right: 4vw;
        height: 30vh;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(1) {
        left: 0;
        width: 31%;
        height: 62%;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(2) {
        left: 25%;
        width: 38%;
        height: 78%;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(3) {
        left: 57%;
        width: 43%;
        height: 100%;
        opacity: 1;
    }
}

@media (max-width: 767px) {
    #auto-height.fixed-slot-carousel {
        left: 1rem;
        right: 1rem;
        height: 11.5rem;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(1) {
        left: 0;
        width: 36%;
        height: 64%;
        opacity: 1;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(2) {
        left: 29%;
        width: 46%;
        height: 82%;
        opacity: 1;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(3) {
        left: 68%;
        width: 54%;
        height: 100%;
        opacity: 1;
    }

    #auto-height.fixed-slot-carousel .carousel-slide::after {
        display: none;
    }
}

/* Animacion ciclica del titular por filas. */
body > div.w-full:first-of-type + .font-serif p {
    opacity: 0;
    transform: translateY(0.4em);
    animation: headline-row-cycle 7.2s cubic-bezier(0.22, 1, 0.36, 1) infinite;
    will-change: opacity, transform;
}

body > div.w-full:first-of-type + .font-serif p:nth-child(1) {
    animation-delay: 0s;
}

body > div.w-full:first-of-type + .font-serif p:nth-child(2) {
    animation-delay: 0.42s;
}

body > div.w-full:first-of-type + .font-serif p:nth-child(3) {
    animation-delay: 0.84s;
}

@keyframes headline-row-cycle {
    0%, 7% {
        opacity: 0;
        transform: translateY(0.42em);
    }

    15%, 72% {
        opacity: 1;
        transform: translateY(0);
    }

    84%, 100% {
        opacity: 0;
        transform: translateY(-0.18em);
    }
}

@media (prefers-reduced-motion: reduce) {
    body > div.w-full:first-of-type + .font-serif p {
        opacity: 1;
        transform: none;
        animation: none;
    }
}

/* Texto central recuperado sin titulo ni boton. */
.intro-copy {
    max-width: 64rem;
    margin: clamp(2.5rem, 6vw, 5rem) auto clamp(1.5rem, 4vw, 3rem);
    padding: 0 clamp(1.5rem, 5vw, 4rem);
    text-align: center;
    color: var(--color-base-content);
}

.intro-copy p {
    margin: 0;
    font-size: clamp(1.05rem, 2.1vw, 1.7rem);
    line-height: 1.45;
    text-wrap: balance;
}

/* Efecto de letra azul en el texto central. */
.letter-wave-char {
    display: inline-block;
    transition: color 180ms ease, text-shadow 180ms ease, transform 180ms ease;
}

.letter-wave-char.is-blue {
    color: #0ea5e9;
    text-shadow: 0 0 18px rgba(14, 165, 233, 0.34);
    transform: translateY(-1px);
}

/* Logo y fila superior con entrada más atractiva. */
nav {
    animation: nav-shell-enter 720ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

nav .navbar-start img[alt="Mi Estantería"],
nav img[alt="Mi Estantería"]:first-child {
    transform-origin: left center;
    animation: logo-book-pop 1.15s cubic-bezier(0.22, 1, 0.36, 1) 180ms both, logo-soft-float 4.8s ease-in-out 1.5s infinite;
    filter: drop-shadow(0 10px 18px rgba(24, 17, 14, 0.12));
    transition: transform 260ms ease, filter 260ms ease;
}

nav .navbar-start img[alt="Mi Estantería"]:hover,
nav img[alt="Mi Estantería"]:first-child:hover {
    transform: translateY(-2px) rotate(-1.5deg) scale(1.04);
    filter: drop-shadow(0 16px 24px rgba(24, 17, 14, 0.18));
}

nav .navbar-start {
    position: relative;
}

nav .navbar-start::after {
    content: "";
    position: absolute;
    left: 0.1rem;
    top: 0.2rem;
    width: 5.4rem;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(105deg, transparent 0%, rgba(255,255,255,0.72) 42%, transparent 72%);
    opacity: 0;
    transform: translateX(-120%) skewX(-12deg);
    animation: logo-shine-pass 4.8s ease-in-out 1.7s infinite;
}

nav .menu > li,
nav .navbar-end > * {
    opacity: 0;
    transform: translateY(-8px);
    animation: nav-item-enter 680ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

nav .menu > li:nth-child(1) { animation-delay: 280ms; }
nav .menu > li:nth-child(2) { animation-delay: 380ms; }
nav .menu > li:nth-child(3) { animation-delay: 480ms; }
nav .navbar-end > *:nth-child(1) { animation-delay: 560ms; }
nav .navbar-end > *:nth-child(2) { animation-delay: 660ms; }

@keyframes nav-shell-enter {
    from {
        opacity: 0;
        transform: translate(-50%, -14px) scale(0.985);
    }
    to {
        opacity: 1;
        transform: translate(-50%, 0) scale(1);
    }
}

@keyframes logo-book-pop {
    0% {
        opacity: 0;
        transform: translateX(-14px) rotate(-5deg) scale(0.82);
    }
    62% {
        opacity: 1;
        transform: translateX(0) rotate(1.2deg) scale(1.06);
    }
    100% {
        opacity: 1;
        transform: translateX(0) rotate(0) scale(1);
    }
}

@keyframes logo-soft-float {
    0%, 100% { transform: translateY(0) rotate(0); }
    50% { transform: translateY(-1.5px) rotate(-0.6deg); }
}

@keyframes logo-shine-pass {
    0%, 62%, 100% {
        opacity: 0;
        transform: translateX(-120%) skewX(-12deg);
    }
    72% {
        opacity: 0.7;
    }
    86% {
        opacity: 0;
        transform: translateX(95%) skewX(-12deg);
    }
}

@keyframes nav-item-enter {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    nav,
    nav .navbar-start img[alt="Mi Estantería"],
    nav img[alt="Mi Estantería"]:first-child,
    nav .navbar-start::after,
    nav .menu > li,
    nav .navbar-end > * {
        animation: none !important;
        opacity: 1;
        transform: none;
    }
}

.no-split {
    white-space: nowrap;
}

/* Correccion de navbar: centrado real y logo completo visible. */
nav.font-inconsolata.fixed {
    left: 50% !important;
    right: auto !important;
    width: min(98vw, calc(100vw - 1.5rem)) !important;
    max-width: calc(100vw - 1.5rem);
    transform: translateX(-50%) !important;
    translate: none !important;
    overflow: visible;
}

nav.font-inconsolata.fixed .navbar {
    overflow: visible;
}

nav .navbar-start {
    min-width: clamp(8rem, 15vw, 12rem);
    flex-shrink: 0;
    overflow: visible;
}

nav .navbar-start img[alt="Mi Estantería"],
nav img[alt="Mi Estantería"]:first-child {
    max-width: 100%;
    object-fit: contain;
}

@media (max-width: 767px) {
    nav.font-inconsolata.fixed {
        width: calc(100vw - 1rem) !important;
    }

    nav .navbar-start {
        min-width: 7.25rem;
    }
}

/* Ajuste final del tamaño del logo dentro de la barra. */
nav .navbar-start img[alt="Mi Estantería"],
nav img[alt="Mi Estantería"]:first-child {
    width: clamp(6.2rem, 8.2vw, 8.4rem) !important;
    max-height: 4.25rem;
    object-fit: contain;
}

nav .navbar-start {
    min-width: clamp(7.25rem, 11vw, 10rem);
    align-items: center;
}

nav .navbar {
    min-height: 5.1rem;
    align-items: center;
}

@media (max-width: 767px) {
    nav .navbar-start img[alt="Mi Estantería"],
    nav img[alt="Mi Estantería"]:first-child {
        width: 5.9rem !important;
        max-height: 3.8rem;
    }

    nav .navbar {
        min-height: 4.8rem;
    }
}

/* Palabras destacadas en azul, no letra por letra. */
.word-wave-item {
    display: inline-block;
    transition: color 220ms ease, text-shadow 220ms ease, transform 220ms ease;
}

.word-wave-item.is-blue {
    color: #0284c7;
    text-shadow: 0 0 20px rgba(2, 132, 199, 0.36);
    transform: translateY(-1px);
}

/* Barra inferior/categorias con color mas llamativo y alineado al nuevo diseno. */
body .bg-secondary.m-5.rounded-lg.text-secondary-content {
    background: linear-gradient(100deg, #061826 0%, #02577a 44%, #ef3b00 100%) !important;
    color: #fff7ed !important;
    border: 1px solid rgba(255, 255, 255, 0.24);
    box-shadow: 0 22px 60px rgba(2, 87, 122, 0.22);
}

body .bg-secondary.m-5.rounded-lg.text-secondary-content a {
    color: #fff7ed !important;
}

body .bg-secondary.m-5.rounded-lg.text-secondary-content a:hover {
    background: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
}

/* Texto central más moderno, legible y con puntuación protegida. */
.intro-copy {
    max-width: 72rem;
    margin-top: clamp(3rem, 6vw, 5.5rem);
}

.intro-copy p {
    font-family: Manrope, Inter, system-ui, sans-serif;
    font-size: clamp(1.2rem, 2.25vw, 2rem);
    line-height: 1.35;
    font-weight: 650;
    letter-spacing: 0;
    color: #15110f;
}

.intro-copy strong {
    font-weight: 900;
    white-space: nowrap;
}

.intro-copy strong.word-wave-item,
.intro-copy .word-wave-item strong {
    white-space: nowrap;
}

.word-wave-item.is-blue {
    color: #0277bd;
    text-shadow: 0 0 22px rgba(2, 119, 189, 0.32);
}

@media (max-width: 767px) {
    .intro-copy {
        margin-top: 2.25rem;
        padding-inline: 1.15rem;
    }

    .intro-copy p {
        font-size: clamp(1.05rem, 5vw, 1.35rem);
        line-height: 1.42;
        text-wrap: pretty;
    }
}

/* Recorrido premium mas lento para palabras destacadas. */
.word-wave-item {
    transition: color 420ms ease, text-shadow 420ms ease, transform 420ms ease, background-size 420ms ease;
}

.word-wave-item.is-blue {
    color: #b86b16;
    text-shadow: 0 0 18px rgba(184, 107, 22, 0.28), 0 0 34px rgba(239, 59, 0, 0.16);
    transform: translateY(-2px);
}

.intro-copy strong.word-wave-item.is-blue,
.intro-copy .word-wave-item.is-blue strong {
    color: #b86b16;
}

/* Ajuste para el logo a color. */
nav .navbar-start img[src$="logo_navbar_color.png"],
nav img[src$="logo_navbar_color.png"]:first-child {
    filter: drop-shadow(0 10px 18px rgba(24, 17, 14, 0.12));
}

nav .navbar-start img[src$="logo_navbar_color.png"]:hover,
nav img[src$="logo_navbar_color.png"]:first-child:hover {
    filter: drop-shadow(0 16px 26px rgba(2, 119, 189, 0.18));
}

/* Movimiento previo al intercambio: las tarjetas viajan antes de cambiar imagen. */
#auto-height.fixed-slot-carousel .carousel-slide {
    --move-one: clamp(13rem, 18vw, 21rem);
    --move-two: clamp(18rem, 26vw, 31rem);
    --move-exit: clamp(10rem, 15vw, 18rem);
}

#auto-height.fixed-slot-carousel .carousel-slide.is-moving-next:nth-child(1) {
    transform: translateX(var(--move-one)) translateY(-6px) scale(1.05);
    z-index: 4;
}

#auto-height.fixed-slot-carousel .carousel-slide.is-moving-next:nth-child(2) {
    transform: translateX(var(--move-two)) translateY(-8px) scale(1.06);
    z-index: 5;
}

#auto-height.fixed-slot-carousel .carousel-slide.is-moving-next:nth-child(3) {
    transform: translateX(var(--move-exit)) translateY(10px) scale(0.96);
    opacity: 0;
    filter: blur(3px) saturate(0.85);
    z-index: 1;
}

#auto-height.fixed-slot-carousel .carousel-slide.is-moving-prev:nth-child(1) {
    transform: translateX(calc(-1 * var(--move-exit))) translateY(10px) scale(0.96);
    opacity: 0;
    filter: blur(3px) saturate(0.85);
    z-index: 1;
}

#auto-height.fixed-slot-carousel .carousel-slide.is-moving-prev:nth-child(2) {
    transform: translateX(calc(-1 * var(--move-one))) translateY(-5px) scale(0.96);
    z-index: 4;
}

#auto-height.fixed-slot-carousel .carousel-slide.is-moving-prev:nth-child(3) {
    transform: translateX(calc(-1 * var(--move-two))) translateY(-8px) scale(0.94);
    z-index: 5;
}

#auto-height.fixed-slot-carousel .carousel-slide.is-swapping {
    opacity: 0;
    filter: blur(5px) saturate(0.8) brightness(1.06);
}

@media (max-width: 767px) {
    #auto-height.fixed-slot-carousel .carousel-slide {
        --move-one: 38vw;
        --move-two: 46vw;
        --move-exit: 24vw;
    }
}

/* Categorias como botones brillantes. */
body .bg-secondary.m-5.rounded-lg.text-secondary-content {
    align-items: center;
    border-radius: 1.1rem !important;
    padding: 1rem 1.15rem !important;
    gap: 1.2rem !important;
}

body .bg-secondary.m-5.rounded-lg.text-secondary-content .font-serif {
    color: #fff7ed;
    font-weight: 900;
    letter-spacing: 0;
    white-space: nowrap;
}

body .bg-secondary.m-5.rounded-lg.text-secondary-content a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.65rem;
    padding: 0 1rem !important;
    border-radius: 999px !important;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 247, 237, 0.32);
    color: #fff7ed !important;
    font-weight: 900;
    box-shadow: 0 10px 26px rgba(2, 87, 122, 0.18), inset 0 1px 0 rgba(255,255,255,0.28);
    transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease, background 220ms ease;
}

body .bg-secondary.m-5.rounded-lg.text-secondary-content a::before {
    content: "";
    position: absolute;
    inset: -35% auto -35% -55%;
    width: 45%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.62), transparent);
    transform: skewX(-18deg);
    animation: category-button-shine 3.8s ease-in-out infinite;
    animation-delay: calc(var(--shine-delay, 0) * 180ms);
}

body .bg-secondary.m-5.rounded-lg.text-secondary-content a:nth-child(1) { --shine-delay: 1; }
body .bg-secondary.m-5.rounded-lg.text-secondary-content a:nth-child(2) { --shine-delay: 2; }
body .bg-secondary.m-5.rounded-lg.text-secondary-content a:nth-child(3) { --shine-delay: 3; }
body .bg-secondary.m-5.rounded-lg.text-secondary-content a:nth-child(4) { --shine-delay: 4; }
body .bg-secondary.m-5.rounded-lg.text-secondary-content a:nth-child(5) { --shine-delay: 5; }
body .bg-secondary.m-5.rounded-lg.text-secondary-content a:nth-child(6) { --shine-delay: 6; }
body .bg-secondary.m-5.rounded-lg.text-secondary-content a:nth-child(7) { --shine-delay: 7; }
body .bg-secondary.m-5.rounded-lg.text-secondary-content a:nth-child(8) { --shine-delay: 8; }

body .bg-secondary.m-5.rounded-lg.text-secondary-content a:hover {
    transform: translateY(-3px) scale(1.03);
    background: rgba(255, 247, 237, 0.2) !important;
    border-color: rgba(255, 214, 122, 0.82);
    box-shadow: 0 16px 34px rgba(239, 59, 0, 0.2), 0 0 0 3px rgba(255, 214, 122, 0.12), inset 0 1px 0 rgba(255,255,255,0.38);
}

@keyframes category-button-shine {
    0%, 48%, 100% { left: -55%; opacity: 0; }
    58% { opacity: 0.85; }
    76% { left: 112%; opacity: 0; }
}

@media (max-width: 767px) {
    body .bg-secondary.m-5.rounded-lg.text-secondary-content {
        display: grid !important;
        gap: 0.75rem !important;
    }

    body .bg-secondary.m-5.rounded-lg.text-secondary-content > div:last-child {
        display: flex;
        gap: 0.6rem !important;
        overflow-x: auto;
        padding-bottom: 0.2rem;
    }

    body .bg-secondary.m-5.rounded-lg.text-secondary-content a {
        min-height: 2.45rem;
        padding-inline: 0.9rem !important;
    }
}

body .bg-secondary.m-5.rounded-lg.text-secondary-content a.is-glowing-pass {
    background: linear-gradient(100deg, rgba(255, 247, 237, 0.96), rgba(255, 214, 122, 0.95), rgba(14, 165, 233, 0.86)) !important;
    border-color: rgba(255, 247, 237, 0.9);
    color: #071826 !important;
    box-shadow: 0 18px 38px rgba(14, 165, 233, 0.3), 0 0 0 4px rgba(255, 214, 122, 0.14), inset 0 1px 0 rgba(255,255,255,0.7);
    transform: translateY(-2px) scale(1.025);
}

/* Carrusel fijo: no se mueven las tarjetas; desaparece el grupo y vuelve con nuevas imagenes. */
#auto-height.fixed-slot-carousel .carousel-slide.is-moving-next,
#auto-height.fixed-slot-carousel .carousel-slide.is-moving-prev,
#auto-height.fixed-slot-carousel .carousel-slide.is-swapping {
    transform: none !important;
    opacity: inherit;
    filter: none;
}

#auto-height.fixed-slot-carousel .carousel-body {
    transition: opacity 360ms ease, filter 360ms ease, transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

#auto-height.fixed-slot-carousel.is-carousel-vanishing .carousel-body {
    opacity: 0;
    filter: blur(7px) saturate(0.72) brightness(1.08);
    transform: scale(0.985);
}

#auto-height.fixed-slot-carousel.is-carousel-returning .carousel-body {
    animation: carousel-return-pop 520ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes carousel-return-pop {
    from {
        opacity: 0;
        filter: blur(6px) saturate(0.85) brightness(1.04);
        transform: translateY(12px) scale(0.985);
    }
    to {
        opacity: 1;
        filter: blur(0) saturate(1) brightness(1);
        transform: translateY(0) scale(1);
    }
}

/* Sincroniza el brillo blanco con el cambio de color del boton activo. */
body .bg-secondary.m-5.rounded-lg.text-secondary-content a::before {
    animation: none !important;
    opacity: 0;
}

body .bg-secondary.m-5.rounded-lg.text-secondary-content a.is-glowing-pass {
    background: linear-gradient(100deg, #fff7ed 0%, #ffd66f 46%, #f04405 100%) !important;
    border-color: rgba(255, 247, 237, 0.95);
    color: #071826 !important;
    box-shadow:
        0 18px 42px rgba(240, 68, 5, 0.26),
        0 0 0 4px rgba(255, 214, 111, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.82);
    transform: translateY(-2px) scale(1.035);
}

body .bg-secondary.m-5.rounded-lg.text-secondary-content a.is-glowing-pass::before {
    opacity: 1;
    animation: active-category-shine 720ms ease-out both !important;
}

@keyframes active-category-shine {
    0% {
        left: -60%;
        opacity: 0;
    }
    20% {
        opacity: 0.95;
    }
    100% {
        left: 118%;
        opacity: 0;
    }
}

/* Boton activo sin cambio de color: solo crece para llamar la atencion. */
body .bg-secondary.m-5.rounded-lg.text-secondary-content a.is-glowing-pass {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 247, 237, 0.42);
    color: #fff7ed !important;
    box-shadow:
        0 16px 34px rgba(255, 247, 237, 0.16),
        0 0 0 4px rgba(255, 255, 255, 0.08),
        inset 0 1px 0 rgba(255,255,255,0.34);
    transform: translateY(-2px) scale(1.08);
}

body .bg-secondary.m-5.rounded-lg.text-secondary-content a.is-glowing-pass::before {
    opacity: 1;
    animation: active-category-shine 720ms ease-out both !important;
}

/* Cambio de imagen sin ocultar todo el carrusel durante el ciclo visible. */
#auto-height.fixed-slot-carousel .carousel-slide.is-image-changing {
    opacity: 0.12;
    filter: blur(4px) saturate(0.82) brightness(1.05);
    transform: scale(0.992);
}

/* El carrusel permanece siempre visible; solo pulsa la imagen al cambiar. */
#auto-height.fixed-slot-carousel.is-carousel-vanishing .carousel-body,
#auto-height.fixed-slot-carousel.is-carousel-returning .carousel-body {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    animation: none !important;
}

#auto-height.fixed-slot-carousel .carousel-slide.is-image-changing {
    opacity: 1 !important;
    filter: saturate(1.18) contrast(1.04) brightness(1.08) !important;
    transform: scale(1.012) !important;
}

/* Etiquetas elegantes y proporcionales en las tarjetas del carrusel. */
#auto-height.fixed-slot-carousel .carousel-slide::after {
    left: clamp(0.7rem, 3.8%, 1.25rem) !important;
    right: auto !important;
    bottom: clamp(0.65rem, 4.5%, 1.35rem) !important;
    min-height: auto !important;
    width: auto !important;
    max-width: calc(100% - 1.4rem) !important;
    padding: 0.48rem 0.86rem !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(255, 247, 236, 0.76)) !important;
    box-shadow: 0 14px 36px rgba(18, 12, 9, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
    color: #2b211b !important;
    font-family: Inconsolata, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
    font-size: clamp(0.72rem, 1.1vw, 0.92rem) !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    opacity: 0 !important;
    transform: translateY(10px) scale(0.94) !important;
    transition: opacity 240ms ease, transform 320ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 320ms ease !important;
    backdrop-filter: blur(10px) saturate(1.25) !important;
}

#auto-height.fixed-slot-carousel .carousel-slide:hover::after {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
}

#auto-height.fixed-slot-carousel .carousel-slide:nth-child(1)::after {
    content: "Leer" !important;
    padding: 0.42rem 0.72rem !important;
    font-size: clamp(0.68rem, 0.9vw, 0.82rem) !important;
    bottom: 8% !important;
}

#auto-height.fixed-slot-carousel .carousel-slide:nth-child(2)::after {
    content: "Descubrir" !important;
    padding: 0.54rem 0.95rem !important;
    font-size: clamp(0.78rem, 1vw, 0.96rem) !important;
    bottom: 7% !important;
}

#auto-height.fixed-slot-carousel .carousel-slide:nth-child(3)::after {
    content: "Publicar" !important;
    padding: 0.66rem 1.1rem !important;
    font-size: clamp(0.86rem, 1.1vw, 1.05rem) !important;
    bottom: 6.5% !important;
}

#auto-height.fixed-slot-carousel .carousel-slide:hover img {
    filter: saturate(1.12) contrast(1.05) brightness(0.92) !important;
}

@media (max-width: 767px) {
    #auto-height.fixed-slot-carousel .carousel-slide::after {
        display: inline-flex !important;
        padding: 0.38rem 0.62rem !important;
        font-size: 0.66rem !important;
        bottom: 0.55rem !important;
        left: 0.55rem !important;
        max-width: calc(100% - 1.1rem) !important;
    }

    #auto-height.fixed-slot-carousel .carousel-slide:nth-child(3)::after {
        display: none !important;
    }
}

/* Giro elegante del logo principal. */
nav .navbar-start img[src$="logo_navbar_color.png"],
nav img[src$="logo_navbar_color.png"]:first-child {
    transform-origin: center center !important;
    transform-style: preserve-3d;
    backface-visibility: visible;
    animation: logo-book-pop 1.15s cubic-bezier(0.22, 1, 0.36, 1) 180ms both, logo-elegant-spin 7.8s cubic-bezier(0.45, 0, 0.2, 1) 1.7s infinite !important;
    will-change: transform, filter;
}

nav .navbar-start img[src$="logo_navbar_color.png"]:hover,
nav img[src$="logo_navbar_color.png"]:first-child:hover {
    animation-play-state: paused !important;
    transform: perspective(760px) rotateY(0deg) translateY(-2px) scale(1.06) !important;
    filter: drop-shadow(0 18px 30px rgba(2, 119, 189, 0.22)) drop-shadow(0 8px 18px rgba(232, 69, 4, 0.18)) !important;
}

@keyframes logo-elegant-spin {
    0%, 18% {
        transform: perspective(760px) rotateY(0deg) rotateZ(0deg) translateY(0) scale(1);
    }
    34% {
        transform: perspective(760px) rotateY(16deg) rotateZ(-0.7deg) translateY(-1px) scale(1.018);
    }
    50% {
        transform: perspective(760px) rotateY(0deg) rotateZ(0deg) translateY(0) scale(1);
    }
    66% {
        transform: perspective(760px) rotateY(-16deg) rotateZ(0.7deg) translateY(-1px) scale(1.018);
    }
    82%, 100% {
        transform: perspective(760px) rotateY(0deg) rotateZ(0deg) translateY(0) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    nav .navbar-start img[src$="logo_navbar_color.png"],
    nav img[src$="logo_navbar_color.png"]:first-child {
        animation: none !important;
        transform: none !important;
    }
}

/* Giro real continuo del logo. */
nav .navbar-start img[src$="logo_navbar_color.png"],
nav img[src$="logo_navbar_color.png"]:first-child {
    transform-origin: center center !important;
    animation: logo-book-pop 1.15s cubic-bezier(0.22, 1, 0.36, 1) 180ms both, logo-full-spin 8.5s linear 1.7s infinite !important;
}

nav .navbar-start img[src$="logo_navbar_color.png"]:hover,
nav img[src$="logo_navbar_color.png"]:first-child:hover {
    animation-play-state: running !important;
    filter: drop-shadow(0 18px 30px rgba(2, 119, 189, 0.22)) drop-shadow(0 8px 18px rgba(232, 69, 4, 0.18)) !important;
}

@keyframes logo-full-spin {
    from {
        transform: rotate(0deg) scale(1);
    }
    50% {
        transform: rotate(180deg) scale(1.035);
    }
    to {
        transform: rotate(360deg) scale(1);
    }
}

/* Giro horizontal del logo, como una tarjeta sobre su eje vertical. */
nav .navbar-start img[src$="logo_navbar_color.png"],
nav img[src$="logo_navbar_color.png"]:first-child {
    transform-origin: center center !important;
    transform-style: preserve-3d !important;
    backface-visibility: visible !important;
    animation: logo-book-pop 1.15s cubic-bezier(0.22, 1, 0.36, 1) 180ms both, logo-horizontal-spin 7.5s cubic-bezier(0.45, 0, 0.2, 1) 1.7s infinite !important;
}

nav .navbar-start img[src$="logo_navbar_color.png"]:hover,
nav img[src$="logo_navbar_color.png"]:first-child:hover {
    animation-play-state: running !important;
    filter: drop-shadow(0 18px 30px rgba(2, 119, 189, 0.22)) drop-shadow(0 8px 18px rgba(232, 69, 4, 0.18)) !important;
}

@keyframes logo-horizontal-spin {
    0%, 16% {
        transform: perspective(820px) rotateY(0deg) scale(1);
    }
    38% {
        transform: perspective(820px) rotateY(180deg) scale(1.035);
    }
    62% {
        transform: perspective(820px) rotateY(360deg) scale(1);
    }
    100% {
        transform: perspective(820px) rotateY(360deg) scale(1);
    }
}

/* Footer final en azul con letras blancas. */
body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary {
    background: linear-gradient(135deg, #063c73 0%, #075fa8 46%, #0487d9 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.22);
    box-shadow: 0 26px 70px rgba(4, 87, 151, 0.24);
}

body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary,
body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary p,
body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary nav,
body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary h6,
body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary a {
    color: #ffffff !important;
}

body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary .footer-title {
    color: #ffffff !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.18);
}

body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary a {
    transition: color 220ms ease, transform 220ms ease, text-shadow 220ms ease;
}

body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary a:hover {
    color: #e8f7ff !important;
    transform: translateX(3px);
    text-shadow: 0 0 14px rgba(255, 255, 255, 0.42);
}



/* Home repair layer: keeps the single-file CSS setup without letting old global headings break the landing page. */
.home-page h1,
.home-page h2,
.home-page h3 {
    max-width: none;
    margin: 0;
    letter-spacing: 0;
}

.home-page .font-serif {
    font-family: "DM Serif Display", Georgia, serif;
}

.home-page .font-inconsolata {
    font-family: Inconsolata, monospace;
}

.home-page nav.fixed {
    width: min(96rem, calc(100% - 1rem));
    max-width: calc(100vw - 1rem);
}

.home-page nav .navbar {
    min-height: 4rem;
    padding-inline: clamp(0.75rem, 2vw, 1.5rem);
}

.home-page nav .navbar-start img[src$="logo_navbar_color.png"] {
    width: clamp(4rem, 9vw, 10rem) !important;
    height: auto;
}

.home-page #mas_vendidos h1,
.home-page #novedades h1 {
    margin: clamp(1.75rem, 4vw, 2.5rem) auto;
    padding-inline: 1rem;
    text-align: center;
    color: #2b211b;
    font-size: clamp(1.5rem, 3vw, 2.35rem);
    line-height: 1.05;
}

.home-page #mas_vendidos + div,
.home-page #novedades + div {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 15.5rem), 1fr));
    align-items: stretch !important;
    justify-content: initial !important;
    gap: clamp(1rem, 2vw, 2rem) !important;
    width: min(100% - 2rem, 80rem);
    margin-inline: auto !important;
    padding: clamp(1rem, 2.8vw, 2.5rem) !important;
    overflow: visible !important;
}

.home-page #mas_vendidos + div > div,
.home-page #novedades + div > div {
    min-width: 0 !important;
    width: 100% !important;
    min-height: 22.5rem;
    height: auto !important;
    overflow: hidden;
    transform: none;
}

.home-page #mas_vendidos + div > div:hover,
.home-page #novedades + div > div:hover {
    transform: translateY(-0.2rem) !important;
}

.home-page #mas_vendidos + div > div img,
.home-page #novedades + div > div img {
    width: min(42%, 7rem) !important;
    height: auto;
    margin-inline: auto;
}

.home-page #mas_vendidos + div > div h1,
.home-page #novedades + div > div h1 {
    font-size: 1.125rem !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
}

.home-page #mas_vendidos + div > div h2,
.home-page #novedades + div > div h2,
.home-page #mas_vendidos + div > div .font-inconsolata,
.home-page #novedades + div > div .font-inconsolata {
    font-size: 0.875rem !important;
    line-height: 1.25 !important;
}

.home-page #mas_vendidos + div > div .mt-10,
.home-page #novedades + div > div .mt-10 {
    margin-top: 2.5rem !important;
}

.home-page #mas_vendidos + div > div .mt-5,
.home-page #novedades + div > div .mt-5 {
    margin-top: 1.25rem !important;
}

.home-page #mas_vendidos + div > div .text-xs,
.home-page #novedades + div > div .text-xs {
    font-size: 0.75rem !important;
}

.home-page .raty-read-only::before {
    font-size: 0.78rem !important;
    letter-spacing: 0.04em;
}

.home-page .bg-secondary.m-5.rounded-lg.text-secondary-content {
    width: min(100% - 2rem, 80rem);
    margin-inline: auto !important;
}

@media (max-width: 767px) {
    .home-page nav .navbar-start img[src$="logo_navbar_color.png"] {
        width: 4.5rem !important;
    }

    .home-page #mas_vendidos + div,
    .home-page #novedades + div {
        grid-template-columns: 1fr;
        width: min(100% - 1rem, 28rem);
        padding: 1rem !important;
    }

    .home-page #mas_vendidos h1,
    .home-page #novedades h1 {
        font-size: 1.45rem;
    }
}

/* Desktop restore: match the previous wide-screen landing layout. */
@media (min-width: 1024px) {
    .home-page body,
    body.home-page {
        overflow-x: hidden;
    }

    .home-page > div.w-full:first-of-type {
        height: min(100vh, 58rem) !important;
        max-height: none !important;
        min-height: 44rem;
        overflow: hidden !important;
    }

    .home-page > div.w-full:first-of-type img[alt="Mi Estantería"] {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center top !important;
    }

    .home-page > div.w-full:first-of-type + .font-serif {
        position: absolute !important;
        top: clamp(8rem, 13vh, 10rem) !important;
        left: clamp(2rem, 3.2vw, 4rem) !important;
        right: auto !important;
        width: min(34rem, 42vw) !important;
        max-width: none !important;
        padding: 0 !important;
        text-align: left !important;
        z-index: 25 !important;
        transform: none !important;
        translate: none !important;
        pointer-events: none;
    }

    .home-page > div.w-full:first-of-type + .font-serif p {
        display: block !important;
        margin: 0 !important;
        color: #111 !important;
        font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif !important;
        font-size: clamp(4.2rem, 5.6vw, 7rem) !important;
        font-weight: 900 !important;
        letter-spacing: -0.05em !important;
        line-height: 0.82 !important;
        text-align: left !important;
        text-transform: uppercase;
        white-space: normal !important;
    }

    .home-page > div.w-full:first-of-type + .font-serif p:nth-child(3),
    .home-page > div.w-full:first-of-type + .font-serif p:nth-child(3) span {
        color: #ef3b00 !important;
    }

    .home-page #auto-height,
    .home-page #auto-height.fixed-slot-carousel,
    .home-page #auto-height.editorial-carousel {
        position: absolute !important;
        left: clamp(39rem, 46vw, 49rem) !important;
        right: clamp(1rem, 2.2vw, 2.75rem) !important;
        top: auto !important;
        bottom: clamp(1.25rem, 3vh, 2.25rem) !important;
        width: auto !important;
        height: clamp(15rem, 28vh, 21rem) !important;
        padding: 0 !important;
        overflow: visible !important;
        z-index: 24 !important;
    }

    .home-page #auto-height .carousel,
    .home-page #auto-height .carousel-body {
        width: 100% !important;
        height: 100% !important;
        overflow: visible !important;
    }

    .home-page #auto-height .carousel-body {
        display: block !important;
        transform: none !important;
    }

    .home-page #auto-height .carousel-slide {
        position: absolute !important;
        min-width: 0 !important;
        overflow: hidden !important;
        border: 1px solid rgba(255,255,255,0.72);
        border-radius: 0.65rem !important;
        box-shadow: 0 28px 70px rgba(18, 12, 9, 0.24) !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(1) {
        left: -17rem !important;
        bottom: 0 !important;
        width: clamp(24rem, 31vw, 38rem) !important;
        height: 62% !important;
        z-index: 1 !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(2) {
        left: 0 !important;
        bottom: 0 !important;
        width: clamp(33rem, 43vw, 52rem) !important;
        height: 74% !important;
        z-index: 2 !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(3) {
        right: 0 !important;
        bottom: 4% !important;
        width: clamp(28rem, 34vw, 43rem) !important;
        height: 86% !important;
        z-index: 3 !important;
    }

    .home-page #auto-height .carousel-slide img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .home-page #auto-height .carousel-prev,
    .home-page #auto-height .carousel-next,
    .home-page #auto-height::before,
    .home-page #auto-height .carousel-slide::before,
    .home-page #auto-height .carousel-slide::after {
        display: none !important;
        content: none !important;
    }

    .home-page #auto-height + .divider,
    .home-page > div.w-full:first-of-type + .font-serif + .divider {
        display: none !important;
    }

    .home-page .intro-copy {
        margin: clamp(2.2rem, 5vw, 4rem) auto clamp(2rem, 4vw, 3.5rem) !important;
        padding-inline: 1rem !important;
        width: min(100% - 2rem, 68rem) !important;
    }

    .home-page .intro-copy p {
        font-size: clamp(1.55rem, 1.9vw, 2rem) !important;
        line-height: 1.38 !important;
    }

    .home-page .bg-secondary.m-5.rounded-lg.text-secondary-content {
        width: calc(100% - 2rem) !important;
        max-width: none !important;
        margin: 0 auto 2.25rem !important;
        padding: 1rem 1.15rem !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 2.5rem !important;
        overflow-x: auto !important;
    }

    .home-page #mas_vendidos h1,
    .home-page #novedades h1 {
        font-size: clamp(2rem, 2.3vw, 2.8rem) !important;
        margin: 2.25rem auto 2.75rem !important;
    }

    .home-page #mas_vendidos + div,
    .home-page #novedades + div {
        display: flex !important;
        align-items: stretch !important;
        justify-content: space-between !important;
        gap: 2.5rem !important;
        width: calc(100% - 2rem) !important;
        max-width: none !important;
        margin: 0 auto !important;
        padding: 2.5rem !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
    }

    .home-page #mas_vendidos + div > div,
    .home-page #novedades + div > div {
        flex: 1 0 21rem !important;
        min-width: 21rem !important;
        max-width: none !important;
        min-height: 23.5rem !important;
        height: auto !important;
    }

    .home-page #mas_vendidos + div > div img,
    .home-page #novedades + div > div img {
        width: min(42%, 9.5rem) !important;
    }
}

@media (min-width: 1600px) {
    .home-page #mas_vendidos + div > div,
    .home-page #novedades + div > div {
        flex-basis: 25rem !important;
        min-width: 25rem !important;
    }
}

@media (max-width: 1023px) {
    .home-page > div.w-full:first-of-type + .font-serif p {
        font-size: clamp(2.4rem, 12vw, 4.6rem) !important;
        line-height: 0.85 !important;
    }

    .home-page #auto-height.fixed-slot-carousel,
    .home-page #auto-height.editorial-carousel,
    .home-page #auto-height {
        left: 1rem !important;
        right: 1rem !important;
        width: auto !important;
    }
}

/* Book card restore: taller cards and complete cover images. */
.home-page #mas_vendidos + div > div,
.home-page #novedades + div > div {
    display: flex !important;
    flex-direction: column !important;
    min-height: 29rem !important;
    padding-bottom: 1.15rem !important;
}

.home-page #mas_vendidos + div > div > .flex.justify-center.p-5,
.home-page #novedades + div > div > .flex.justify-center.p-5 {
    min-height: 14.5rem !important;
    padding: 1.35rem 1rem 1rem !important;
    align-items: center !important;
}

.home-page #mas_vendidos + div > div img,
.home-page #novedades + div > div img {
    width: auto !important;
    max-width: 9.75rem !important;
    height: 13.25rem !important;
    object-fit: contain !important;
    object-position: center !important;
}

.home-page #mas_vendidos + div > div > .px-5,
.home-page #novedades + div > div > .px-5 {
    padding-inline: 1.35rem !important;
}

.home-page #mas_vendidos + div > div > .px-5:first-of-type,
.home-page #novedades + div > div > .px-5:first-of-type {
    flex: 1 1 auto !important;
}

.home-page #mas_vendidos + div > div .mt-10,
.home-page #novedades + div > div .mt-10 {
    margin-top: 2rem !important;
}

.home-page #mas_vendidos + div > div > .px-5.mt-5,
.home-page #novedades + div > div > .px-5.mt-5 {
    margin-top: auto !important;
    padding-top: 1rem !important;
}

.home-page #mas_vendidos + div > div h1,
.home-page #novedades + div > div h1 {
    min-height: 2.45rem;
}

@media (min-width: 1024px) {
    .home-page #mas_vendidos + div > div,
    .home-page #novedades + div > div {
        flex-basis: 24rem !important;
        min-width: 24rem !important;
        min-height: 31rem !important;
    }

    .home-page #mas_vendidos + div > div > .flex.justify-center.p-5,
    .home-page #novedades + div > div > .flex.justify-center.p-5 {
        min-height: 16rem !important;
    }

    .home-page #mas_vendidos + div > div img,
    .home-page #novedades + div > div img {
        max-width: 10.75rem !important;
        height: 14.75rem !important;
    }
}

@media (min-width: 1600px) {
    .home-page #mas_vendidos + div > div,
    .home-page #novedades + div > div {
        flex-basis: 27rem !important;
        min-width: 27rem !important;
        min-height: 33rem !important;
    }

    .home-page #mas_vendidos + div > div > .flex.justify-center.p-5,
    .home-page #novedades + div > div > .flex.justify-center.p-5 {
        min-height: 17.75rem !important;
    }

    .home-page #mas_vendidos + div > div img,
    .home-page #novedades + div > div img {
        max-width: 11.75rem !important;
        height: 16.25rem !important;
    }
}

/* Elegant action buttons: cart and login. */
.home-page nav .btn,
.info-page .info-button,
.auth-page .auth-primary-btn {
    border: 1px solid rgba(43, 33, 27, 0.16) !important;
    background: linear-gradient(135deg, rgba(255, 250, 243, 0.88), rgba(255, 255, 255, 0.58)) !important;
    color: #2b211b !important;
    box-shadow: 0 10px 26px rgba(43, 33, 27, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease, background 220ms ease !important;
}

.home-page nav .btn:hover,
.info-page .info-button:hover,
.auth-page .auth-primary-btn:hover {
    border-color: rgba(166, 116, 57, 0.45) !important;
    background: linear-gradient(135deg, rgba(255, 252, 245, 0.96), rgba(246, 232, 210, 0.78)) !important;
    box-shadow: 0 0 0 4px rgba(220, 165, 76, 0.12), 0 18px 42px rgba(43, 33, 27, 0.18), 0 0 26px rgba(220, 165, 76, 0.22) !important;
    transform: translateY(-2px) !important;
}

.nav-user-summary,
.nav-user-menu-mobile {
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    border: 1px solid rgba(43, 33, 27, 0.16);
    background: linear-gradient(135deg, rgba(255, 250, 243, 0.92), rgba(255, 255, 255, 0.68));
    box-shadow: 0 10px 26px rgba(43, 33, 27, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.8);
    color: #2b211b;
}

.nav-user-summary[hidden],
.nav-user-menu-mobile[hidden] {
    display: none !important;
}

.nav-user-summary {
    min-height: 3rem;
    padding: .35rem .45rem .35rem .35rem;
    border-radius: 999px;
}

.nav-user-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 50%;
    background: linear-gradient(135deg, #0277bd, #ef3b00);
    color: #ffffff;
    font-family: var(--font-inconsolata), Inconsolata, monospace;
    font-size: 1.05rem;
    font-weight: 900;
    box-shadow: 0 8px 18px rgba(2, 119, 189, 0.2);
    flex: 0 0 auto;
}

.nav-user-copy {
    display: grid;
    gap: .05rem;
    line-height: 1;
    padding-right: .35rem;
}

.nav-user-copy strong,
.nav-user-name {
    max-width: 9.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--font-inconsolata), Inconsolata, monospace;
    font-size: .95rem;
    font-weight: 900;
}

.nav-user-copy a,
.nav-logout-link {
    color: #b8322a;
    font-family: var(--font-inconsolata), Inconsolata, monospace;
    font-size: .78rem;
    font-weight: 900;
    text-decoration: none;
}

.nav-user-copy a:hover,
.nav-logout-link:hover {
    color: #0277bd;
}

.nav-user-summary-mobile {
    padding-right: .55rem;
}

.nav-user-summary-mobile .nav-logout-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
}

.nav-user-menu-mobile {
    width: 100%;
    min-height: 3.2rem;
    padding: .45rem .65rem;
    border-radius: .75rem;
    justify-content: space-between;
}

.home-page nav .btn-primary,
.home-page nav a.btn-primary,
.home-page nav .btn.bg-none {
    min-height: 2.55rem;
    border-radius: 0.45rem !important;
    font-weight: 900;
}

.home-page nav .btn.bg-none,
.home-page nav a[href="carrito.html"] {
    min-width: 3.1rem;
    color: #2b211b !important;
}

.home-page nav .btn-primary::after,
.home-page nav a[href="carrito.html"]::after,
.home-page #mas_vendidos + div button::after,
.home-page #novedades + div button::after {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    pointer-events: none;
    opacity: 0;
    background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,0.75) 42%, transparent 58%);
    transform: translateX(-80%);
    transition: opacity 220ms ease, transform 520ms ease;
}

.home-page nav .btn-primary:hover::after,
.home-page nav a[href="carrito.html"]:hover::after,
.home-page #mas_vendidos + div button:hover::after,
.home-page #novedades + div button:hover::after {
    opacity: 1;
    transform: translateX(80%);
}

.home-page nav .btn-primary,
.home-page nav a[href="carrito.html"],
.home-page #mas_vendidos + div button,
.home-page #novedades + div button {
    position: relative;
    overflow: hidden;
}

.home-page #mas_vendidos + div button,
.home-page #novedades + div button {
    background: rgba(255, 250, 243, 0.9) !important;
    color: #2b211b !important;
    border: 1px solid rgba(43, 33, 27, 0.14) !important;
    box-shadow: 0 8px 22px rgba(43, 33, 27, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease !important;
}

.home-page #mas_vendidos + div button:hover,
.home-page #novedades + div button:hover {
    border-color: rgba(166, 116, 57, 0.45) !important;
    box-shadow: 0 0 0 4px rgba(220, 165, 76, 0.12), 0 14px 30px rgba(43, 33, 27, 0.18), 0 0 24px rgba(220, 165, 76, 0.2) !important;
    transform: translateY(-1px) !important;
}

/* Hero carousel restore: taller image cards on desktop. */
@media (min-width: 1024px) {
    .home-page #auto-height,
    .home-page #auto-height.fixed-slot-carousel,
    .home-page #auto-height.editorial-carousel {
        height: clamp(21rem, 34vh, 29rem) !important;
        bottom: clamp(0.75rem, 1.8vh, 1.5rem) !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(1) {
        left: -18rem !important;
        bottom: 0 !important;
        width: clamp(25rem, 32vw, 39rem) !important;
        height: 72% !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(2) {
        left: 0 !important;
        bottom: 0 !important;
        width: clamp(34rem, 44vw, 54rem) !important;
        height: 88% !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(3) {
        right: -1rem !important;
        bottom: 2% !important;
        width: clamp(31rem, 38vw, 47rem) !important;
        height: 98% !important;
    }

    .home-page #auto-height .carousel-slide img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
    }
}

@media (min-width: 1600px) {
    .home-page #auto-height,
    .home-page #auto-height.fixed-slot-carousel,
    .home-page #auto-height.editorial-carousel {
        height: clamp(25rem, 38vh, 34rem) !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(1) {
        width: clamp(29rem, 34vw, 44rem) !important;
        height: 74% !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(2) {
        width: clamp(40rem, 46vw, 60rem) !important;
        height: 90% !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(3) {
        width: clamp(36rem, 40vw, 52rem) !important;
        height: 100% !important;
    }
}

@media (max-width: 1023px) {
    .home-page #auto-height,
    .home-page #auto-height.fixed-slot-carousel,
    .home-page #auto-height.editorial-carousel {
        height: clamp(15rem, 28vh, 20rem) !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(1),
    .home-page #auto-height .carousel-slide:nth-child(2),
    .home-page #auto-height .carousel-slide:nth-child(3) {
        height: 86% !important;
    }
}

/* Hero carousel square cards: easier to appreciate the images. */
@media (min-width: 1024px) {
    .home-page #auto-height,
    .home-page #auto-height.fixed-slot-carousel,
    .home-page #auto-height.editorial-carousel {
        height: clamp(23rem, 36vh, 32rem) !important;
        left: clamp(35rem, 43vw, 48rem) !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(1) {
        left: -12rem !important;
        bottom: 0 !important;
        width: clamp(16rem, 18vw, 23rem) !important;
        height: clamp(16rem, 18vw, 23rem) !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(2) {
        left: clamp(8rem, 10vw, 13rem) !important;
        bottom: 0 !important;
        width: clamp(21rem, 25vw, 31rem) !important;
        height: clamp(21rem, 25vw, 31rem) !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(3) {
        right: 0 !important;
        bottom: 2% !important;
        width: clamp(20rem, 24vw, 30rem) !important;
        height: clamp(20rem, 24vw, 30rem) !important;
    }
}

@media (min-width: 1600px) {
    .home-page #auto-height,
    .home-page #auto-height.fixed-slot-carousel,
    .home-page #auto-height.editorial-carousel {
        height: clamp(28rem, 42vh, 38rem) !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(1) {
        width: clamp(20rem, 19vw, 26rem) !important;
        height: clamp(20rem, 19vw, 26rem) !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(2) {
        width: clamp(25rem, 27vw, 36rem) !important;
        height: clamp(25rem, 27vw, 36rem) !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(3) {
        width: clamp(24rem, 26vw, 35rem) !important;
        height: clamp(24rem, 26vw, 35rem) !important;
    }
}

/* Hero carousel balance: reduce the middle card closer to the previous composition. */
@media (min-width: 1024px) {
    .home-page #auto-height .carousel-slide:nth-child(2) {
        left: clamp(9rem, 11vw, 14rem) !important;
        bottom: 2% !important;
        width: clamp(18rem, 21vw, 26rem) !important;
        height: clamp(17rem, 20vw, 25rem) !important;
        z-index: 2 !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(3) {
        z-index: 3 !important;
    }
}

@media (min-width: 1600px) {
    .home-page #auto-height .carousel-slide:nth-child(2) {
        width: clamp(21rem, 23vw, 30rem) !important;
        height: clamp(20rem, 22vw, 29rem) !important;
    }
}

/* Hero carousel continuity: each card starts where the previous one ends. */
@media (min-width: 1024px) {
    .home-page #auto-height,
    .home-page #auto-height.fixed-slot-carousel,
    .home-page #auto-height.editorial-carousel {
        --hero-card-1-left: -10rem;
        --hero-card-1-size: clamp(19rem, 21vw, 26rem);
        --hero-card-2-size: clamp(18rem, 20vw, 25rem);
        --hero-card-3-size: clamp(22rem, 25vw, 31rem);
        left: clamp(35rem, 43vw, 48rem) !important;
        right: 0 !important;
        overflow: visible !important;
    }

    .home-page #auto-height .carousel,
    .home-page #auto-height .carousel-body {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        transform: none !important;
        translate: none !important;
        overflow: visible !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(1) {
        left: var(--hero-card-1-left) !important;
        width: var(--hero-card-1-size) !important;
        height: var(--hero-card-1-size) !important;
        bottom: 0 !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(2) {
        left: calc(var(--hero-card-1-left) + var(--hero-card-1-size) - 1px) !important;
        width: var(--hero-card-2-size) !important;
        height: var(--hero-card-2-size) !important;
        bottom: 0 !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(3) {
        left: calc(var(--hero-card-1-left) + var(--hero-card-1-size) + var(--hero-card-2-size) - 2px) !important;
        right: auto !important;
        width: var(--hero-card-3-size) !important;
        height: var(--hero-card-3-size) !important;
        bottom: 0 !important;
    }
}

@media (min-width: 1600px) {
    .home-page #auto-height,
    .home-page #auto-height.fixed-slot-carousel,
    .home-page #auto-height.editorial-carousel {
        --hero-card-1-left: -12rem;
        --hero-card-1-size: clamp(22rem, 22vw, 29rem);
        --hero-card-2-size: clamp(20rem, 21vw, 28rem);
        --hero-card-3-size: clamp(25rem, 27vw, 35rem);
    }
}


/* Restore original bold condensed hero typography. */
@media (min-width: 1024px) {
    .home-page > div.w-full:first-of-type + .font-serif {
        top: clamp(7.5rem, 12vh, 9.5rem) !important;
        left: clamp(2.8rem, 3.4vw, 4.2rem) !important;
        width: clamp(27rem, 30vw, 36rem) !important;
    }

    .home-page > div.w-full:first-of-type + .font-serif p {
        font-family: "Anton", Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif !important;
        font-weight: 400 !important;
        font-size: clamp(5rem, 6.2vw, 8.4rem) !important;
        line-height: 0.78 !important;
        letter-spacing: -0.035em !important;
        color: #050505 !important;
        text-shadow: none !important;
        text-transform: uppercase !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    .home-page > div.w-full:first-of-type + .font-serif p:nth-child(3),
    .home-page > div.w-full:first-of-type + .font-serif p:nth-child(3) span {
        color: #f23a05 !important;
        opacity: 1 !important;
    }
}

@media (max-width: 1023px) {
    .home-page > div.w-full:first-of-type + .font-serif p {
        font-family: "Anton", Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif !important;
        font-weight: 400 !important;
        line-height: 0.82 !important;
        letter-spacing: -0.03em !important;
        color: #050505 !important;
        text-transform: uppercase !important;
        text-shadow: none !important;
    }

    .home-page > div.w-full:first-of-type + .font-serif p:nth-child(3),
    .home-page > div.w-full:first-of-type + .font-serif p:nth-child(3) span {
        color: #f23a05 !important;
    }
}

/* Hero carousel equal cards: all three image cards use the same size. */
@media (min-width: 1024px) {
    .home-page #auto-height,
    .home-page #auto-height.fixed-slot-carousel,
    .home-page #auto-height.editorial-carousel {
        --hero-card-1-left: -10rem;
        --hero-card-size: clamp(20rem, 22vw, 28rem);
        height: var(--hero-card-size) !important;
        bottom: clamp(1rem, 2vh, 1.75rem) !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(1),
    .home-page #auto-height .carousel-slide:nth-child(2),
    .home-page #auto-height .carousel-slide:nth-child(3) {
        width: var(--hero-card-size) !important;
        height: var(--hero-card-size) !important;
        bottom: 0 !important;
        right: auto !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(1) {
        left: var(--hero-card-1-left) !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(2) {
        left: calc(var(--hero-card-1-left) + var(--hero-card-size) - 1px) !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(3) {
        left: calc(var(--hero-card-1-left) + (var(--hero-card-size) * 2) - 2px) !important;
    }
}

@media (min-width: 1600px) {
    .home-page #auto-height,
    .home-page #auto-height.fixed-slot-carousel,
    .home-page #auto-height.editorial-carousel {
        --hero-card-1-left: -12rem;
        --hero-card-size: clamp(24rem, 25vw, 34rem);
    }
}

/* Exact hero slogan restore: five condensed display lines like the original video. */
.home-page .hero-slogan {
    position: absolute !important;
    z-index: 30 !important;
    text-align: left !important;
    pointer-events: none;
    transform: none !important;
    translate: none !important;
    padding: 0 !important;
}

.home-page .hero-slogan p {
    margin: 0 !important;
    max-width: none !important;
    font-family: Impact, Haettenschweiler, "Arial Narrow Bold", "Anton", sans-serif !important;
    font-style: normal !important;
    font-weight: 900 !important;
    color: #030303 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.075em !important;
    line-height: 0.72 !important;
    text-align: left !important;
    text-shadow: none !important;
    opacity: 1 !important;
    white-space: nowrap !important;
    transform: scaleX(0.86) !important;
    transform-origin: left center !important;
}

.home-page .hero-slogan p:nth-child(4),
.home-page .hero-slogan p:nth-child(5),
.home-page .hero-slogan .text-primary {
    color: #f23a05 !important;
}

@media (min-width: 1024px) {
    .home-page .hero-slogan {
        top: clamp(7.2rem, 11.5vh, 9rem) !important;
        left: clamp(2.7rem, 3.2vw, 4rem) !important;
        width: clamp(25rem, 28vw, 34rem) !important;
    }

    .home-page .hero-slogan p {
        font-size: clamp(5rem, 6.15vw, 8.4rem) !important;
    }
}

@media (min-width: 1600px) {
    .home-page .hero-slogan p {
        font-size: clamp(6.2rem, 6.4vw, 9rem) !important;
    }
}

@media (max-width: 1023px) {
    .home-page .hero-slogan {
        top: 6.7rem !important;
        left: 1.4rem !important;
        width: 82vw !important;
    }

    .home-page .hero-slogan p {
        font-size: clamp(3rem, 15vw, 5.2rem) !important;
    }
}

/* Hero carousel staircase: equal cards reduced 23% and stepped upward. */
@media (min-width: 1024px) {
    .home-page #auto-height,
    .home-page #auto-height.fixed-slot-carousel,
    .home-page #auto-height.editorial-carousel {
        --hero-card-1-left: -7.7rem;
        --hero-card-size: clamp(15.4rem, 16.94vw, 21.56rem);
        height: calc(var(--hero-card-size) + 5.5rem) !important;
        bottom: clamp(1rem, 2vh, 1.75rem) !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(1),
    .home-page #auto-height .carousel-slide:nth-child(2),
    .home-page #auto-height .carousel-slide:nth-child(3) {
        width: var(--hero-card-size) !important;
        height: var(--hero-card-size) !important;
        right: auto !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(1) {
        left: var(--hero-card-1-left) !important;
        bottom: 0 !important;
        z-index: 1 !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(2) {
        left: calc(var(--hero-card-1-left) + var(--hero-card-size) - 1px) !important;
        bottom: 2.75rem !important;
        z-index: 2 !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(3) {
        left: calc(var(--hero-card-1-left) + (var(--hero-card-size) * 2) - 2px) !important;
        bottom: 5.5rem !important;
        z-index: 3 !important;
    }
}

@media (min-width: 1600px) {
    .home-page #auto-height,
    .home-page #auto-height.fixed-slot-carousel,
    .home-page #auto-height.editorial-carousel {
        --hero-card-1-left: -9.25rem;
        --hero-card-size: clamp(18.48rem, 19.25vw, 26.18rem);
        height: calc(var(--hero-card-size) + 6.25rem) !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(2) {
        bottom: 3.1rem !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(3) {
        bottom: 6.25rem !important;
    }
}

/* Hero carousel depth: third keeps current size, second -20%, first -40%. */
@media (min-width: 1024px) {
    .home-page #auto-height,
    .home-page #auto-height.fixed-slot-carousel,
    .home-page #auto-height.editorial-carousel {
        --hero-card-left: -4.5rem;
        --hero-card-big: clamp(15.4rem, 16.94vw, 21.56rem);
        --hero-card-mid: calc(var(--hero-card-big) * 0.8);
        --hero-card-small: calc(var(--hero-card-big) * 0.6);
        height: calc(var(--hero-card-big) + 5.5rem) !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(1) {
        left: var(--hero-card-left) !important;
        width: var(--hero-card-small) !important;
        height: var(--hero-card-small) !important;
        bottom: 0 !important;
        z-index: 1 !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(2) {
        left: calc(var(--hero-card-left) + var(--hero-card-small) - 1px) !important;
        width: var(--hero-card-mid) !important;
        height: var(--hero-card-mid) !important;
        bottom: 2.2rem !important;
        z-index: 2 !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(3) {
        left: calc(var(--hero-card-left) + var(--hero-card-small) + var(--hero-card-mid) - 2px) !important;
        width: var(--hero-card-big) !important;
        height: var(--hero-card-big) !important;
        bottom: 5.5rem !important;
        z-index: 3 !important;
    }
}

@media (min-width: 1600px) {
    .home-page #auto-height,
    .home-page #auto-height.fixed-slot-carousel,
    .home-page #auto-height.editorial-carousel {
        --hero-card-left: -5.5rem;
        --hero-card-big: clamp(18.48rem, 19.25vw, 26.18rem);
        height: calc(var(--hero-card-big) + 6.25rem) !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(2) {
        bottom: 2.55rem !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(3) {
        bottom: 6.25rem !important;
    }
}

/* Restore animated hero text entrances while preserving the old heavy type. */
.home-page .hero-slogan p {
    animation-duration: 900ms !important;
    animation-fill-mode: both !important;
    animation-timing-function: cubic-bezier(.2, .85, .25, 1) !important;
    will-change: transform, opacity;
}

.home-page .hero-slogan p:nth-child(odd) {
    animation-name: heroSloganSlideRight !important;
}

.home-page .hero-slogan p:nth-child(even) {
    animation-name: heroSloganSlideLeft !important;
}

.home-page .hero-slogan p:nth-child(1) { animation-delay: 80ms !important; }
.home-page .hero-slogan p:nth-child(2) { animation-delay: 180ms !important; }
.home-page .hero-slogan p:nth-child(3) { animation-delay: 280ms !important; }
.home-page .hero-slogan p:nth-child(4) { animation-delay: 380ms !important; }
.home-page .hero-slogan p:nth-child(5) { animation-delay: 480ms !important; }

@keyframes heroSloganSlideRight {
    from {
        opacity: 0;
        transform: translateX(-4.5rem) scaleX(0.86);
    }
    to {
        opacity: 1;
        transform: translateX(0) scaleX(0.86);
    }
}

@keyframes heroSloganSlideLeft {
    from {
        opacity: 0;
        transform: translateX(4.5rem) scaleX(0.86);
    }
    to {
        opacity: 1;
        transform: translateX(0) scaleX(0.86);
    }
}

/* Hero carousel horizontal position: move staircase right while keeping edge breathing room. */
@media (min-width: 1024px) {
    .home-page #auto-height,
    .home-page #auto-height.fixed-slot-carousel,
    .home-page #auto-height.editorial-carousel {
        left: clamp(42rem, 52vw, 58rem) !important;
        right: clamp(1.5rem, 3vw, 3.5rem) !important;
    }
}

@media (min-width: 1600px) {
    .home-page #auto-height,
    .home-page #auto-height.fixed-slot-carousel,
    .home-page #auto-height.editorial-carousel {
        left: clamp(48rem, 54vw, 64rem) !important;
        right: clamp(2rem, 3.5vw, 4rem) !important;
    }
}

/* Hero slogan final typography and motion repair. */
.home-page .hero-slogan {
    overflow: visible !important;
}

.home-page .hero-slogan p {
    line-height: 0.84 !important;
    letter-spacing: -0.052em !important;
    transform: scaleX(0.9) !important;
    transform-origin: left center !important;
    translate: 0 0;
    animation-duration: 1100ms !important;
    animation-fill-mode: both !important;
    animation-timing-function: cubic-bezier(.16, .9, .2, 1) !important;
}

.home-page .hero-slogan p:nth-child(odd) {
    animation-name: heroSloganTranslateRight !important;
}

.home-page .hero-slogan p:nth-child(even) {
    animation-name: heroSloganTranslateLeft !important;
}

.home-page .hero-slogan p:nth-child(1) { animation-delay: 60ms !important; }
.home-page .hero-slogan p:nth-child(2) { animation-delay: 160ms !important; }
.home-page .hero-slogan p:nth-child(3) { animation-delay: 260ms !important; }
.home-page .hero-slogan p:nth-child(4) { animation-delay: 360ms !important; }
.home-page .hero-slogan p:nth-child(5) { animation-delay: 460ms !important; }

@media (min-width: 1024px) {
    .home-page .hero-slogan {
        top: clamp(7rem, 11vh, 8.75rem) !important;
        width: clamp(28rem, 31vw, 37rem) !important;
    }

    .home-page .hero-slogan p {
        font-size: clamp(4.6rem, 5.85vw, 7.8rem) !important;
    }
}

@media (min-width: 1600px) {
    .home-page .hero-slogan p {
        font-size: clamp(5.6rem, 6vw, 8.45rem) !important;
    }
}

@keyframes heroSloganTranslateRight {
    from { translate: -5rem 0; }
    72% { translate: .45rem 0; }
    to { translate: 0 0; }
}

@keyframes heroSloganTranslateLeft {
    from { translate: 5rem 0; }
    72% { translate: -.45rem 0; }
    to { translate: 0 0; }
}

/* Hero slogan video match: Anton first, larger readable lines, animated side entrance. */
.home-page .hero-slogan {
    top: clamp(7.1rem, 11vh, 8.8rem) !important;
    left: clamp(2.4rem, 3.1vw, 3.9rem) !important;
    width: clamp(28rem, 32vw, 39rem) !important;
}

.home-page .hero-slogan p {
    font-family: "Anton", Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif !important;
    font-weight: 400 !important;
    line-height: 0.86 !important;
    letter-spacing: -0.018em !important;
    transform: none !important;
    scale: 1 1 !important;
    translate: 0 0;
    color: #020202 !important;
    animation-duration: 1050ms !important;
    animation-fill-mode: both !important;
    animation-timing-function: cubic-bezier(.16, .92, .24, 1) !important;
}

.home-page .hero-slogan p:nth-child(4),
.home-page .hero-slogan p:nth-child(5),
.home-page .hero-slogan .text-primary {
    color: #f23a05 !important;
}

@media (min-width: 1024px) {
    .home-page .hero-slogan p {
        font-size: clamp(5.55rem, 6.55vw, 8.9rem) !important;
    }
}

@media (min-width: 1600px) {
    .home-page .hero-slogan p {
        font-size: clamp(6.45rem, 6.75vw, 9.45rem) !important;
    }
}

@media (max-width: 1023px) {
    .home-page .hero-slogan {
        top: 6.7rem !important;
        left: 1.35rem !important;
        width: 88vw !important;
    }

    .home-page .hero-slogan p {
        font-size: clamp(3.35rem, 16vw, 5.8rem) !important;
        line-height: 0.87 !important;
    }
}

.home-page .hero-slogan p:nth-child(odd) {
    animation-name: heroSloganVideoInRight !important;
}

.home-page .hero-slogan p:nth-child(even) {
    animation-name: heroSloganVideoInLeft !important;
}

@keyframes heroSloganVideoInRight {
    from {
        opacity: 0;
        translate: -4rem 0;
    }
    70% {
        opacity: 1;
        translate: .35rem 0;
    }
    to {
        opacity: 1;
        translate: 0 0;
    }
}

@keyframes heroSloganVideoInLeft {
    from {
        opacity: 0;
        translate: 4rem 0;
    }
    70% {
        opacity: 1;
        translate: -.35rem 0;
    }
    to {
        opacity: 1;
        translate: 0 0;
    }
}

/* Ajuste final del titular principal basado en el video de referencia. */
.home-page .hero-slogan {
    top: clamp(6.85rem, 10.1vh, 8.2rem) !important;
    left: clamp(2.6rem, 3.1vw, 3.9rem) !important;
    width: clamp(42rem, 50vw, 61rem) !important;
    max-width: none !important;
    overflow: visible !important;
    text-align: left !important;
}

.home-page .hero-slogan p {
    font-family: "Anton", Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif !important;
    font-weight: 400 !important;
    font-size: clamp(7.65rem, 8.35vw, 11.35rem) !important;
    line-height: .86 !important;
    letter-spacing: -.035em !important;
    margin: 0 !important;
    white-space: nowrap !important;
    text-transform: uppercase !important;
    transform: none !important;
    scale: 1 1 !important;
    translate: 0 0;
    animation-duration: 1180ms !important;
    animation-fill-mode: both !important;
    animation-timing-function: cubic-bezier(.16,.92,.24,1) !important;
}

.home-page .hero-slogan p:nth-child(1),
.home-page .hero-slogan p:nth-child(2),
.home-page .hero-slogan p:nth-child(3) {
    color: #050505 !important;
}

.home-page .hero-slogan p:nth-child(4),
.home-page .hero-slogan p:nth-child(5) {
    color: #f23a05 !important;
}

.home-page .hero-slogan p:nth-child(odd) {
    animation-name: heroTitleEnterLeft !important;
}

.home-page .hero-slogan p:nth-child(even) {
    animation-name: heroTitleEnterRight !important;
}

.home-page .hero-slogan p:nth-child(1) { animation-delay: 40ms !important; }
.home-page .hero-slogan p:nth-child(2) { animation-delay: 150ms !important; }
.home-page .hero-slogan p:nth-child(3) { animation-delay: 260ms !important; }
.home-page .hero-slogan p:nth-child(4) { animation-delay: 370ms !important; }
.home-page .hero-slogan p:nth-child(5) { animation-delay: 480ms !important; }

@keyframes heroTitleEnterLeft {
    from { translate: -7rem 0; filter: blur(1px); }
    72% { translate: .45rem 0; filter: blur(0); }
    to { translate: 0 0; filter: blur(0); }
}

@keyframes heroTitleEnterRight {
    from { translate: 7rem 0; filter: blur(1px); }
    72% { translate: -.45rem 0; filter: blur(0); }
    to { translate: 0 0; filter: blur(0); }
}

@media (min-width: 1700px) {
    .home-page .hero-slogan p {
        font-size: clamp(8.35rem, 8.45vw, 11.65rem) !important;
        line-height: .86 !important;
    }
}

@media (max-width: 1023px) {
    .home-page .hero-slogan {
        top: 6.5rem !important;
        left: 1.15rem !important;
        width: 94vw !important;
    }

    .home-page .hero-slogan p {
        font-size: clamp(3.7rem, 17vw, 6.1rem) !important;
        line-height: .88 !important;
        letter-spacing: -.04em !important;
    }
}

/* Restauracion del titular como la version de referencia: 3 frases con corte natural. */
.home-page .hero-slogan {
    top: clamp(6.6rem, 9.4vh, 7.75rem) !important;
    left: clamp(2.7rem, 3.25vw, 4rem) !important;
    width: min(48rem, 43vw) !important;
    max-width: none !important;
    padding: 0 !important;
    text-align: left !important;
    overflow: visible !important;
}

.home-page .hero-slogan p {
    display: block !important;
    width: 100% !important;
    font-family: "Anton", Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif !important;
    font-size: clamp(7.65rem, 8.65vw, 11.65rem) !important;
    line-height: .86 !important;
    letter-spacing: -.035em !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    margin: 0 !important;
    color: #050505 !important;
    transform: none !important;
    scale: 1 1 !important;
    translate: 0 0;
    animation-duration: 1180ms !important;
    animation-fill-mode: both !important;
    animation-timing-function: cubic-bezier(.16,.92,.24,1) !important;
}

.home-page .hero-slogan p:nth-child(1) {
    max-width: clamp(32rem, 34vw, 41rem) !important;
    animation-name: heroTitleEnterRight !important;
    animation-delay: 40ms !important;
}

.home-page .hero-slogan p:nth-child(2) {
    max-width: clamp(30rem, 32vw, 38rem) !important;
    animation-name: heroTitleEnterLeft !important;
    animation-delay: 170ms !important;
}

.home-page .hero-slogan p:nth-child(3) {
    max-width: clamp(38rem, 42vw, 50rem) !important;
    animation-name: heroTitleEnterRight !important;
    animation-delay: 300ms !important;
}

.home-page .hero-slogan p:nth-child(3),
.home-page .hero-slogan p:nth-child(3) span {
    color: #f23a05 !important;
}

@media (min-width: 1700px) {
    .home-page .hero-slogan p {
        font-size: clamp(8.2rem, 8.75vw, 11.9rem) !important;
        line-height: .86 !important;
    }
}

@media (max-width: 1023px) {
    .home-page .hero-slogan {
        top: 6.4rem !important;
        left: 1.2rem !important;
        width: 92vw !important;
    }

    .home-page .hero-slogan p,
    .home-page .hero-slogan p:nth-child(1),
    .home-page .hero-slogan p:nth-child(2),
    .home-page .hero-slogan p:nth-child(3) {
        max-width: 88vw !important;
        font-size: clamp(3.7rem, 16.8vw, 6.1rem) !important;
        line-height: .88 !important;
        letter-spacing: -.04em !important;
    }
}

/* Cortes internos del titular para igualar el video sin perder la animacion por frase. */
.home-page .hero-slogan p {
    white-space: nowrap !important;
}

.home-page .hero-slogan br {
    display: block !important;
}

.home-page .hero-slogan p:nth-child(1),
.home-page .hero-slogan p:nth-child(2),
.home-page .hero-slogan p:nth-child(3) {
    max-width: none !important;
}

/* Navbar igual a inteligenciaec.com: tipografia, colores y botones originales. */
:root {
    --color-base-100: oklch(100% 0 0);
    --color-base-200: oklch(97.8% .005 297.73);
    --color-base-300: oklch(37.01% .0069 297.49);
    --color-base-content: oklch(37.57% .022 281.8);
    --color-primary: oklch(57.59% .247 287.24);
    --color-primary-content: oklch(96.57% .017 289.61);
    --font-inconsolata: "Inconsolata", monospace;
}

.home-page nav.font-inconsolata.fixed,
nav.font-inconsolata.fixed {
    top: .75rem !important;
    width: 98% !important;
    border: 1px solid color-mix(in oklab, var(--color-base-300) 18%, transparent) !important;
    border-radius: .5rem !important;
    background: transparent !important;
    box-shadow: 0 4px 12px rgb(0 0 0 / .16) !important;
    color: var(--color-base-content) !important;
    font-family: var(--font-inconsolata), monospace !important;
}

.home-page nav .navbar,
nav.font-inconsolata.fixed .navbar {
    min-height: 5.5rem !important;
    padding-inline: 1.5rem !important;
    border-radius: .5rem !important;
    background: color-mix(in oklab, var(--color-base-200) 50%, transparent) !important;
    -webkit-backdrop-filter: blur(14px) saturate(130%) !important;
    backdrop-filter: blur(14px) saturate(130%) !important;
    box-shadow: none !important;
}

.home-page nav .menu,
.home-page nav .menu a,
.home-page nav .dropdown-toggle,
nav.font-inconsolata.fixed .menu,
nav.font-inconsolata.fixed .menu a,
nav.font-inconsolata.fixed .dropdown-toggle {
    font-family: var(--font-inconsolata), monospace !important;
    color: var(--color-base-content) !important;
    font-size: 1.125rem !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
}

.home-page nav .menu a:hover,
.home-page nav .dropdown-toggle:hover,
.home-page nav .dropdown-open\:text-base-content,
nav.font-inconsolata.fixed .menu a:hover,
nav.font-inconsolata.fixed .dropdown-toggle:hover {
    color: var(--color-primary) !important;
    background: transparent !important;
}

.home-page nav .dropdown-menu,
nav.font-inconsolata.fixed .dropdown-menu {
    background: color-mix(in oklab, var(--color-base-300) 50%, transparent) !important;
    -webkit-backdrop-filter: blur(14px) saturate(130%) !important;
    backdrop-filter: blur(14px) saturate(130%) !important;
    border: 1px solid color-mix(in oklab, var(--color-base-100) 42%, transparent) !important;
    border-radius: .5rem !important;
    box-shadow: 0 14px 30px rgb(0 0 0 / .16) !important;
}

.home-page nav .dropdown-menu a,
nav.font-inconsolata.fixed .dropdown-menu a {
    color: var(--color-primary-content) !important;
}

.home-page nav .btn,
nav.font-inconsolata.fixed .btn {
    position: relative !important;
    isolation: auto !important;
    min-height: 2.375rem !important;
    height: 2.375rem !important;
    padding-inline: 1rem !important;
    border-radius: .375rem !important;
    border: 1px solid transparent !important;
    font-family: var(--font-inconsolata), monospace !important;
    font-size: 1.125rem !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
    box-shadow: none !important;
    transition: color .25s ease, background-color .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s ease !important;
}

.home-page nav .btn::before,
.home-page nav .btn::after,
nav.font-inconsolata.fixed .btn::before,
nav.font-inconsolata.fixed .btn::after {
    content: none !important;
    display: none !important;
}

.home-page nav a[href="carrito.html"],
.home-page nav .btn.bg-none,
nav.font-inconsolata.fixed a[href="carrito.html"],
nav.font-inconsolata.fixed .btn.bg-none {
    width: 3.4rem !important;
    padding-inline: 0 !important;
    color: var(--color-base-content) !important;
    background: color-mix(in oklab, var(--color-base-100) 72%, transparent) !important;
    border-color: color-mix(in oklab, var(--color-base-content) 14%, transparent) !important;
}

.home-page nav a[href="carrito.html"]:hover,
.home-page nav .btn.bg-none:hover,
nav.font-inconsolata.fixed a[href="carrito.html"]:hover,
nav.font-inconsolata.fixed .btn.bg-none:hover {
    color: var(--color-primary) !important;
    background: color-mix(in oklab, var(--color-base-100) 88%, transparent) !important;
    border-color: color-mix(in oklab, var(--color-primary) 38%, transparent) !important;
    box-shadow: 0 0 18px color-mix(in oklab, var(--color-primary) 18%, transparent) !important;
    transform: translateY(-1px) !important;
}

.home-page nav .btn-primary,
.home-page nav a.btn-primary,
nav.font-inconsolata.fixed .btn-primary,
nav.font-inconsolata.fixed a.btn-primary {
    color: var(--color-primary-content) !important;
    background: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    box-shadow: none !important;
}

.home-page nav .btn-primary:hover,
.home-page nav a.btn-primary:hover,
nav.font-inconsolata.fixed .btn-primary:hover,
nav.font-inconsolata.fixed a.btn-primary:hover {
    color: var(--color-primary-content) !important;
    background: color-mix(in oklab, var(--color-primary) 88%, black) !important;
    border-color: color-mix(in oklab, var(--color-primary) 88%, black) !important;
    box-shadow: 0 0 20px color-mix(in oklab, var(--color-primary) 22%, transparent) !important;
    transform: translateY(-1px) !important;
}

.home-page nav [class*="icon-[tabler--shopping-cart]"]::before,
nav.font-inconsolata.fixed [class*="icon-[tabler--shopping-cart]"]::before {
    color: currentColor !important;
}

@media (max-width: 767px) {
    .home-page nav .navbar,
    nav.font-inconsolata.fixed .navbar {
        min-height: 4.25rem !important;
        padding-inline: 1rem !important;
    }

    .home-page nav .menu a,
    .home-page nav .dropdown-toggle,
    nav.font-inconsolata.fixed .menu a,
    nav.font-inconsolata.fixed .dropdown-toggle {
        font-size: 1rem !important;
    }
}

/* Titular con aparicion horizontal fila por fila y salida elegante. */
.home-page .hero-slogan {
    top: clamp(6.6rem, 9.4vh, 7.75rem) !important;
    left: clamp(2.7rem, 3.25vw, 4rem) !important;
    width: clamp(38rem, 44vw, 52rem) !important;
    padding: 0 !important;
    text-align: left !important;
    overflow: visible !important;
}

.home-page .hero-slogan p {
    display: none !important;
}

.home-page .hero-slogan .slogan-row {
    display: block !important;
    width: max-content !important;
    max-width: none !important;
    margin: 0 !important;
    font-family: "Anton", Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif !important;
    font-size: clamp(7.65rem, 8.65vw, 11.65rem) !important;
    line-height: .86 !important;
    letter-spacing: -.035em !important;
    font-weight: 400 !important;
    color: #050505 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    animation: sloganRowSweep 7.5s cubic-bezier(0.25, 1, 0.5, 1) infinite !important;
    will-change: clip-path, opacity, transform, filter !important;
}

.home-page .hero-slogan .slogan-row-primary {
    color: #f23a05 !important;
}

.home-page .hero-slogan .slogan-row:nth-child(1) { animation-delay: 0ms !important; }
.home-page .hero-slogan .slogan-row:nth-child(2) { animation-delay: 220ms !important; }
.home-page .hero-slogan .slogan-row:nth-child(3) { animation-delay: 440ms !important; }
.home-page .hero-slogan .slogan-row:nth-child(4) { animation-delay: 660ms !important; }
.home-page .hero-slogan .slogan-row:nth-child(5) { animation-delay: 880ms !important; }

@keyframes sloganRowSweep {
    0% {
        opacity: 0;
        clip-path: inset(0 100% 0 0);
        transform: translateY(14px) scale(0.98);
        filter: blur(6px);
    }
    10% {
        opacity: 1;
        clip-path: inset(0 0 0 0);
        transform: translateY(0) scale(1);
        filter: blur(0px);
    }
    60% {
        opacity: 1;
        clip-path: inset(0 0 0 0);
        transform: translateY(0) scale(1);
        filter: blur(0px);
    }
    72% {
        opacity: 0;
        clip-path: inset(0 0 0 100%);
        transform: translateY(-10px) scale(0.99);
        filter: blur(5px);
    }
    100% {
        opacity: 0;
        clip-path: inset(0 0 0 100%);
        transform: translateY(-10px) scale(0.99);
        filter: blur(5px);
    }
}

@media (min-width: 1700px) {
    .home-page .hero-slogan .slogan-row {
        font-size: clamp(8.2rem, 8.75vw, 11.9rem) !important;
        line-height: .86 !important;
    }
}

@media (max-width: 1023px) {
    .home-page .hero-slogan {
        top: 6.4rem !important;
        left: 1.2rem !important;
        width: 92vw !important;
    }

    .home-page .hero-slogan .slogan-row {
        font-size: clamp(3.7rem, 16.8vw, 6.1rem) !important;
        line-height: .88 !important;
        letter-spacing: -.04em !important;
    }
}

/* Color definitivo del titular: primeras tres filas negras. */
.home-page .hero-slogan .slogan-row:nth-child(1),
.home-page .hero-slogan .slogan-row:nth-child(2),
.home-page .hero-slogan .slogan-row:nth-child(3) {
    color: #050505 !important;
}

.home-page .hero-slogan .slogan-row:nth-child(4),
.home-page .hero-slogan .slogan-row:nth-child(5) {
    color: #f23a05 !important;
}

/* Boton Ingresar en tono rojizo elegante. */
.home-page nav .btn-primary,
.home-page nav a.btn-primary,
nav.font-inconsolata.fixed .btn-primary,
nav.font-inconsolata.fixed a.btn-primary {
    color: #fff7f4 !important;
    background: #b8322a !important;
    border-color: #b8322a !important;
    box-shadow: 0 0 18px rgb(184 50 42 / .18) !important;
}

.home-page nav .btn-primary:hover,
.home-page nav a.btn-primary:hover,
nav.font-inconsolata.fixed .btn-primary:hover,
nav.font-inconsolata.fixed a.btn-primary:hover {
    color: #fffaf7 !important;
    background: #9f2823 !important;
    border-color: #9f2823 !important;
    box-shadow: 0 0 24px rgb(184 50 42 / .32) !important;
}

/* Tarjetas de libros restauradas: consistentes, claras y alineadas como la referencia. */
.home-page #mas_vendidos + div,
.home-page #novedades + div {
    background: #e6d2b6 !important;
    margin-inline: 1.25rem !important;
    padding: 2.5rem !important;
    border-radius: .75rem !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 2.5rem !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x proximity !important;
    box-shadow: none !important;
}

.home-page #mas_vendidos + div > div,
.home-page #novedades + div > div {
    flex: 0 0 27rem !important;
    width: 27rem !important;
    min-width: 27rem !important;
    height: 33rem !important;
    min-height: 33rem !important;
    max-height: 33rem !important;
    padding: 0 !important;
    border-radius: .45rem !important;
    background: #fbf7f2 !important;
    color: #2b221e !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    scroll-snap-align: start !important;
    box-shadow: none !important;
    transform: none !important;
}

.home-page #mas_vendidos + div > div:hover,
.home-page #novedades + div > div:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 16px 30px rgb(43 34 30 / .16) !important;
}

.home-page #mas_vendidos + div > div > .flex.justify-center.p-5,
.home-page #novedades + div > div > .flex.justify-center.p-5 {
    height: 18.2rem !important;
    min-height: 18.2rem !important;
    padding: 2.8rem 1.5rem 1.15rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.home-page #mas_vendidos + div > div img,
.home-page #novedades + div > div img {
    width: auto !important;
    height: 16.25rem !important;
    max-width: 52% !important;
    object-fit: contain !important;
    border-radius: .15rem !important;
    display: block !important;
}

.home-page #mas_vendidos + div > div > .px-5,
.home-page #novedades + div > div > .px-5 {
    padding-inline: 1.35rem !important;
}

.home-page #mas_vendidos + div > div > .px-5:first-of-type,
.home-page #novedades + div > div > .px-5:first-of-type {
    flex: 1 1 auto !important;
}

.home-page #mas_vendidos + div > div h1,
.home-page #novedades + div > div h1 {
    font-family: "DM Serif Display", serif !important;
    font-size: 1.22rem !important;
    line-height: 1.18 !important;
    font-weight: 400 !important;
    color: #2b221e !important;
    margin: 0 0 .55rem !important;
    letter-spacing: 0 !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

.home-page #mas_vendidos + div > div h2,
.home-page #novedades + div > div h2,
.home-page #mas_vendidos + div > div .font-inconsolata,
.home-page #novedades + div > div .font-inconsolata {
    font-family: "Inconsolata", monospace !important;
    font-size: .95rem !important;
    line-height: 1.3 !important;
    color: #3f3530 !important;
    letter-spacing: 0 !important;
}

.home-page #mas_vendidos + div > div .mt-10,
.home-page #novedades + div > div .mt-10 {
    margin-top: 2.05rem !important;
}

.home-page #mas_vendidos + div > div > .px-5.mt-5,
.home-page #novedades + div > div > .px-5.mt-5 {
    flex: 0 0 auto !important;
    margin-top: 0 !important;
    padding: 0 1.35rem 1.35rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .75rem !important;
}

.home-page #mas_vendidos + div > div > .px-5.mt-5 > .flex,
.home-page #novedades + div > div > .px-5.mt-5 > .flex {
    min-width: 0 !important;
    gap: .35rem !important;
}

.home-page #mas_vendidos + div > div .raty-read-only,
.home-page #novedades + div > div .raty-read-only {
    color: #b8322a !important;
    line-height: 1 !important;
    font-size: 1rem !important;
    gap: .05rem !important;
    max-width: 8.5rem !important;
    overflow: hidden !important;
}

.home-page #mas_vendidos + div > div .raty-read-only::before,
.home-page #novedades + div > div .raty-read-only::before {
    content: none !important;
    display: none !important;
}

.home-page #mas_vendidos + div > div .raty-read-only i,
.home-page #novedades + div > div .raty-read-only i {
    color: #b8322a !important;
    font-size: 1rem !important;
    width: 1rem !important;
    height: 1rem !important;
    flex: 0 0 1rem !important;
}

.home-page #mas_vendidos + div > div .raty-read-only i.opacity-20,
.home-page #novedades + div > div .raty-read-only i.opacity-20 {
    color: #8f837b !important;
    opacity: .35 !important;
}

.home-page #mas_vendidos + div > div .text-xs,
.home-page #novedades + div > div .text-xs {
    color: #2b221e !important;
    font-size: .78rem !important;
    transform: translateY(-1px) !important;
}

.home-page #mas_vendidos + div > div .font-black,
.home-page #novedades + div > div .font-black {
    color: #2b221e !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.home-page #mas_vendidos + div button,
.home-page #novedades + div button {
    top: .75rem !important;
    right: .75rem !important;
    width: 2rem !important;
    height: 2rem !important;
    min-height: 2rem !important;
    padding: 0 !important;
    border-radius: .35rem !important;
    color: #fff7f4 !important;
    background: #b8322a !important;
    border: 1px solid #b8322a !important;
    box-shadow: 0 10px 20px rgb(184 50 42 / .2) !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 5 !important;
}

.home-page #mas_vendidos + div button::before,
.home-page #mas_vendidos + div button::after,
.home-page #novedades + div button::before,
.home-page #novedades + div button::after {
    content: none !important;
    display: none !important;
}

.home-page #mas_vendidos + div button:hover,
.home-page #novedades + div button:hover {
    background: #9f2823 !important;
    border-color: #9f2823 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 12px 24px rgb(184 50 42 / .3) !important;
}

.home-page #mas_vendidos + div button span,
.home-page #novedades + div button span,
.home-page #mas_vendidos + div button span::before,
.home-page #novedades + div button span::before {
    color: currentColor !important;
}

@media (max-width: 767px) {
    .home-page #mas_vendidos + div,
    .home-page #novedades + div {
        margin-inline: .75rem !important;
        padding: 1.2rem !important;
        gap: 1rem !important;
    }

    .home-page #mas_vendidos + div > div,
    .home-page #novedades + div > div {
        flex-basis: 18rem !important;
        width: 18rem !important;
        min-width: 18rem !important;
        height: 30rem !important;
        min-height: 30rem !important;
    }

    .home-page #mas_vendidos + div > div > .flex.justify-center.p-5,
    .home-page #novedades + div > div > .flex.justify-center.p-5 {
        height: 15.5rem !important;
        min-height: 15.5rem !important;
    }

    .home-page #mas_vendidos + div > div img,
    .home-page #novedades + div > div img {
        height: 13.5rem !important;
        max-width: 56% !important;
    }
}

/* Correccion definitiva: carrito arriba derecha y abajo solo estrellas. */
.home-page #mas_vendidos + div > div,
.home-page #novedades + div > div {
    overflow: hidden !important;
}

.home-page #mas_vendidos + div button,
.home-page #novedades + div button {
    position: absolute !important;
    top: .72rem !important;
    right: .72rem !important;
    left: auto !important;
    bottom: auto !important;
    inset-inline-start: auto !important;
    inset-inline-end: .72rem !important;
    translate: none !important;
    transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 2.15rem !important;
    min-width: 2.15rem !important;
    height: 2.15rem !important;
    min-height: 2.15rem !important;
    border-radius: .38rem !important;
    z-index: 20 !important;
}

.home-page #mas_vendidos + div button:hover,
.home-page #novedades + div button:hover {
    transform: translateY(-1px) !important;
}

.home-page #mas_vendidos + div > div > .px-5.mt-5,
.home-page #novedades + div > div > .px-5.mt-5 {
    justify-content: flex-start !important;
    align-items: center !important;
    padding-bottom: 1.45rem !important;
}

.home-page #mas_vendidos + div > div > .px-5.mt-5 > div:last-child,
.home-page #novedades + div > div > .px-5.mt-5 > div:last-child,
.home-page #mas_vendidos + div > div > .px-5.mt-5 .text-xs,
.home-page #novedades + div > div > .px-5.mt-5 .text-xs {
    display: none !important;
}

.home-page #mas_vendidos + div > div .raty-read-only,
.home-page #novedades + div > div .raty-read-only {
    display: inline-flex !important;
    align-items: center !important;
    gap: .18rem !important;
    max-width: none !important;
    overflow: visible !important;
    color: #b8322a !important;
    font-size: 1.12rem !important;
    line-height: 1 !important;
}

.home-page #mas_vendidos + div > div .raty-read-only .book-star,
.home-page #novedades + div > div .raty-read-only .book-star {
    display: inline-block !important;
    width: 1.05rem !important;
    color: #b8322a !important;
    font-family: Arial, sans-serif !important;
    font-size: 1.12rem !important;
    line-height: 1 !important;
}

/* Ajustes exclusivos para pantallas pequenas: titular mas legible y carrusel mas alto. */
@media (max-width: 1023px) {
    .home-page .hero-slogan .slogan-row:nth-child(4),
    .home-page .hero-slogan .slogan-row:nth-child(5),
    .home-page .hero-slogan .slogan-row-primary {
        color: #8f1714 !important;
        text-shadow: 0 3px 12px rgb(255 255 255 / .34) !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .home-page #auto-height,
    .home-page #auto-height.fixed-slot-carousel,
    .home-page #auto-height.editorial-carousel {
        display: block !important;
        position: absolute !important;
        top: auto !important;
        left: clamp(20rem, 43vw, 27rem) !important;
        right: clamp(1rem, 2vw, 2rem) !important;
        bottom: clamp(1rem, 2vh, 1.75rem) !important;
        width: auto !important;
        height: clamp(14rem, 26vh, 20rem) !important;
        overflow: visible !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(1) {
        left: -5.5rem !important;
        bottom: 0 !important;
        width: clamp(9rem, 18vw, 13rem) !important;
        height: clamp(9rem, 18vw, 13rem) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 1 !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(2) {
        left: clamp(2.75rem, 8vw, 6rem) !important;
        bottom: 2.25rem !important;
        width: clamp(10rem, 20vw, 15rem) !important;
        height: clamp(10rem, 20vw, 15rem) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 2 !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(3) {
        left: clamp(12rem, 25vw, 18rem) !important;
        bottom: 4.5rem !important;
        width: clamp(12rem, 24vw, 18rem) !important;
        height: clamp(12rem, 24vw, 18rem) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 3 !important;
    }
}

@media (max-width: 767px) {
    .home-page nav .mobile-navbar-actions {
        display: inline-flex !important;
        align-items: center !important;
        gap: .55rem !important;
    }

    .home-page nav .mobile-icon-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 3rem !important;
        min-width: 3rem !important;
        height: 3rem !important;
        min-height: 3rem !important;
        padding: 0 !important;
        border-radius: .45rem !important;
    }

    .home-page nav .mobile-cart-btn {
        color: #2b2725 !important;
        background: rgb(255 255 255 / .78) !important;
        border-color: rgb(43 39 37 / .14) !important;
    }

    .home-page nav .mobile-login-btn {
        color: #fff7f4 !important;
        background: #b8322a !important;
        border-color: #b8322a !important;
    }

    .home-page nav .mobile-icon-btn span,
    .home-page nav .mobile-icon-btn span::before {
        color: currentColor !important;
    }

    .home-page #navbar-collapse {
        display: none !important;
    }

    .home-page #auto-height,
    .home-page #auto-height.fixed-slot-carousel,
    .home-page #auto-height.editorial-carousel {
        --mobile-card-small: clamp(8rem, 42vw, 10.75rem);
        --mobile-card-large: clamp(10rem, 54vw, 13.25rem);
        display: block !important;
        top: auto !important;
        left: 1rem !important;
        right: 1rem !important;
        width: auto !important;
        transform: none !important;
        bottom: clamp(2.75rem, 6.5vh, 4.75rem) !important;
        height: calc(var(--mobile-card-large) + 3rem) !important;
        overflow: visible !important;
    }

    .home-page #auto-height .carousel,
    .home-page #auto-height .carousel-body {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        transform: none !important;
        translate: none !important;
        overflow: visible !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(1) {
        left: 0 !important;
        bottom: 0 !important;
        width: var(--mobile-card-small) !important;
        height: var(--mobile-card-small) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 1 !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(2) {
        left: auto !important;
        right: 0 !important;
        bottom: 2.5rem !important;
        width: var(--mobile-card-large) !important;
        height: var(--mobile-card-large) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 2 !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(3) {
        left: 103% !important;
        bottom: 0 !important;
        width: 42% !important;
        height: 76% !important;
        opacity: 0 !important;
        pointer-events: none !important;
        z-index: 0 !important;
    }
}

/* Ajuste final movil del boton de ingreso con texto completo. */
@media (max-width: 767px) {
    .home-page nav a.mobile-login-btn.mobile-icon-btn {
        display: inline-flex !important;
        width: auto !important;
        min-width: 7.15rem !important;
        height: 3rem !important;
        min-height: 3rem !important;
        padding: 0 .85rem !important;
        gap: .45rem !important;
        white-space: nowrap !important;
        overflow: visible !important;
    }

    .home-page nav .mobile-login-text {
        display: inline-block !important;
        color: currentColor !important;
        font-family: var(--font-inconsolata), monospace !important;
        font-size: 1rem !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }
}

/* Capa final real: cortes por dispositivo para que la portada no se distorsione. */
@media (max-width: 767px) {
    .home-page #auto-height .carousel-slide:nth-child(3) {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) and (min-height: 521px) {
    .home-page #auto-height,
    .home-page #auto-height.fixed-slot-carousel,
    .home-page #auto-height.editorial-carousel {
        display: block !important;
        position: absolute !important;
        top: auto !important;
        left: clamp(25rem, 54vw, 34rem) !important;
        right: clamp(.75rem, 1.5vw, 1.25rem) !important;
        bottom: clamp(4rem, 7vh, 6rem) !important;
        width: auto !important;
        height: clamp(15rem, 30vh, 21rem) !important;
        transform: none !important;
        overflow: visible !important;
    }

    .home-page #auto-height .carousel,
    .home-page #auto-height .carousel-body {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        transform: none !important;
        translate: none !important;
        overflow: visible !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(1) {
        left: -4rem !important;
        right: auto !important;
        bottom: 0 !important;
        width: clamp(9rem, 17vw, 12rem) !important;
        height: clamp(9rem, 17vw, 12rem) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 1 !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(2) {
        left: clamp(4rem, 9vw, 7rem) !important;
        right: auto !important;
        bottom: 2.35rem !important;
        width: clamp(10rem, 19vw, 13.5rem) !important;
        height: clamp(10rem, 19vw, 13.5rem) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 2 !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(3) {
        display: block !important;
        left: clamp(13.5rem, 27vw, 19rem) !important;
        right: auto !important;
        bottom: 4.75rem !important;
        width: clamp(11.5rem, 22vw, 16rem) !important;
        height: clamp(11.5rem, 22vw, 16rem) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 3 !important;
    }
}

@media (min-width: 768px) and (max-width: 932px) and (max-height: 520px) {
    .home-page nav .mobile-navbar-actions {
        display: inline-flex !important;
        align-items: center !important;
        gap: .55rem !important;
    }

    .home-page #navbar-collapse,
    .home-page #navbar-collapse + div {
        display: none !important;
    }

    .home-page nav .mobile-cart-btn {
        color: #2b2725 !important;
        background: rgb(255 255 255 / .78) !important;
        border-color: rgb(43 39 37 / .14) !important;
    }

    .home-page nav .mobile-login-btn {
        color: #fff7f4 !important;
        background: #b8322a !important;
        border-color: #b8322a !important;
    }

    .home-page nav a.mobile-login-btn.mobile-icon-btn {
        display: inline-flex !important;
        width: auto !important;
        min-width: 7.15rem !important;
        height: 2.8rem !important;
        min-height: 2.8rem !important;
        padding: 0 .82rem !important;
        gap: .42rem !important;
        white-space: nowrap !important;
        overflow: visible !important;
    }

    .home-page nav .mobile-login-text {
        display: inline-block !important;
        color: currentColor !important;
        font-family: var(--font-inconsolata), monospace !important;
        font-size: .95rem !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .home-page nav .mobile-icon-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 2.8rem !important;
        min-width: 2.8rem !important;
        height: 2.8rem !important;
        min-height: 2.8rem !important;
        padding: 0 !important;
        border-radius: .45rem !important;
    }

    .home-page nav img[alt*="Estanter"] {
        width: clamp(3.6rem, 10vw, 5rem) !important;
        height: auto !important;
    }

    .home-page .hero-slogan {
        top: clamp(5.1rem, 14vh, 6rem) !important;
        left: clamp(1rem, 2.5vw, 1.5rem) !important;
        width: 48vw !important;
        max-width: 48vw !important;
    }

    .home-page .hero-slogan .slogan-row {
        font-size: clamp(2.35rem, 7.8vw, 4.25rem) !important;
        line-height: .87 !important;
        letter-spacing: -.035em !important;
    }

    .home-page #auto-height,
    .home-page #auto-height.fixed-slot-carousel,
    .home-page #auto-height.editorial-carousel {
        --mobile-landscape-small: clamp(6.6rem, 17vw, 8.6rem);
        --mobile-landscape-large: clamp(7.6rem, 21vw, 10.3rem);
        display: block !important;
        position: absolute !important;
        top: auto !important;
        left: auto !important;
        right: clamp(.8rem, 2vw, 1.25rem) !important;
        bottom: clamp(.8rem, 3vh, 1.25rem) !important;
        width: min(44vw, 23rem) !important;
        height: calc(var(--mobile-landscape-large) + 2.6rem) !important;
        transform: none !important;
        overflow: visible !important;
    }

    .home-page #auto-height .carousel,
    .home-page #auto-height .carousel-body {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        transform: none !important;
        translate: none !important;
        overflow: visible !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(1) {
        display: block !important;
        left: 0 !important;
        right: auto !important;
        bottom: 0 !important;
        width: var(--mobile-landscape-small) !important;
        height: var(--mobile-landscape-small) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 1 !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(2) {
        display: block !important;
        left: auto !important;
        right: 0 !important;
        bottom: 2.1rem !important;
        width: var(--mobile-landscape-large) !important;
        height: var(--mobile-landscape-large) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        z-index: 2 !important;
    }

    .home-page #auto-height .carousel-slide:nth-child(3) {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

/* Microajustes finales para tablet y celular horizontal. */
@media (min-width: 768px) and (max-width: 1023px) and (min-height: 521px) {
    .home-page #auto-height .carousel-slide:nth-child(3) {
        left: clamp(11rem, 23vw, 16rem) !important;
        width: clamp(10rem, 19vw, 14rem) !important;
        height: clamp(10rem, 19vw, 14rem) !important;
    }
}

@media (min-width: 768px) and (max-width: 932px) and (max-height: 520px) {
    .home-page .hero-slogan {
        top: 82px !important;
    }
}

/* Ajustes finales del slogan, logo editorial y creditos. */
.home-page .hero-slogan .slogan-row-primary {
    color: #f97316 !important;
}

body > .px-8.pt-5.bg-linear-to-b {
    padding-left: clamp(1rem, 3vw, 2rem) !important;
    padding-right: clamp(1rem, 3vw, 2rem) !important;
    overflow: hidden !important;
}

body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary {
    display: grid !important;
    grid-template-columns: minmax(13rem, 1.15fr) repeat(3, minmax(8rem, .75fr)) !important;
    align-items: start !important;
    gap: clamp(1rem, 2.2vw, 2rem) !important;
    padding: clamp(1.5rem, 3.5vw, 2.5rem) !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary aside,
body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary nav {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: .42rem !important;
}

body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary img {
    width: clamp(5.25rem, 9vw, 8.25rem) !important;
    height: auto !important;
    filter: none !important;
}

body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary p {
    max-width: 20rem !important;
    margin: 0 !important;
    font-size: clamp(.78rem, 1vw, .9rem) !important;
    line-height: 1.45 !important;
}

body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary .footer-title {
    margin-bottom: .25rem !important;
    font-size: clamp(.78rem, .95vw, .9rem) !important;
    line-height: 1.15 !important;
    letter-spacing: .01em !important;
}

body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary a {
    width: fit-content !important;
    max-width: 100% !important;
    font-size: clamp(.78rem, .95vw, .9rem) !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

body > footer.footer.footer-center.bg-base-300 {
    padding-top: .75rem !important;
    padding-bottom: .75rem !important;
}

body > footer.footer.footer-center.bg-base-300 p {
    font-size: clamp(.76rem, 1.8vw, .9rem) !important;
    line-height: 1.25 !important;
    text-align: center !important;
}

@media (max-width: 767px) {
    .home-page .hero-slogan {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: .12rem !important;
        width: min(100%, 22rem) !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        padding-left: .75rem !important;
        padding-right: .75rem !important;
        overflow: visible !important;
    }

    .home-page .hero-slogan .slogan-row {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
        white-space: nowrap !important;
        text-align: left !important;
        line-height: .92 !important;
        letter-spacing: 0 !important;
    }

    .home-page .hero-slogan .slogan-row-primary {
        color: #f97316 !important;
        font-size: clamp(2rem, 11vw, 3.1rem) !important;
    }

    body > .px-8.pt-5.bg-linear-to-b {
        padding: .85rem .55rem 0 !important;
    }

    body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary {
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        text-align: center !important;
        gap: .7rem !important;
        padding: .95rem .75rem !important;
        border-radius: .85rem !important;
    }

    body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary aside,
    body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary nav {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: .26rem !important;
    }

    body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary aside {
        gap: .38rem !important;
    }

    body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary img {
        width: clamp(4.65rem, 23vw, 5.6rem) !important;
        margin: 0 auto !important;
    }

    body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary p {
        max-width: 15.5rem !important;
        font-size: clamp(.62rem, 2.65vw, .76rem) !important;
        line-height: 1.35 !important;
    }

    body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary .footer-title {
        margin-bottom: .04rem !important;
        font-size: clamp(.64rem, 2.8vw, .8rem) !important;
        line-height: 1.1 !important;
    }

    body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary a {
        margin: 0 auto !important;
        font-size: clamp(.6rem, 2.55vw, .76rem) !important;
        line-height: 1.18 !important;
        text-align: center !important;
    }

    body > footer.footer.footer-center.bg-base-300 {
        padding-left: .5rem !important;
        padding-right: .5rem !important;
    }

    body > footer.footer.footer-center.bg-base-300 p {
        font-size: clamp(.55rem, 2.25vw, .72rem) !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary {
        grid-template-columns: minmax(0, 1.05fr) repeat(3, minmax(0, .8fr)) !important;
        gap: .85rem !important;
        padding: 1.25rem !important;
    }

    body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary img {
        width: clamp(4.5rem, 8vw, 5.75rem) !important;
    }

    body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary p,
    body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary .footer-title,
    body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary a {
        font-size: clamp(.58rem, 1.05vw, .72rem) !important;
        line-height: 1.22 !important;
    }
}

@media (max-width: 340px) {
    body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary {
        gap: .55rem !important;
        padding: .75rem .5rem !important;
    }

    body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary p,
    body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary a {
        font-size: .55rem !important;
    }

    body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary .footer-title {
        font-size: .6rem !important;
    }
}

/* Distribucion definitiva del footer en pantallas pequenas y medianas. */
body > .px-8.pt-5.bg-linear-to-b .site-footer {
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) repeat(3, minmax(0, .8fr)) !important;
    align-items: start !important;
    justify-items: stretch !important;
    gap: clamp(.8rem, 2vw, 1.6rem) !important;
    width: 100% !important;
    max-width: 100% !important;
}

body > .px-8.pt-5.bg-linear-to-b .site-footer-brand,
body > .px-8.pt-5.bg-linear-to-b .site-footer-menu {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    transform: none !important;
}

body > .px-8.pt-5.bg-linear-to-b .site-footer-menu {
    align-items: flex-start !important;
    text-align: left !important;
}

@media (max-width: 767px) {
    body > .px-8.pt-5.bg-linear-to-b footer.site-footer.footer.bg-secondary {
        grid-template-columns: max-content max-content max-content !important;
        justify-content: center !important;
        column-gap: clamp(.7rem, 4vw, 1.25rem) !important;
        row-gap: .55rem !important;
        padding: .72rem .55rem !important;
    }

    body > .px-8.pt-5.bg-linear-to-b footer.site-footer.footer.bg-secondary .site-footer-brand {
        grid-column: 1 / -1 !important;
        align-items: center !important;
        text-align: center !important;
    }

    body > .px-8.pt-5.bg-linear-to-b footer.site-footer.footer.bg-secondary .site-footer-menu {
        width: auto !important;
        align-items: center !important;
        justify-content: start !important;
        text-align: center !important;
        gap: .18rem !important;
    }

    body > .px-8.pt-5.bg-linear-to-b footer.site-footer.footer.bg-secondary .site-footer-menu:nth-of-type(3) {
        grid-column: auto !important;
        width: 100% !important;
        justify-self: center !important;
    }

    body > .px-8.pt-5.bg-linear-to-b footer.site-footer.footer.bg-secondary .site-footer-menu .footer-title {
        width: 100% !important;
        text-align: center !important;
        font-size: clamp(.5rem, 2.25vw, .66rem) !important;
    }

    body > .px-8.pt-5.bg-linear-to-b footer.site-footer.footer.bg-secondary .site-footer-menu a {
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 0 !important;
        text-align: center !important;
        font-size: clamp(.46rem, 2vw, .6rem) !important;
        line-height: 1.14 !important;
        overflow-wrap: anywhere !important;
    }

    body > .px-8.pt-5.bg-linear-to-b footer.site-footer.footer.bg-secondary .site-footer-brand img {
        width: clamp(4.7rem, 22vw, 5.6rem) !important;
    }

    body > .px-8.pt-5.bg-linear-to-b footer.site-footer.footer.bg-secondary .site-footer-brand p {
        max-width: 18rem !important;
        font-size: clamp(.66rem, 2.55vw, .76rem) !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    body > .px-8.pt-5.bg-linear-to-b .site-footer {
        grid-template-columns: minmax(0, 1.05fr) repeat(3, minmax(0, .82fr)) !important;
        gap: .75rem !important;
        padding: 1.15rem !important;
    }

    body > .px-8.pt-5.bg-linear-to-b .site-footer-brand img {
        width: clamp(4.5rem, 7.2vw, 5.5rem) !important;
    }

    body > .px-8.pt-5.bg-linear-to-b .site-footer-brand p,
    body > .px-8.pt-5.bg-linear-to-b .site-footer-menu .footer-title,
    body > .px-8.pt-5.bg-linear-to-b .site-footer-menu a {
        font-size: clamp(.56rem, .98vw, .7rem) !important;
        line-height: 1.2 !important;
    }
}

/* Ajuste movil: menos espacio entre carrusel principal y seccion siguiente. */
@media (max-width: 767px) {
    .home-page #auto-height,
    .home-page #auto-height.fixed-slot-carousel,
    .home-page #auto-height.editorial-carousel {
        bottom: clamp(1rem, 2.8vh, 2rem) !important;
        height: calc(var(--mobile-card-large) + .9rem) !important;
    }

    .home-page #auto-height + .divider {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}

/* Ajuste movil: texto al tope de su propia seccion, sin sobreponerlo. */
@media (max-width: 767px) {
    .home-page .intro-copy {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}

/* Tipografia editorial para la seccion descriptiva. */
.home-page .intro-copy,
.home-page .intro-copy p,
.home-page .intro-copy strong,
.home-page .intro-copy span {
    font-family: "DM Serif Display", Georgia, "Times New Roman", serif !important;
}

.home-page .intro-copy p {
    font-weight: 400 !important;
    line-height: 1.22 !important;
}

.home-page .intro-copy strong {
    font-weight: 400 !important;
}

.home-page #auto-height,
.home-page #auto-height.fixed-slot-carousel {
    background: transparent !important;
    box-shadow: none !important;
}

.home-page nav .nav-editorial-link,
nav.font-inconsolata.fixed .nav-editorial-link {
    position: relative !important;
    color: #e63b05 !important;
    font-weight: 800 !important;
    text-shadow: 0 6px 16px rgb(230 59 5 / .18) !important;
}

.home-page nav .nav-editorial-link::after,
nav.font-inconsolata.fixed .nav-editorial-link::after {
    content: "" !important;
    position: absolute !important;
    left: .8rem !important;
    right: .8rem !important;
    bottom: .28rem !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #e63b05, #c67812, #2c7da0) !important;
    transform: scaleX(.68) !important;
    transform-origin: center !important;
    opacity: .9 !important;
    transition: transform .2s ease, opacity .2s ease !important;
}

.home-page nav .nav-editorial-link:hover,
nav.font-inconsolata.fixed .nav-editorial-link:hover {
    color: #2c7da0 !important;
}

.home-page nav .nav-editorial-link:hover::after,
nav.font-inconsolata.fixed .nav-editorial-link:hover::after {
    transform: scaleX(1) !important;
    opacity: 1 !important;
}

.home-page .category-strip {
    position: sticky !important;
    top: 6.55rem !important;
    z-index: 49 !important;
    background: linear-gradient(100deg, #061826 0%, #02577a 44%, #ef3b00 100%) !important;
    box-shadow: 0 14px 30px rgb(36 27 23 / .16) !important;
    backdrop-filter: blur(14px) !important;
    transform: none !important;
    animation: none !important;
}

.home-page .category-strip.is-category-fixed {
    position: fixed !important;
    top: var(--category-sticky-top, 6.55rem) !important;
    left: 50% !important;
    width: calc(100% - 2.5rem) !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
}

.home-page .category-strip-spacer {
    display: none !important;
}

.home-page .category-strip-spacer.is-active {
    display: block !important;
}

.home-page .category-links .category-all-link,
.home-page .category-links .category-all-link.is-glowing-pass {
    background: linear-gradient(100deg, #8f1714, #ef3b00) !important;
    color: #fffaf7 !important;
    font-weight: 800 !important;
    border: 1px solid rgb(255 247 237 / .55) !important;
    box-shadow: 0 8px 18px rgb(143 23 20 / .22) !important;
    text-shadow: 0 1px 4px rgb(0 0 0 / .18) !important;
}

.home-page .category-links .category-all-link:hover,
.home-page .category-links .category-all-link.is-glowing-pass:hover {
    background: linear-gradient(100deg, #241b17, #2c7da0) !important;
    color: #fffaf7 !important;
}

@media (max-width: 767px) {
    .home-page .category-strip {
        top: 5rem !important;
        z-index: 49 !important;
    }

    .home-page .category-strip.is-category-fixed {
        top: var(--category-sticky-top, 5rem) !important;
        width: calc(100% - 1.5rem) !important;
    }
}

/* Franja editorial con lineas en movimiento. */
.home-page .editorial-marquee {
    position: relative !important;
    width: 100vw !important;
    min-height: clamp(13rem, 24vw, 20rem) !important;
    margin: 2.25rem 0 2.25rem calc(50% - 50vw) !important;
    padding: clamp(2rem, 5vw, 4.5rem) 1.25rem !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff7ed !important;
    color: #241b17 !important;
    isolation: isolate !important;
    border-top: 1px solid rgb(143 89 62 / .16) !important;
    border-bottom: 1px solid rgb(143 89 62 / .16) !important;
}

.home-page .editorial-marquee__content {
    position: relative !important;
    z-index: 2 !important;
    width: min(92vw, 58rem) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

.home-page .editorial-marquee__title {
    display: block !important;
    font-family: "DM Serif Display", Georgia, "Times New Roman", serif !important;
    font-size: clamp(3.4rem, 8vw, 7.5rem) !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    color: transparent !important;
    background: linear-gradient(100deg, #241b17 0%, #e63b05 24%, #c67812 48%, #2c7da0 72%, #241b17 100%) !important;
    background-size: 240% 100% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    filter: drop-shadow(0 12px 24px rgb(230 59 5 / .16)) !important;
    transform-origin: center !important;
    animation: editorialTitleMove 4.8s ease-in-out infinite !important;
}

.home-page .editorial-marquee__content p {
    max-width: 38rem !important;
    margin-top: .55rem !important;
    color: #5c463b !important;
    font-family: "Inconsolata", monospace !important;
    font-size: clamp(1rem, 2vw, 1.3rem) !important;
    line-height: 1.35 !important;
}

.home-page .editorial-marquee__button {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 3.15rem !important;
    margin-top: clamp(1.2rem, 2.4vw, 1.8rem) !important;
    padding: .9rem clamp(1.35rem, 3vw, 2.4rem) !important;
    border-radius: 999px !important;
    background: #8f1714 !important;
    color: #fffaf7 !important;
    border: 1px solid #8f1714 !important;
    font-family: "Inconsolata", monospace !important;
    font-size: clamp(.95rem, 1.5vw, 1.08rem) !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    box-shadow: 0 18px 38px rgb(143 23 20 / .24) !important;
    transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease !important;
    isolation: isolate !important;
    overflow: hidden !important;
}

.home-page .editorial-marquee__button span {
    position: relative !important;
    z-index: 2 !important;
}

.home-page .editorial-marquee__button::before {
    content: "" !important;
    position: absolute !important;
    z-index: -2 !important;
    width: 150% !important;
    aspect-ratio: 1 !important;
    background: conic-gradient(from 0deg, #e63b05, #c67812, #2c7da0, #fff7ed, #e63b05) !important;
    animation: editorialButtonBorderSpin 2.8s linear infinite !important;
}

.home-page .editorial-marquee__button::after {
    content: "" !important;
    position: absolute !important;
    z-index: -1 !important;
    inset: 2px !important;
    border-radius: inherit !important;
    background: #8f1714 !important;
    transition: background-color .2s ease !important;
}

.home-page .editorial-marquee__button .editorial-marquee__button-light {
    position: absolute !important;
    z-index: 1 !important;
    inset: -45% auto -45% -55% !important;
    width: 38% !important;
    transform: skewX(-22deg) translateX(-180%) !important;
    background: linear-gradient(90deg, transparent, rgb(255 255 255 / .92), transparent) !important;
    filter: blur(1px) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    animation: editorialButtonLightFlash 3.9s ease-in-out infinite !important;
}

.home-page .editorial-marquee__button:hover {
    background: #241b17 !important;
    border-color: #241b17 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 22px 42px rgb(36 27 23 / .22) !important;
}

.home-page .editorial-marquee__button:hover::after {
    background: #241b17 !important;
}

.home-page .editorial-marquee__lines {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    overflow: hidden !important;
}

.home-page .editorial-marquee__line {
    position: absolute !important;
    left: 0 !important;
    width: clamp(8rem, 21vw, 24rem) !important;
    height: 1px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, transparent, rgb(249 115 22 / .2) 12%, rgb(143 23 20 / .5) 52%, transparent) !important;
    opacity: .72 !important;
    transform: translateX(110vw) !important;
    animation: editorialLineFloat 8.5s linear infinite !important;
}

.home-page .editorial-marquee__line:nth-child(1) {
    top: 24% !important;
    animation-delay: 0s !important;
}

.home-page .editorial-marquee__line:nth-child(2) {
    top: 38% !important;
    width: clamp(5.5rem, 14vw, 14rem) !important;
    animation-delay: -1.2s !important;
    animation-duration: 6.4s !important;
}

.home-page .editorial-marquee__line:nth-child(3) {
    top: 52% !important;
    width: clamp(8rem, 21vw, 22rem) !important;
    animation-delay: -2.4s !important;
    animation-duration: 8.6s !important;
}

.home-page .editorial-marquee__line:nth-child(4) {
    top: 66% !important;
    width: clamp(4.5rem, 12vw, 12rem) !important;
    animation-delay: -3.6s !important;
    animation-duration: 6.9s !important;
}

.home-page .editorial-marquee__line:nth-child(5) {
    top: 78% !important;
    width: clamp(6.5rem, 16vw, 16rem) !important;
    animation-delay: -4.8s !important;
    animation-duration: 7.9s !important;
}

.home-page .editorial-marquee__line:nth-child(6) {
    top: 13% !important;
    width: clamp(4rem, 10vw, 10rem) !important;
    animation-delay: -5.7s !important;
    animation-duration: 6.1s !important;
}

@keyframes editorialLineFloat {
    from {
        transform: translateX(110vw);
    }
    to {
        transform: translateX(-32vw);
    }
}

@keyframes editorialTitleMove {
    0%,
    100% {
        background-position: 0% 50%;
        transform: translateY(0) scale(1);
    }
    35% {
        background-position: 72% 50%;
        transform: translateY(-4px) scale(1.025);
    }
    70% {
        background-position: 100% 50%;
        transform: translateY(3px) scale(.995);
    }
}

@keyframes editorialButtonBorderSpin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes editorialButtonLightFlash {
    0%,
    58%,
    100% {
        opacity: 0;
        transform: skewX(-22deg) translateX(-180%);
    }
    68% {
        opacity: .95;
    }
    82% {
        opacity: 0;
        transform: skewX(-22deg) translateX(470%);
    }
}

@media (max-width: 767px) {
    .home-page .editorial-marquee {
        min-height: 14rem !important;
        margin-top: 1.35rem !important;
        margin-bottom: 1.35rem !important;
        padding: 2.1rem 1rem !important;
    }

    .home-page .editorial-marquee__title {
        font-size: clamp(3rem, 17vw, 4.5rem) !important;
    }

    .home-page .editorial-marquee__line {
        width: clamp(4.5rem, 28vw, 8rem) !important;
    }

    .home-page .editorial-marquee__button {
        width: min(100%, 20rem) !important;
        min-height: 3rem !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-page .editorial-marquee__title {
        animation: none !important;
        background-position: 50% 50% !important;
        transform: none !important;
    }

    .home-page .editorial-marquee__line {
        animation: none !important;
        transform: translateX(45vw) !important;
    }

    .home-page .editorial-marquee__button::before {
        animation: none !important;
    }

    .home-page .editorial-marquee__button .editorial-marquee__button-light {
        animation: none !important;
        opacity: 0 !important;
    }
}

/* Footer unificado con el fondo de la barra final. */
body > .px-8.pt-5.bg-linear-to-b {
    background: #241b17 !important;
    padding-top: clamp(1rem, 2.5vw, 1.5rem) !important;
    padding-bottom: 0 !important;
}

body > .px-8.pt-5.bg-linear-to-b footer.site-footer.footer.bg-secondary,
body > .px-8.pt-5.bg-linear-to-b footer.footer.bg-secondary {
    background: #241b17 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body > footer.footer.footer-center.bg-base-300 {
    background: #241b17 !important;
    border: 0 !important;
    margin-top: 0 !important;
}

body > footer.footer.footer-center.bg-base-300 p {
    color: rgba(255, 255, 255, .78) !important;
}

/* Pagina editorial */
.editorial-page {
    min-height: 100vh;
    color: #241b17;
    background: #fffaf7;
    font-family: "Inconsolata", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.editorial-page h1,
.editorial-page h2,
.editorial-page h3 {
    font-family: "DM Serif Display", Georgia, "Times New Roman", serif;
    letter-spacing: 0;
}

.editorial-modal-open {
    overflow: hidden;
}

.editorial-page[data-requires-auth="registro"] .editorial-upload {
    visibility: hidden;
}

.editorial-page[data-requires-auth="registro"].is-auth-ready .editorial-upload {
    visibility: visible;
}

.editorial-nav {
    background: transparent !important;
}

.editorial-nav__brand img {
    width: clamp(5.6rem, 11vw, 9rem);
    height: auto;
}

.editorial-nav__links {
    display: flex !important;
    justify-content: center;
    gap: .5rem;
    min-width: 0;
}

.editorial-nav__links a,
.editorial-nav__action,
.editorial-button,
.editorial-process a,
.editorial-footer a {
    text-decoration: none;
    font-weight: 800;
}

.editorial-nav__links a {
    color: var(--color-base-content, #2b211b) !important;
}

.editorial-nav__links a:hover {
    color: var(--color-primary, #b8322a) !important;
}

.editorial-nav__links a.is-active {
    color: #e63b05 !important;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: .35rem;
}

.editorial-nav__action,
.editorial-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.85rem;
    padding: .72rem 1.15rem;
    border-radius: 999px;
    line-height: 1.1;
}

.editorial-nav__action,
.editorial-button--primary {
    color: #fffaf7;
    background: #8f1714;
    box-shadow: 0 14px 30px rgb(143 23 20 / .18);
}

.editorial-button--secondary {
    color: #8f1714;
    background: #fff;
    border: 1px solid rgb(143 23 20 / .28);
}

.editorial-hero {
    display: grid;
    gap: clamp(1.1rem, 3vw, 2rem);
    padding: 0 0 clamp(2rem, 5vw, 4.5rem);
    background: linear-gradient(110deg, #fff7ed 0%, #fffaf7 54%, #e7f5fb 100%);
}

.editorial-carousel {
    position: relative;
    min-height: 100svh;
    overflow: hidden;
    border-radius: 0;
    background: #241b17;
    box-shadow: 0 22px 60px rgb(36 27 23 / .24);
}

.editorial-carousel__slide {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    opacity: 0;
    transform: scale(1.015);
    transition: opacity .55s ease, transform .75s ease;
    pointer-events: none;
}

.editorial-carousel__slide.is-active {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
}

.editorial-carousel__image {
    position: relative;
    min-width: 0;
    overflow: hidden;
}

.editorial-carousel__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(.95) contrast(1.02);
}

.editorial-carousel__image--left img {
    object-position: center;
}

.editorial-carousel__image--right img {
    object-position: center;
}

.editorial-carousel__slide::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgb(36 27 23 / .62), rgb(36 27 23 / .12) 48%, rgb(36 27 23 / .45)),
        linear-gradient(0deg, rgb(36 27 23 / .76), transparent 58%);
    pointer-events: none;
}

.editorial-carousel__caption {
    position: absolute;
    z-index: 2;
    left: clamp(1rem, 4vw, 3.5rem);
    right: clamp(1rem, 4vw, 3.5rem);
    bottom: clamp(4.8rem, 8vw, 7rem);
    max-width: min(58rem, 86vw);
    color: #fffaf7;
}

.editorial-carousel__caption .editorial-kicker {
    color: #f8c27c;
}

.editorial-carousel__caption h1 {
    max-width: 52rem;
    font-size: clamp(2.6rem, 6.6vw, 6.4rem);
    line-height: .9;
    font-weight: 400;
}

.editorial-carousel__caption p {
    max-width: 37rem;
    margin-top: .9rem;
    color: rgb(255 250 247 / .86);
    font-size: clamp(1rem, 1.7vw, 1.2rem);
    line-height: 1.35;
}

.editorial-carousel__controls {
    position: absolute;
    z-index: 3;
    left: clamp(1rem, 4vw, 3.5rem);
    bottom: clamp(1rem, 3vw, 2rem);
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    padding: .55rem .7rem;
    color: #fffaf7;
    background: rgb(36 27 23 / .68);
    border: 1px solid rgb(255 250 247 / .18);
    border-radius: 999px;
    backdrop-filter: blur(12px);
}

.editorial-carousel__controls button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    color: #fffaf7;
    background: rgb(255 250 247 / .12);
    border: 1px solid rgb(255 250 247 / .16);
    border-radius: 999px;
    cursor: pointer;
    font-weight: 900;
    line-height: 1;
}

.editorial-carousel__dots {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

.editorial-carousel__dots span {
    display: block;
    width: .5rem;
    height: .5rem;
    border-radius: 999px;
    background: rgb(255 250 247 / .38);
}

.editorial-carousel__dots span.is-active {
    width: 1.45rem;
    background: #f8c27c;
}

.editorial-hero__intro {
    display: grid;
    justify-items: center;
    gap: .9rem;
    width: 100%;
    max-width: none;
    padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 5vw, 4rem) 0;
    text-align: center;
}

.editorial-hero__intro > .editorial-kicker {
    margin-bottom: 0;
}

.editorial-kicker {
    display: inline-flex;
    margin-bottom: .65rem;
    color: #2c7da0;
    font-size: clamp(.82rem, 1vw, .95rem);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.editorial-hero__intro h2 {
    max-width: 64rem;
    color: #241b17;
    font-size: clamp(2rem, 4vw, 3.8rem);
    line-height: 1;
    font-weight: 400;
}

.editorial-hero__intro p,
.editorial-section__heading p {
    max-width: 42rem;
    margin-top: 1rem;
    color: #5c463b;
    font-size: clamp(1rem, 1.6vw, 1.18rem);
    line-height: 1.45;
}

.editorial-hero__intro p {
    max-width: 58rem;
    margin-top: 0;
}

.editorial-hero__actions {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    gap: .7rem;
    width: min(72rem, 100%);
    margin-top: .6rem;
}

.editorial-hero__actions .editorial-button {
    animation: editorial-service-pulse 7.5s ease-in-out infinite;
}

.editorial-hero__actions .editorial-button:nth-child(2) {
    animation-delay: 1.5s;
}

.editorial-hero__actions .editorial-button:nth-child(3) {
    animation-delay: 3s;
}

.editorial-hero__actions .editorial-button:nth-child(4) {
    animation-delay: 4.5s;
}

.editorial-hero__actions .editorial-button:nth-child(5) {
    animation-delay: 6s;
}

@keyframes editorial-service-pulse {
    0%,
    14%,
    100% {
        color: #8f1714;
        background: #fff;
        border-color: rgb(143 23 20 / .28);
        box-shadow: none;
    }

    5%,
    9% {
        color: #fffaf7;
        background: #b8322a;
        border-color: #b8322a;
        box-shadow: 0 14px 30px rgb(184 50 42 / .22);
    }
}

.editorial-section {
    position: relative;
    padding: clamp(2rem, 5vw, 4.5rem) clamp(1rem, 5vw, 4rem);
    overflow: hidden;
}

.editorial-section:nth-of-type(odd) {
    background: #fffaf7;
}

.editorial-section:nth-of-type(even) {
    background: #f6fbfd;
}

.editorial-section::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: .35rem;
    background: linear-gradient(180deg, #e63b05, #2c7da0);
    opacity: .38;
}

.editorial-section__heading,
.editorial-process-grid,
.editorial-role-grid,
.editorial-panel,
.editorial-flow,
.editorial-roadmap__list {
    position: relative;
    z-index: 1;
}

.editorial-section__heading {
    max-width: 54rem;
    margin-bottom: clamp(1.25rem, 3vw, 2rem);
}

.editorial-section h2 {
    color: #241b17;
    font-size: clamp(2rem, 4.2vw, 4rem);
    line-height: 1;
    font-weight: 400;
}

.editorial-process-grid,
.editorial-role-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    align-items: stretch;
}

.editorial-process,
.editorial-role-grid article,
.editorial-panel,
.editorial-flow,
.editorial-roadmap__list {
    background: #fff;
    border: 1px solid rgb(143 23 20 / .14);
    border-radius: .5rem;
    box-shadow: 0 14px 34px rgb(36 27 23 / .07);
}

.editorial-process,
.editorial-role-grid article {
    display: grid;
    align-content: start;
    gap: .7rem;
    min-height: 16rem;
    padding: clamp(1rem, 2vw, 1.35rem);
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.editorial-process:hover,
.editorial-role-grid article:hover {
    transform: translateY(-.45rem);
    border-color: rgb(230 59 5 / .28);
    box-shadow: 0 24px 54px rgb(36 27 23 / .14);
}

.editorial-work-card-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.editorial-work-card {
    position: relative;
    scroll-margin-top: 7rem;
    cursor: pointer;
    overflow: hidden;
    background:
        linear-gradient(145deg, rgb(255 255 255 / .96), rgb(255 247 237 / .92)),
        #fff;
}

.editorial-work-card::after {
    content: "";
    position: absolute;
    right: -2.6rem;
    bottom: -2.6rem;
    width: 7rem;
    height: 7rem;
    border: 1px solid rgb(44 125 160 / .22);
    border-radius: 50%;
}

.editorial-work-card__tag {
    display: inline-flex;
    width: max-content;
    padding: .32rem .62rem;
    color: #2c7da0;
    background: rgb(44 125 160 / .1);
    border-radius: 999px;
    font-size: .82rem;
    font-weight: 900;
}

.editorial-work-card__trigger {
    align-self: end;
    width: max-content;
    margin-top: auto;
    color: #8f1714;
    font-weight: 900;
    cursor: pointer;
}

.editorial-work-modal[hidden] {
    display: none;
}

.editorial-work-modal {
    position: fixed;
    inset: 0;
    z-index: 80;
    display: grid;
    place-items: center;
    padding: clamp(1rem, 4vw, 3rem);
}

.editorial-work-modal__shade {
    position: absolute;
    inset: 0;
    background: rgb(36 27 23 / .56);
    backdrop-filter: blur(10px);
}

.editorial-work-modal__panel {
    position: relative;
    z-index: 1;
    width: min(46rem, 100%);
    max-height: min(42rem, 88vh);
    overflow: auto;
    padding: clamp(1.25rem, 3vw, 2rem);
    color: #241b17;
    background: rgb(255 250 247 / .9);
    border: 1px solid rgb(255 255 255 / .54);
    border-radius: .65rem;
    box-shadow: 0 34px 90px rgb(36 27 23 / .32);
}

.editorial-work-modal__close {
    position: absolute;
    top: .8rem;
    right: .8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.15rem;
    height: 2.15rem;
    color: #8f1714;
    background: #fff;
    border: 1px solid rgb(143 23 20 / .18);
    border-radius: 999px;
    cursor: pointer;
    font-weight: 900;
}

.editorial-work-modal__panel h3 {
    max-width: 36rem;
    color: #241b17;
    font-size: clamp(2rem, 4vw, 3.6rem);
    line-height: .95;
}

.editorial-work-modal__body {
    display: grid;
    gap: 1rem;
    margin: 1rem 0 1.25rem;
    color: #5c463b;
    line-height: 1.45;
}

.editorial-work-modal__body ul {
    display: grid;
    gap: .55rem;
}

.editorial-work-modal__body li {
    position: relative;
    padding-left: 1.2rem;
}

.editorial-work-modal__body li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .58em;
    width: .45rem;
    height: .45rem;
    background: #e63b05;
    border-radius: 999px;
}

.editorial-process__number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem;
    color: #fffaf7;
    background: #e63b05;
    border-radius: 999px;
    font-weight: 900;
}

.editorial-process h3,
.editorial-role-grid h3 {
    color: #241b17;
    font-size: clamp(1.35rem, 2vw, 1.85rem);
    line-height: 1.05;
}

.editorial-process p,
.editorial-role-grid p,
.editorial-checklist,
.editorial-roadmap__list {
    color: #5c463b;
    line-height: 1.42;
}

.editorial-process a {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    align-self: end;
    color: #8f1714;
}

.editorial-process a::after {
    content: ">";
    transition: transform .2s ease;
}

.editorial-process:hover a::after {
    transform: translateX(.25rem);
}

.editorial-section--split {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(18rem, .7fr);
    gap: 1rem;
    background: #f6fbfd;
}

.editorial-panel,
.editorial-flow {
    padding: clamp(1rem, 2.5vw, 1.5rem);
}

.editorial-checklist {
    display: grid;
    gap: .62rem;
    margin-top: 1rem;
}

.editorial-checklist li {
    position: relative;
    padding-left: 1.15rem;
}

.editorial-checklist li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .55em;
    width: .42rem;
    height: .42rem;
    border-radius: 999px;
    background: #2c7da0;
}

.editorial-flow {
    position: relative;
    display: grid;
    gap: .9rem;
    align-content: center;
}

.editorial-flow::before {
    content: "";
    position: absolute;
    top: 2rem;
    bottom: 2rem;
    left: 2.55rem;
    width: 2px;
    background: linear-gradient(180deg, #8f1714, #2c7da0);
    opacity: .28;
}

.editorial-flow div {
    position: relative;
    display: grid;
    grid-template-columns: 2.2rem minmax(0, 1fr);
    align-items: center;
    gap: .8rem;
    padding: .78rem .85rem;
    background: linear-gradient(110deg, #fff7ed, #fff);
    border-radius: .4rem;
    border: 1px solid rgb(143 23 20 / .1);
    transition: transform .24s ease, background .24s ease;
}

.editorial-flow div:hover {
    transform: translateX(.35rem);
    background: #fff;
}

.editorial-flow strong {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    color: #fffaf7;
    background: #8f1714;
    border-radius: 999px;
}

.editorial-roadmap {
    background: #fff7ed;
}

.editorial-roadmap__list {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .65rem;
    max-width: none;
    padding: 0;
    list-style: none;
    background: transparent;
    border: 0;
    box-shadow: none;
    counter-reset: editorial-roadmap;
}

.editorial-roadmap__list li {
    position: relative;
    min-height: 12rem;
    padding: 3.4rem 1rem 1rem;
    background: #fff;
    border: 1px solid rgb(143 23 20 / .14);
    border-radius: .5rem;
    box-shadow: 0 14px 34px rgb(36 27 23 / .07);
    counter-increment: editorial-roadmap;
    transition: transform .28s ease, box-shadow .28s ease;
}

.editorial-roadmap__list li::before {
    content: counter(editorial-roadmap, decimal-leading-zero);
    position: absolute;
    top: 1rem;
    left: 1rem;
    color: #2c7da0;
    font-weight: 900;
}

.editorial-roadmap__list li:hover {
    transform: translateY(-.35rem);
    box-shadow: 0 22px 46px rgb(36 27 23 / .13);
}

.editorial-reveal {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .55s ease, transform .55s ease;
}

.editorial-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.editorial-reveal-group .editorial-reveal:nth-child(2) {
    transition-delay: .08s;
}

.editorial-reveal-group .editorial-reveal:nth-child(3) {
    transition-delay: .16s;
}

.editorial-reveal-group .editorial-reveal:nth-child(4) {
    transition-delay: .24s;
}

.editorial-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem clamp(1rem, 5vw, 4rem);
    color: rgb(255 250 247 / .86);
    background: #241b17;
}

.editorial-footer img {
    width: 7rem;
}

.editorial-footer p {
    margin: 0;
}

.editorial-footer a {
    color: #fffaf7;
}

.editorial-upload {
    min-height: 100vh;
    padding-top: clamp(7rem, 13vw, 9rem);
    background: linear-gradient(120deg, #fff7ed, #f6fbfd);
}

.editorial-upload__hero,
.editorial-upload__layout {
    padding-inline: clamp(1rem, 5vw, 4rem);
}

.editorial-upload__hero {
    display: grid;
    justify-items: center;
    text-align: center;
    gap: .8rem;
}

.editorial-upload__hero h1 {
    max-width: 58rem;
    color: #241b17;
    font-size: clamp(2.3rem, 5vw, 5rem);
    line-height: .95;
}

.editorial-upload__hero p {
    max-width: 42rem;
    color: #5c463b;
    font-size: clamp(1rem, 1.6vw, 1.2rem);
}

.editorial-upload__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, .42fr);
    gap: 1rem;
    max-width: 78rem;
    margin: clamp(1.4rem, 4vw, 2.5rem) auto 0;
    padding-bottom: clamp(2rem, 5vw, 4rem);
}

.editorial-upload__form,
.editorial-upload__steps {
    background: #fff;
    border: 1px solid rgb(143 23 20 / .14);
    border-radius: .55rem;
    box-shadow: 0 18px 46px rgb(36 27 23 / .1);
}

.editorial-upload__form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding: clamp(1rem, 2.5vw, 1.5rem);
}

.editorial-upload__form label {
    display: grid;
    gap: .38rem;
    color: #5c463b;
    font-weight: 900;
}

.editorial-upload__form .editorial-upload-full,
.editorial-upload__form button {
    grid-column: 1 / -1;
}

.editorial-upload__form input,
.editorial-upload__form select,
.editorial-upload__form textarea {
    width: 100%;
    padding: .78rem .85rem;
    color: #241b17;
    background: #fffaf7;
    border: 1px solid rgb(143 23 20 / .16);
    border-radius: .42rem;
    font-weight: 600;
}

.editorial-orcid-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    padding: .9rem 1rem;
    color: #5c463b;
    background: #f6fbfd;
    border: 1px solid rgb(44 125 160 / .18);
    border-radius: .5rem;
}

.editorial-orcid-box strong {
    color: #241b17;
}

.editorial-orcid-box p {
    margin: .2rem 0 0;
    line-height: 1.35;
}

.editorial-authors-box {
    display: grid;
    gap: 1rem;
    grid-column: 1 / -1;
    padding: 1rem;
    background: #fffaf7;
    border: 1px solid rgb(143 23 20 / .16);
    border-radius: .55rem;
}

.editorial-authors-box legend {
    padding: 0 .45rem;
    color: #241b17;
    font-family: "DM Serif Display", Georgia, "Times New Roman", serif;
    font-size: clamp(1.4rem, 2.4vw, 2rem);
}

.editorial-authors-box > p {
    margin: -.45rem 0 0;
    color: #5c463b;
    line-height: 1.35;
}

.editorial-author-list {
    display: grid;
    gap: .9rem;
}

.editorial-author-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    padding: .9rem;
    background: #fff;
    border: 1px solid rgb(44 125 160 / .16);
    border-radius: .5rem;
}

.editorial-author-row__contribution,
.editorial-author-row__remove {
    grid-column: 1 / -1;
}

.editorial-author-row__remove {
    justify-self: start;
    color: #8f1714;
    cursor: pointer;
    font-weight: 900;
}

.editorial-authors-summary {
    display: grid;
    gap: .75rem;
    padding: 1rem;
    background: #f6fbfd;
    border: 1px solid rgb(44 125 160 / .18);
    border-radius: .55rem;
}

.editorial-authors-summary h2 {
    color: #241b17;
    font-size: clamp(1.45rem, 2.3vw, 2.2rem);
    line-height: 1;
}

.editorial-authors-summary__table {
    overflow-x: auto;
}

.editorial-authors-summary table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border-radius: .45rem;
    overflow: hidden;
}

.editorial-authors-summary th,
.editorial-authors-summary td {
    padding: .7rem .75rem;
    border-bottom: 1px solid rgb(143 23 20 / .1);
    text-align: left;
    vertical-align: top;
}

.editorial-authors-summary th {
    color: #241b17;
    background: #fff7ed;
    font-weight: 900;
}

.editorial-authors-summary td {
    color: #5c463b;
}

.editorial-upload__steps {
    align-self: start;
    padding: clamp(1rem, 2.5vw, 1.5rem);
}

.editorial-upload__steps h2 {
    color: #241b17;
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    line-height: 1;
}

.editorial-upload__steps ol {
    display: grid;
    gap: .7rem;
    margin-top: 1rem;
    color: #5c463b;
    list-style: decimal;
    padding-left: 1.35rem;
}

.editorial-process-page {
    padding-bottom: clamp(2rem, 5vw, 4rem);
}

.editorial-process-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .75rem;
    margin-top: .3rem;
}

.editorial-process-list {
    display: grid;
    gap: 1rem;
    width: min(72rem, calc(100% - 2rem));
    margin: clamp(1.4rem, 4vw, 2.5rem) auto 0;
}

.editorial-process-item,
.editorial-process-empty {
    background: #fff;
    border: 1px solid rgb(143 23 20 / .14);
    border-radius: .55rem;
    box-shadow: 0 18px 46px rgb(36 27 23 / .1);
}

.editorial-process-item {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(18rem, 1.1fr);
    gap: 1rem;
    padding: clamp(1rem, 2.5vw, 1.5rem);
}

.editorial-process-item h2,
.editorial-process-empty h2 {
    color: #241b17;
    font-size: clamp(1.7rem, 3vw, 2.45rem);
    line-height: 1;
}

.editorial-process-item p,
.editorial-process-empty p {
    margin: .65rem 0 0;
    color: #5c463b;
    line-height: 1.45;
}

.editorial-process-item dl {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    margin: 0;
}

.editorial-process-item dl > div {
    padding: .85rem;
    background: #fffaf7;
    border: 1px solid rgb(143 23 20 / .1);
    border-radius: .45rem;
}

.editorial-process-item dt {
    color: #8f1714;
    font-size: .82rem;
    font-weight: 900;
    text-transform: uppercase;
}

.editorial-process-item dd {
    margin: .3rem 0 0;
    color: #241b17;
    font-weight: 800;
}

.editorial-process-badge {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: .35rem .65rem;
    color: #176b3a;
    background: rgb(23 107 58 / .1);
    border-radius: 999px;
}

.editorial-process-empty {
    display: grid;
    justify-items: center;
    gap: .75rem;
    padding: clamp(1.2rem, 3vw, 2rem);
    text-align: center;
}

.reviewer-register .editorial-upload__hero p {
    max-width: 48rem;
}

.reviewer-register__form .editorial-authors-summary {
    align-content: start;
}

.reviewer-readonly-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.reviewer-area-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem .85rem;
    max-height: 16rem;
    overflow: auto;
    padding-right: .25rem;
}

.reviewer-area-options label,
.reviewer-acceptance {
    display: flex !important;
    align-items: flex-start;
    gap: .55rem;
    color: #5c463b;
    font-weight: 800;
    line-height: 1.35;
}

.reviewer-area-options input,
.reviewer-acceptance input {
    width: auto;
    min-width: 1rem;
    margin-top: .18rem;
}

@media (max-width: 980px) {
    .editorial-nav {
        grid-template-columns: auto auto;
    }

    .editorial-nav__links {
        grid-column: 1 / -1;
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: .2rem;
    }

    .editorial-section--split {
        grid-template-columns: 1fr;
    }

    .editorial-process-grid,
    .editorial-role-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .editorial-roadmap__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .editorial-upload__layout {
        grid-template-columns: 1fr;
    }

    .editorial-process-item {
        grid-template-columns: 1fr;
    }

    .reviewer-readonly-grid {
        grid-template-columns: 1fr;
    }

    .editorial-author-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .editorial-nav {
        align-items: start;
        gap: .65rem;
    }

    .editorial-nav__action {
        min-height: 2.45rem;
        padding: .58rem .8rem;
        font-size: .88rem;
    }

    .editorial-nav__links {
        gap: .8rem;
        font-size: .9rem;
    }

    .editorial-hero {
        padding-top: 1.5rem;
    }

    .editorial-carousel {
        min-height: 34rem;
        border-radius: .5rem;
    }

    .editorial-carousel__slide {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
    }

    .editorial-carousel__caption {
        bottom: 4.7rem;
    }

    .editorial-carousel__caption h1 {
        font-size: clamp(2.15rem, 13vw, 3.65rem);
        line-height: .95;
    }

    .editorial-carousel__caption p {
        font-size: .98rem;
    }

    .editorial-carousel__controls {
        right: 1rem;
        justify-content: space-between;
    }

    .editorial-process-grid,
    .editorial-role-grid {
        grid-template-columns: 1fr;
    }

    .editorial-process,
    .editorial-role-grid article,
    .editorial-roadmap__list li {
        min-height: auto;
    }

    .editorial-roadmap__list {
        grid-template-columns: 1fr;
    }

    .editorial-upload__form {
        grid-template-columns: 1fr;
    }

    .editorial-success-actions,
    .editorial-process-item dl {
        grid-template-columns: 1fr;
    }

    .reviewer-area-options {
        grid-template-columns: 1fr;
    }

    .editorial-author-row {
        grid-template-columns: 1fr;
    }

    .editorial-footer {
        display: grid;
        justify-items: start;
    }
}

.editorial-feedback-modal[hidden] {
    display: none;
}

.editorial-feedback-modal {
    position: fixed;
    inset: 0;
    z-index: 120;
    display: grid;
    place-items: center;
    padding: 1.25rem;
}

.editorial-feedback-modal__shade {
    position: absolute;
    inset: 0;
    background: rgba(5, 24, 32, 0.58);
}

.editorial-feedback-modal__panel {
    position: relative;
    width: min(100%, 28rem);
    border: 1px solid rgba(7, 59, 76, 0.14);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 24px 60px rgba(6, 24, 32, 0.22);
    padding: 1.35rem;
}

.editorial-feedback-modal__panel h2 {
    margin: 0 0 0.55rem;
    color: var(--editorial-ink);
    font-size: 1.2rem;
    font-weight: 800;
}

.editorial-feedback-modal__panel p {
    margin: 0 0 1.1rem;
    color: var(--editorial-muted);
    line-height: 1.55;
}