/* Minification failed. Returning unminified contents.
(49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(54,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(58,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(60,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(61,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(65,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(68,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(70,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(71,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(72,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(73,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(74,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(76,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(77,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(78,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(79,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(80,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(81,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(83,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(84,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(85,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(86,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(87,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(89,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(90,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(91,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(92,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(93,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(95,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(96,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(97,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(98,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(99,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(157,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(159,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(160,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(210,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(213,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(215,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(217,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(221,17): run-time error CSS1039: Token not allowed after unary operator: '-heading-h1-color'
(222,33): run-time error CSS1039: Token not allowed after unary operator: '-heading-h1-font-feature-settings'
(223,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h1-font-family'
(224,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-h1-font-size'
(225,22): run-time error CSS1039: Token not allowed after unary operator: '-heading-h1-font-style'
(226,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h1-font-weight'
(227,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h1-line-height'
(231,17): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-color'
(232,33): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-feature-settings'
(233,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-family'
(234,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-size'
(235,22): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-style'
(236,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-weight'
(237,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-line-height'
(241,17): run-time error CSS1039: Token not allowed after unary operator: '-heading-h3-color'
(242,33): run-time error CSS1039: Token not allowed after unary operator: '-heading-h3-font-feature-settings'
(243,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h3-font-family'
(244,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-h3-font-size'
(245,22): run-time error CSS1039: Token not allowed after unary operator: '-heading-h3-font-style'
(246,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h3-font-weight'
(247,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h3-line-height'
(251,17): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-color'
(252,33): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-feature-settings'
(253,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-family'
(254,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-size'
(255,22): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-style'
(256,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-weight'
(257,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-line-height'
(261,17): run-time error CSS1039: Token not allowed after unary operator: '-heading-h5-color'
(262,33): run-time error CSS1039: Token not allowed after unary operator: '-heading-h5-font-feature-settings'
(263,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h5-font-family'
(264,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-h5-font-size'
(265,22): run-time error CSS1039: Token not allowed after unary operator: '-heading-h5-font-style'
(266,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h5-font-weight'
(267,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h5-line-height'
(271,17): run-time error CSS1039: Token not allowed after unary operator: '-body-large-color'
(272,33): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-feature-settings'
(273,23): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-family'
(274,21): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-size'
(275,22): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-style'
(276,23): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-weight'
(277,23): run-time error CSS1039: Token not allowed after unary operator: '-body-large-line-height'
(281,17): run-time error CSS1039: Token not allowed after unary operator: '-body-medium-color'
(282,33): run-time error CSS1039: Token not allowed after unary operator: '-body-medium-font-feature-settings'
(283,23): run-time error CSS1039: Token not allowed after unary operator: '-body-medium-font-family'
(284,21): run-time error CSS1039: Token not allowed after unary operator: '-body-medium-font-size'
(285,22): run-time error CSS1039: Token not allowed after unary operator: '-body-medium-font-style'
(286,23): run-time error CSS1039: Token not allowed after unary operator: '-body-medium-font-weight'
(287,23): run-time error CSS1039: Token not allowed after unary operator: '-body-medium-line-height'
(291,17): run-time error CSS1039: Token not allowed after unary operator: '-body-small-color'
(292,33): run-time error CSS1039: Token not allowed after unary operator: '-body-small-font-feature-settings'
(293,23): run-time error CSS1039: Token not allowed after unary operator: '-body-small-font-family'
(294,21): run-time error CSS1039: Token not allowed after unary operator: '-body-small-font-size'
(295,22): run-time error CSS1039: Token not allowed after unary operator: '-body-small-font-style'
(296,23): run-time error CSS1039: Token not allowed after unary operator: '-body-small-font-weight'
(297,23): run-time error CSS1039: Token not allowed after unary operator: '-body-small-line-height'
(302,23): run-time error CSS1039: Token not allowed after unary operator: '-text-500-font-family'
(303,21): run-time error CSS1039: Token not allowed after unary operator: '-text-500-font-size'
(304,22): run-time error CSS1039: Token not allowed after unary operator: '-text-500-font-style'
(305,23): run-time error CSS1039: Token not allowed after unary operator: '-text-500-line-height'
(309,23): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-family'
(310,21): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-size'
(311,22): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-style'
(312,23): run-time error CSS1039: Token not allowed after unary operator: '-text-400-line-height'
(316,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family'
(317,21): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size'
(318,22): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style'
(319,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height'
(323,23): run-time error CSS1039: Token not allowed after unary operator: '-text-200-font-family'
(324,21): run-time error CSS1039: Token not allowed after unary operator: '-text-200-font-size'
(325,22): run-time error CSS1039: Token not allowed after unary operator: '-text-200-font-style'
(326,23): run-time error CSS1039: Token not allowed after unary operator: '-text-200-line-height'
(330,23): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-family'
(331,21): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-size'
(332,22): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-style'
(333,23): run-time error CSS1039: Token not allowed after unary operator: '-text-100-line-height'
(337,23): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-family'
(338,21): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-size'
(339,22): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-style'
(340,23): run-time error CSS1039: Token not allowed after unary operator: '-text-100-line-height'
(344,23): run-time error CSS1039: Token not allowed after unary operator: '-text-bold-font-weight'
(348,23): run-time error CSS1039: Token not allowed after unary operator: '-text-medium-font-weight'
(352,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight'
(359,24): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(442,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(448,34): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(481,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(485,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(489,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(495,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(499,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(503,17): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-400'
(526,17): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-500'
(530,17): run-time error CSS1039: Token not allowed after unary operator: '-enterprise-black'
(534,17): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(538,17): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-400'
(583,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(585,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(587,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(604,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(616,36): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(624,25): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-500'
(656,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(657,35): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(662,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(673,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(679,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(717,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(719,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(721,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(734,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(746,21): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(751,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(778,20): run-time error CSS1019: Unexpected token, found '-'
(778,31): run-time error CSS1031: Expected selector, found ')'
(778,31): run-time error CSS1025: Expected comma or open brace, found ')'
(797,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(798,21): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(817,17): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(824,21): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(829,21): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(839,23): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-family'
(840,21): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-size'
(841,22): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-style'
(842,23): run-time error CSS1039: Token not allowed after unary operator: '-text-400-line-height'
(877,17): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(883,21): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-400'
(891,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(917,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(920,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(939,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(999,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(1006,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(1007,21): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(1024,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(1042,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(1044,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(1045,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(1046,27): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family'
(1047,25): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size'
(1058,36): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(1065,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(1066,32): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(1071,36): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-400'
(1072,32): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-400'
(1080,32): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(1085,32): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(1090,27): run-time error CSS1039: Token not allowed after unary operator: '-text-200-font-family'
(1091,25): run-time error CSS1039: Token not allowed after unary operator: '-text-200-font-size'
(1092,26): run-time error CSS1039: Token not allowed after unary operator: '-text-200-font-style'
(1093,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(1094,27): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight'
(1095,27): run-time error CSS1039: Token not allowed after unary operator: '-text-200-line-height'
(1099,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(1113,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(1124,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(1135,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(1180,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(1181,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(1185,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(1191,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(1195,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(1204,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1209,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(1219,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1240,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-400'
(1246,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(1250,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(1259,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(1262,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(1278,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(1280,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(1301,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1302,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(1303,27): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family'
(1304,25): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size'
(1305,26): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style'
(1306,27): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight'
(1307,27): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height'
(1340,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-400'
(1345,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(1352,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1353,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(1354,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family'
(1355,21): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size'
(1356,22): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style'
(1357,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight'
(1358,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height'
(1359,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(1365,32): run-time error CSS1039: Token not allowed after unary operator: '-green-400'
(1366,28): run-time error CSS1039: Token not allowed after unary operator: '-green-400'
(1367,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1373,32): run-time error CSS1039: Token not allowed after unary operator: '-green-100'
(1374,28): run-time error CSS1039: Token not allowed after unary operator: '-green-100'
(1385,17): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(1386,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1387,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family'
(1388,21): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size'
(1389,22): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style'
(1390,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight'
(1391,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height'
(1392,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(1397,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(1404,21): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(1405,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(1411,17): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(1413,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family'
(1414,21): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size'
(1415,22): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style'
(1416,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight'
(1417,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height'
(1432,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(1440,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(1446,21): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(1453,17): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(1454,23): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-family'
(1455,21): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-size'
(1456,22): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-style'
(1457,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight'
(1458,23): run-time error CSS1039: Token not allowed after unary operator: '-text-100-line-height'
(1467,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family'
(1468,21): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size'
(1469,22): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style'
(1470,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1471,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight'
(1472,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height'
(1478,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(1483,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(1488,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(1489,17): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(1501,28): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(1507,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(1513,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(1519,28): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-500'
(1524,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(1543,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family'
(1544,21): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size'
(1545,22): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style'
(1546,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight'
(1547,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height'
(1549,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1550,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(1564,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(1574,87): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(1574,123): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(1590,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(1592,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1609,23): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-family'
(1610,21): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-size'
(1611,22): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-style'
(1612,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(1613,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight'
(1614,23): run-time error CSS1039: Token not allowed after unary operator: '-text-400-line-height'
(1650,22): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(1653,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1663,22): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(1666,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1725,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(1747,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1748,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(1753,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1754,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1794,28): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-500'
(1795,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1822,31): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-500'
(1827,31): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-500'
(1846,26): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(1847,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1851,26): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(1852,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1856,26): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(1857,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1860,26): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(1861,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1878,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1902,17): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-500'
(1903,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1914,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(1919,32): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(1926,17): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(1955,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1969,32): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(1973,32): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(1977,32): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(1981,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(2013,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(2014,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2025,28): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-200'
(2031,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(2035,17): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-200'
(2046,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2047,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(2056,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(2061,32): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-200'
(2071,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2081,17): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-color'
(2082,33): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-feature-settings'
(2083,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-family'
(2084,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-size'
(2085,22): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-style'
(2086,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-weight'
(2087,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-line-height'
(2131,17): run-time error CSS1039: Token not allowed after unary operator: '-body-large-color'
(2132,33): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-feature-settings'
(2133,23): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-family'
(2134,21): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-size'
(2135,22): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-style'
(2136,23): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-weight'
(2137,23): run-time error CSS1039: Token not allowed after unary operator: '-body-large-line-height'
(2204,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-color'
(2205,37): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-feature-settings'
(2206,27): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-family'
(2207,25): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-size'
(2208,26): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-style'
(2209,27): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-weight'
(2210,27): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-line-height'
(2221,27): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family'
(2222,25): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size'
(2223,26): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style'
(2224,27): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height'
(2231,27): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family'
(2232,25): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size'
(2233,26): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style'
(2234,27): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height'
(2244,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(2248,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2290,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2291,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(2292,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(2298,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-400'
(2299,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2300,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-400'
(2304,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(2308,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2309,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(2310,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(2316,32): run-time error CSS1039: Token not allowed after unary operator: '-green-400'
(2317,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2318,32): run-time error CSS1039: Token not allowed after unary operator: '-green-400'
(2327,32): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(2328,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(2333,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2334,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(2335,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(2341,32): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-400'
(2342,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2343,32): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-400'
(2349,32): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(2350,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(2356,17): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(2357,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2358,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(2364,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(2365,21): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(2369,21): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(2370,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(2376,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2377,28): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(2378,28): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(2384,32): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-400'
(2385,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2386,32): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-400'
(2392,32): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(2393,28): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(2398,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2399,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(2400,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(2406,32): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-400'
(2407,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2408,32): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-400'
(2414,32): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(2415,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(2439,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(2440,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(2457,28): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(2458,28): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(2473,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(2474,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(2490,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(2491,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(2506,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(2507,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(2512,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(2513,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(2517,24): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(2524,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(2528,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(2542,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(2548,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(2590,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(2592,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2614,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(2625,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2627,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(2666,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(2667,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(2669,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2675,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2680,28): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(2681,17): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(2685,17): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(2689,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(2690,17): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(2694,17): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(2699,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(2700,17): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(2704,17): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(2747,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(2762,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(2770,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(2778,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2804,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(2805,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(2806,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(2835,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(2867,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(2868,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2877,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2878,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2890,42): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2901,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(2907,29): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(2911,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2922,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(2923,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(2938,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(2959,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(2961,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(2969,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2971,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(2980,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2982,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(3003,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-400'
(3019,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(3027,32): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(3053,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(3059,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(3063,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(3064,28): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(3065,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family'
(3066,21): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size'
(3067,22): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style'
(3068,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight'
(3069,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height'
(3076,32): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-400'
(3081,17): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(3083,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family'
(3084,21): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size'
(3085,22): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style'
(3086,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight'
(3087,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height'
(3102,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(3110,32): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(3115,21): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(3141,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(3158,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(3166,17): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-300'
(3174,17): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(3203,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(3213,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(3214,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(3259,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-600'
(3265,21): run-time error CSS1039: Token not allowed after unary operator: '-text-200-font-size'
(3297,29): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(3299,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(3300,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(3308,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(3309,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(3315,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(3317,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(3318,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(3345,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
 */
/* FUENTES DEL DESIGN SYSTEM
   Se sirven en WOFF2 (comprimido con Brotli, mismos 555 glifos que el OTF original): las tres
   pesan 92 KB en vez de 201 KB. El OTF queda como segunda fuente para cualquier navegador sin
   soporte de WOFF2; el navegador descarga UNA sola de las dos, nunca ambas.

   font-display: swap es lo que más se nota al cargar una pantalla. Por defecto (font-display: auto)
   el navegador aplica un "block period" de hasta 3 segundos durante el cual el texto que usa la
   fuente se dibuja INVISIBLE mientras la descarga; con swap se pinta de inmediato con la fuente de
   respaldo y se recambia al llegar AvenirNext. El contenido deja de esperar a la fuente.

   Al tocar estas reglas hay que espejarlas en AdmCloudCore\wwwroot\content\DesignSystemBase.css
   (y copiar los .woff2 a wwwroot\content\fonts), porque ese proyecto sirve su propia copia de los
   estáticos y si no queda con la versión vieja. */
@font-face {
    font-family: "AvenirNext";
    src: url('../Content/fonts/AvenirNextLTPro-Regular.woff2') format('woff2'),
         url('../Content/fonts/AvenirNextLTPro-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "AvenirNext";
    src: url('../Content/fonts/AvenirNextLTPro-Demi.woff2') format('woff2'),
         url('../Content/fonts/AvenirNextLTPro-Demi.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "AvenirNext";
    src: url('../Content/fonts/AvenirNextLTPro-Bold.woff2') format('woff2'),
         url('../Content/fonts/AvenirNextLTPro-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    /* 1. COLORS   */
    /* Paleta de marca 2026. Los nombres de los tokens son los historicos (los consume todo el CSS),
       pero sus valores ya son la paleta nueva: Enterprise Blue #26A4DD, Scale Red #D91C5C,
       Start Yellow #FFCB06, Adm Grey #2B2C2C, Cloud Grey #A2ACBD, Soft Grey #E6E7E8.
       Los tonos -300..-500 de RESOLUTION BLUE son el mismo azul oscurecido para que el texto
       blanco de los botones pase WCAG AA (#26A4DD con blanco da 2.8:1). */
    /* NEUTRAL   */
    --neutral-100: #FFFFFF;
    --neutral-200: #F7F9FC;
    --neutral-300: #E6E7E8;
    --neutral-400: #CACBD7;
    --neutral-500: #989AAD;
    --neutral-600: #6F7182;
    --neutral-700: #3D3E3E;
    --neutral-800: #2B2C2C;
    /* PARIS M (ahora Adm Grey)   */
    --paris-m-100: #5A5C5C;
    --paris-m-200: #4A4B4B;
    --paris-m-300: #3C3D3D;
    --paris-m-400: #333434;
    --paris-m-500: #2B2C2C;
    /* RESOLUTION BLUE (ahora Enterprise Blue, primario)   */
    --resolution-blue-100: #26A4DD;
    --resolution-blue-200: #1E8FC3;
    --resolution-blue-300: #1A7AA8;
    --resolution-blue-400: #16709A;
    --resolution-blue-500: #156690;
    /* SUMMER SKY (ahora Enterprise Blue, acento)   */
    --summer-sky-100: #8DD0EE;
    --summer-sky-200: #6CC3EA;
    --summer-sky-300: #4DB5E4;
    --summer-sky-400: #36ACE0;
    --summer-sky-500: #26A4DD;
    /* TANGERINE YELLOW (ahora Start Yellow)   */
    --tangerine-yellow-100: #FFEA9C;
    --tangerine-yellow-200: #FFE170;
    --tangerine-yellow-300: #FFD84A;
    --tangerine-yellow-400: #FFD12A;
    --tangerine-yellow-500: #FFCB06;
    --tangerine-yellow-600: #F2BF00;
    /* FIRE ENGINE RED (ahora Scale Red)   */
    --fire-engine-red-100: #F0A4BE;
    --fire-engine-red-200: #E8799E;
    --fire-engine-red-300: #E14E7F;
    --fire-engine-red-400: #DC336C;
    --fire-engine-red-500: #D91C5C;
    /* GREEN   */
    --green-100: #96CB7A;
    --green-200: #80C55C;
    --green-300: #69BE3E;
    --green-400: #51BA1C;
    --green-500: #3FB206;
    /* ORANGE   */
    --orange-100: #FFBB93;
    --orange-200: #FFA46F;
    --orange-300: #FFA46F;
    --orange-400: #FF9152;
    --orange-500: #F97D35;
    /* VIOLET   */
    --violet-100: #E9D6FF;
    --violet-200: #D8B6FF;
    --violet-300: #C898FF;
    --violet-400: #B575FF;
    --violet-500: #A3558F9;

    /* ENTERPRISE BLACK*/
    --enterprise-black: #2B2C2C;
    --enterprise-black-100: #404141;

    /* ENTERPRISE BLUE (acento del plan Enterprise, marca 2026) */
    --enterprise-blue: #26A4DD;

    /* 2. TYPOGRAPHY   */
    /* Heading h1   */
    --heading-h1-color: var(--neutral-800,#2B2C2C);
    --heading-h1-font-feature-settings: 'liga' off, 'clig' off;
    --heading-h1-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --heading-h1-font-size: 4.2rem;
    --heading-h1-font-style: normal;
    --heading-h1-font-weight: 700;
    --heading-h1-line-height: 5.4rem;
    /* Heading h2   */
    --heading-h2-color: var(--neutral-800,#2B2C2C);
    --heading-h2-font-feature-settings: 'liga' off, 'clig' off;
    --heading-h2-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --heading-h2-font-size: 3.2rem;
    --heading-h2-font-style: normal;
    --heading-h2-font-weight: 700;
    --heading-h2-line-height: 4.8rem;
    /* Heading h3   */
    --heading-h3-color: var(--neutral-800,#2B2C2C);
    --heading-h3-font-feature-settings: 'liga' off, 'clig' off;
    --heading-h3-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --heading-h3-font-size: 2.4rem;
    --heading-h3-font-style: normal;
    --heading-h3-font-weight: 700;
    --heading-h3-line-height: 3.4rem;
    /* Heading h4   */
    --heading-h4-color: var(--neutral-800,#2B2C2C);
    --heading-h4-font-feature-settings: 'liga' off, 'clig' off;
    --heading-h4-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --heading-h4-font-size: 2.2rem;
    --heading-h4-font-style: normal;
    --heading-h4-font-weight: 700;
    --heading-h4-line-height: 2.8rem;
    /* Heading h5   */
    --heading-h5-color: var(--neutral-800,#2B2C2C);
    --heading-h5-font-feature-settings: 'liga' off, 'clig' off;
    --heading-h5-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --heading-h5-font-size: 1.8rem;
    --heading-h5-font-style: normal;
    --heading-h5-font-weight: 700;
    --heading-h5-line-height: 2.4rem;
    /* Heading h6   */
    --heading-h6-color: var(--neutral-800,#2B2C2C);
    --heading-h6-font-feature-settings: 'liga' off, 'clig' off;
    --heading-h6-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --heading-h6-font-size: 1.6rem;
    --heading-h6-font-style: normal;
    --heading-h6-font-weight: 700;
    --heading-h6-line-height: 2.2rem;
    /* Body large   */
    --body-large-color: var(--neutral-600,#6F7182);
    --body-large-font-feature-settings: 'liga' off, 'clig' off;
    --body-large-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --body-large-font-size: 1.8rem;
    --body-large-font-style: normal;
    --body-large-font-weight: 400;
    --body-large-line-height: 3.2rem;
    /* Body medium   */
    --body-medium-color: var(--neutral-600,#6F7182);
    --body-medium-font-feature-settings: 'liga' off, 'clig' off;
    --body-medium-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --body-medium-font-size: 1.4rem;
    --body-medium-font-style: normal;
    --body-medium-font-weight: 400;
    --body-medium-line-height: 2.6rem;
    /* Body small   */
    --body-medium-color: var(--neutral-600,#6F7182);
    --body-medium-font-feature-settings: 'liga' off, 'clig' off;
    --body-medium-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --body-medium-font-size: 1.2rem;
    --body-medium-font-style: normal;
    --body-medium-font-weight: 400;
    --body-medium-line-height: 2.2rem;
    /* Text 500   */
    --text-500-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --text-500-font-size: 1.8rem;
    --text-500-font-style: normal;
    --text-500-line-height: 2rem;
    /* Text 400   */
    --text-400-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --text-400-font-size: 1.6rem;
    --text-400-font-style: normal;
    --text-400-line-height: 1.8rem;
    /* Text 300   */
    --text-300-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --text-300-font-size: 1.4rem;
    --text-300-font-style: normal;
    --text-300-line-height: 1.6rem;
    /* Text 200   */
    --text-200-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --text-200-font-size: 1.2rem;
    --text-200-font-style: normal;
    --text-200-line-height: 1.4em;
    /* Text 100   */
    --text-100-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --text-100-font-size: 1rem;
    --text-100-font-style: normal;
    --text-100-line-height: 1.2rem;
    /* Text Bold   */
    --text-bold-font-weight: 700;
    /* Text Medium   */
    --text-medium-font-weight: 500;
    /* Text Regular   */
    --text-regular-font-weight: 400;
}

.text-heading-h1 {
    color: var(--heading-h1-color);
    font-feature-settings: var(--heading-h1-font-feature-settings);
    font-family: var(--heading-h1-font-family);
    font-size: var(--heading-h1-font-size);
    font-style: var(--heading-h1-font-style);
    font-weight: var(--heading-h1-font-weight);
    line-height: var(--heading-h1-line-height);
}

.text-heading-h2 {
    color: var(--heading-h2-color);
    font-feature-settings: var(--heading-h2-font-feature-settings);
    font-family: var(--heading-h2-font-family);
    font-size: var(--heading-h2-font-size);
    font-style: var(--heading-h2-font-style);
    font-weight: var(--heading-h2-font-weight);
    line-height: var(--heading-h2-line-height);
}

.text-heading-h3 {
    color: var(--heading-h3-color);
    font-feature-settings: var(--heading-h3-font-feature-settings);
    font-family: var(--heading-h3-font-family);
    font-size: var(--heading-h3-font-size);
    font-style: var(--heading-h3-font-style);
    font-weight: var(--heading-h3-font-weight);
    line-height: var(--heading-h3-line-height);
}

.text-heading-h4 {
    color: var(--heading-h4-color);
    font-feature-settings: var(--heading-h4-font-feature-settings);
    font-family: var(--heading-h4-font-family);
    font-size: var(--heading-h4-font-size);
    font-style: var(--heading-h4-font-style);
    font-weight: var(--heading-h4-font-weight);
    line-height: var(--heading-h4-line-height);
}

.text-heading-h5 {
    color: var(--heading-h5-color);
    font-feature-settings: var(--heading-h5-font-feature-settings);
    font-family: var(--heading-h5-font-family);
    font-size: var(--heading-h5-font-size);
    font-style: var(--heading-h5-font-style);
    font-weight: var(--heading-h5-font-weight);
    line-height: var(--heading-h5-line-height);
}

.text-body-large {
    color: var(--body-large-color);
    font-feature-settings: var(--body-large-font-feature-settings);
    font-family: var(--body-large-font-family);
    font-size: var(--body-large-font-size);
    font-style: var(--body-large-font-style);
    font-weight: var(--body-large-font-weight);
    line-height: var(--body-large-line-height);
}

.text-body-medium {
    color: var(--body-medium-color);
    font-feature-settings: var(--body-medium-font-feature-settings);
    font-family: var(--body-medium-font-family);
    font-size: var(--body-medium-font-size);
    font-style: var(--body-medium-font-style);
    font-weight: var(--body-medium-font-weight);
    line-height: var(--body-medium-line-height);
}

.text-body-small {
    color: var(--body-small-color);
    font-feature-settings: var(--body-small-font-feature-settings);
    font-family: var(--body-small-font-family);
    font-size: var(--body-small-font-size);
    font-style: var(--body-small-font-style);
    font-weight: var(--body-small-font-weight);
    line-height: var(--body-small-line-height);
}


.text-500 {
    font-family: var(--text-500-font-family);
    font-size: var(--text-500-font-size);
    font-style: var(--text-500-font-style);
    line-height: var(--text-500-line-height);
}

.text-400 {
    font-family: var(--text-400-font-family);
    font-size: var(--text-400-font-size);
    font-style: var(--text-400-font-style);
    line-height: var(--text-400-line-height);
}

.text-300 {
    font-family: var(--text-300-font-family);
    font-size: var(--text-300-font-size);
    font-style: var(--text-300-font-style);
    line-height: var(--text-300-line-height);
}

.text-200 {
    font-family: var(--text-200-font-family);
    font-size: var(--text-200-font-size);
    font-style: var(--text-200-font-style);
    line-height: var(--text-200-line-height);
}

.text-100 {
    font-family: var(--text-100-font-family);
    font-size: var(--text-100-font-size);
    font-style: var(--text-100-font-style);
    line-height: var(--text-100-line-height);
}

.text-100 {
    font-family: var(--text-100-font-family);
    font-size: var(--text-100-font-size);
    font-style: var(--text-100-font-style);
    line-height: var(--text-100-line-height);
}

.text-bold {
    font-weight: var(--text-bold-font-weight);
}

.text-medium {
    font-weight: var(--text-medium-font-weight);
}

.text-regular {
    font-weight: var(--text-regular-font-weight);
}



.focus-border:focus {
    outline: none;
    border-color: var(--summer-sky-500);
}

.w-full {
    width: 100%;
}

.relative {
    position: relative;
}

body .show-sm,
body .show-md,
body .show-lg,
body .show-xl,
body .show-2xl {
    display: none;
}

@media (max-width: 767.98px) {
    body .show-sm {
        display: flex;
    }

    body .hide-sm {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
    body .show-md {
        display: flex;
    }

    body .hide-md {
        display: none !important;
    }
}

@media (min-width: 1024px) and (max-width: 1279.98px) {
    body .show-lg {
        display: flex;
    }

    body .hide-lg {
        display: none !important;
    }
}

@media (min-width: 1280px) and (max-width: 1535.98px) {
    body .show-xl {
        display: flex;
    }

    body .hide-xl {
        display: none !important;
    }
}

@media (min-width: 1536px) {
    body .show-2xl {
        display: flex;
    }

    body .hide-2xl {
        display: none !important;
    }
}

.adm-header {
    min-width: 100%;
    flex-shrink: 0;
}

#main {
    display: flex;
    flex: 1;
    min-height: 0px;
}

#sidebar {
    width: 100%;
    max-width: 25.1rem;
    background-color: var(--neutral-100);
    position: relative;
    padding: 3.6rem 0 2rem 0;
    flex-shrink: 0;
    overflow: visible;
    height: 100%;
    border-right: 1px solid var(--neutral-300);
}

.regular-transition {
    transition: all 250ms;
}

#content {
    flex: 1;
    overflow-y: auto;
    position: relative;
    transition: all 250ms ease;
}

html, body {
    overflow: hidden;
    margin: 0;
    padding: 0;
    height: 100svh;
}

body {
    display: flex;
    flex-direction: column;
    height: 100svh;
}

.icon-base {
    height: 2.4rem;
    width: 2.4rem;
}

.neutral-600 {
    color: var(--neutral-600)
}

.neutral-500 {
    color: var(--neutral-500)
}

.neutral-400 {
    color: var(--neutral-400)
}
.line-through{
    text-decoration:line-through;
}
.neutral-800 {
    color: var(--neutral-800)
}

.neutral-100 {
    color: var(--neutral-100)
}

.paris-m-400 {
    color: var(--paris-m-400)
}

.adm-anchor {
    display: block;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

    .adm-anchor:hover,
    .adm-anchor:focus,
    .adm-anchor:active,
    .adm-anchor:visited {
        color: inherit;
        text-decoration: none;
    }

    .adm-anchor:focus-visible {
        outline: none;
    }

.paris-m-500 {
    color: var(--paris-m-500)
}

.enterprise-black {
    color: var(--enterprise-black)
}

.resolution-blue-500 {
    color: var(--resolution-blue-500)
}

.resolution-blue-400 {
    color: var(--resolution-blue-400)
}

.shrink {
    height: 0 !important;
    max-height: 0 !important;
    display: none;
}

.scroll-hidden-but-space {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-gutter: stable;
    -ms-overflow-style: none;
}

    .scroll-hidden-but-space::-webkit-scrollbar {
        width: 0.8rem;
        background: transparent;
    }

    .scroll-hidden-but-space::-webkit-scrollbar-thumb {
        background: transparent;
    }


.backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100svh;
    transform: translateX(-100%);
    transition: transform 100ms ease;
    display: none;
}

.disabled-link {
    cursor: not-allowed;
    opacity: 0.5;
    pointer-events: none;
}


.open .dropdown-menu.adm-dropdown-menu {
    background-color: var(--neutral-100);
    box-shadow: 0 0.2rem 0.3rem 0 rgba(0,0,0,0.2);
    border: 1px solid var(--neutral-300);
    border-radius: 0.8rem;
    color: var(--neutral-600);
    display: flex;
    padding: 0.8rem 0;
    flex-direction: column;
    align-items: stretch;
    list-style: none;
    min-width: max-content;
    width: -webkit-fill-available;
    transition: opacity 550ms ease;
}

.dropdown-menu.adm-dropdown-menu {
    display: none;
    min-width: max-content;
}

    .dropdown-menu.adm-dropdown-menu > li > a {
        color: var(--neutral-600);
        align-items: center;
        display: inline-flex;
        width: 100%;
        padding: 0.4rem 1.2rem 0.4rem 0.8rem;
        gap: 1.6rem;
        transition: all 200ms ease;
        max-width: 250px;
        align-self: stretch;
    }

        .dropdown-menu.adm-dropdown-menu > li > a:hover {
            background-color: var(--neutral-300);
        }

        .dropdown-menu.adm-dropdown-menu > li > a > svg {
            max-width: 2.4rem;
            max-height: 2.4rem;
            width: 100%;
            height: auto;
            color: var(--paris-m-500);
            flex-shrink: 0;
        }

/* Asegura que el sombreado del hover de las opciones del menú de usuario cubra el ancho
   completo del menú, que es más ancho que el tope genérico de 250px de los <a> del dropdown
   (por el listado de roles y la opción de posición del menú). Solo aplica al menú de usuario
   del navbar. */
.dropdown-menu.adm-dropdown-menu.adm-navbar__user-menu > li > a {
    max-width: none;
}

/* Menú de la campana de notificaciones. Sus etiquetas ("Apagar notificaciones y correos")
   superan el tope genérico de 250px de los <a> del dropdown y quedaban pegadas/cortadas contra
   el borde derecho del menú. Se libera el tope y se garantiza el margen derecho para que el
   texto respire; el menú crece con su contenido por el min-width: max-content ya definido. */
.dropdown-menu.adm-dropdown-menu.adm-navbar__notification-menu > li > a {
    max-width: none;
    padding-right: 2.4rem;
    white-space: nowrap;
}

/* Cambio de rol en línea dentro del menú de usuario del navbar.
   El listado de roles se muestra debajo de "Cambiar Rol" y se completa al abrir el menú.
   Usa variables de tema para soportar dark mode automáticamente. */
.adm-navbar__roles-list {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 24rem;
    overflow-y: auto;
    border-top: 1px solid var(--neutral-300);
    border-bottom: 1px solid var(--neutral-300);
}

.adm-navbar__roles-list > .adm-navbar__role-item > a,
.adm-navbar__roles-list > .adm-navbar__role-item > span {
    color: var(--neutral-600);
    display: flex;
    align-items: center;
    gap: 0.8rem;
    width: 100%;
    /* Sangría a la izquierda para alinear bajo el ícono de "Cambiar Rol" */
    padding: 0.4rem 1.2rem 0.4rem 4rem;
    transition: all 200ms ease;
}

    .adm-navbar__roles-list > .adm-navbar__role-item > a:hover {
        background-color: var(--neutral-300);
        cursor: pointer;
    }

.adm-navbar__role-item--current > span {
    font-weight: 600;
    background-color: var(--neutral-200);
}

.adm-navbar__role-name {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 20rem;
}

/* En mobile el menú de usuario (alineado a la derecha y con min-width: max-content) era más ancho
   que la pantalla por el listado de roles y se cortaba por la izquierda. Se limita al ancho de la
   pantalla y los roles hacen wrap: el nombre ocupa las líneas que necesite y la etiqueta de la
   subsidiaria baja a la línea siguiente cuando no cabe. */
@media (max-width: 767.98px) {
    .open .dropdown-menu.adm-dropdown-menu.adm-navbar__user-menu {
        min-width: 0;
        width: max-content;
        max-width: calc(100vw - 3.2rem);
    }

    .adm-navbar__roles-list > .adm-navbar__role-item > a,
    .adm-navbar__roles-list > .adm-navbar__role-item > span {
        flex-wrap: wrap;
        row-gap: 0.2rem;
        padding-left: 2.4rem;
    }

    .adm-navbar__role-name {
        flex: 1 1 auto;
        white-space: normal;
        overflow-wrap: anywhere;
        max-width: none;
    }
}

.ui-menu.ui-widget.ui-widget-content.ui-autocomplete {
    background-color: var(--neutral-100);
    box-shadow: 0 0.2rem 0.3rem 0 rgba(0,0,0,0.2);
    border: 1px solid var(--neutral-300);
    border-radius: 0.8rem;
    color: var(--neutral-600);
    padding: 0.8rem 0;
}

.ui-menu .ui-menu-item.adm-search-result {
    display: flex;
    padding: 0.8rem 1.2rem;
    gap: 0.8rem;
    align-items: center;
    transition: all 300ms ease;
}

    .ui-menu .ui-menu-item.adm-search-result:hover {
        background-color: var(--neutral-300);
    }


.adm-search-result > .adm-search-result__text-content {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    align-items: flex-start;
}

    .adm-search-result > .adm-search-result__text-content > .adm-search-result__text-content-title {
        color: var(--resolution-blue-100);
    }


.ui-menu.ui-widget.ui-widget-content.ui-autocomplete .adm-search-result > svg {
    color: var(--neutral-600);
    list-style-image: none !important;
    max-width: 2.4rem;
    max-height: 2.4rem;
    width: 100%;
    flex-shrink: 0;
    padding: 0;
}

.text-center {
    text-align: center
}

.text-start {
    text-align: start
}

.adm-search-result .ui-state-active {
    background: none !important;
    transform: none !important;
    margin: 0 !important;
    color: inherit !important;
    border: none !important;
}

/* Enlace extra "Ir al dashboard" en cada resultado del buscador global. Se alinea a la derecha con
   margin-left:auto y solo aparece cuando el servidor entrega fixed_dashboard_address. Usa tokens
   (--summer-sky-*/--neutral-*) que se re-mapean en modo oscuro, y el SVG hereda el color vía
   currentColor, por lo que funciona en claro y oscuro sin reglas adicionales. */
.adm-search-result > .adm-search-result__dashboard-link {
    margin-left: auto;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.4rem;
    border-radius: 0.4rem;
    color: var(--summer-sky-500);
    cursor: pointer;
    text-decoration: none;
    transition: background-color 200ms ease;
}

    .adm-search-result > .adm-search-result__dashboard-link:hover,
    .adm-search-result > .adm-search-result__dashboard-link:focus,
    .adm-search-result > .adm-search-result__dashboard-link:focus-visible {
        background-color: var(--neutral-400);
        color: var(--summer-sky-500);
        text-decoration: none;
        outline: none;
    }

    .adm-search-result > .adm-search-result__dashboard-link > svg {
        width: 2rem;
        height: 2rem;
        max-width: 2rem;
        max-height: 2rem;
        flex-shrink: 0;
        /* El clic siempre debe registrarse sobre el <a> (para stopPropagation y navegación),
           no sobre los paths internos del SVG. */
        pointer-events: none;
    }

.adm-link-button {
    transition: border-color 0.25s ease !important;
    padding: 1px 0;
    color: var(--summer-sky-500);
    cursor: pointer;
    outline: none;
    text-decoration: none;
}

    .adm-link-button:link, .adm-link-button:visited {
        color: var(--summer-sky-500);
        outline: none;
    }

    .adm-link-button:hover, .adm-link-button:focus, .adm-link-button:focus-visible {
        color: var(--summer-sky-500);
        text-decoration: underline;
        text-underline-offset: 4px;
        outline: none;
    }

.adm__input-label {
    display: flex;
    align-items: center;
    min-height: 3.4rem;
    font-family: var(--text-400-font-family);
    font-size: var(--text-400-font-size);
    font-style: var(--text-400-font-style);
    line-height: var(--text-400-line-height);
}

.adm__input-group {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1;
}

/* Fila de label con un botón de redirección al extremo derecho (p. ej. "ir al listado de vendedores").
   Mismo patrón visual que .adm-import-docs__card-label-row, pero genérico del Design System para poder
   reusarlo en cualquier .adm__input-group. */
.adm__input-label-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}
    /* min-width: 0 permite que el label trunque con elipsis y el icono quede pegado al extremo. */
    .adm__input-label-row > .adm__input-label {
        min-width: 0;
    }

/* Botón de redirección junto al label: usa el color sky del Design System (los tokens ya los remapea
   DarkMode.css, así que el modo oscuro sale gratis). */
.adm__input-label-redirect {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    padding: 0;
    border: none;
    background: none;
    color: var(--summer-sky-500);
    cursor: pointer;
    flex-shrink: 0;
    transition: color 250ms ease;
}
    .adm__input-label-redirect:hover {
        color: var(--summer-sky-400);
    }
    .adm__input-label-redirect > svg {
        width: 1.6rem;
        height: 1.6rem;
    }
.adm__input-icon > svg {
    position: absolute;
    color: var(--neutral-600);
    top:0;
    right:0;
    transform:translate(-50%,50%);
    pointer-events: none;
}

.adm__input-icon >svg {
    width: 2.4rem;
    height: 2.4rem;
}

.hidden {
    display: none;
}

.adm__input-wrapper {
    min-width: 100%;
    width: 100%;
    position: relative;
}

.adm__input-text {
    min-width: 100%;
    width: 100%;
    padding: 1rem 1.2rem;
    border: 1px solid var(--neutral-300);
    border-radius: 0.8rem;
    outline: none;
    color: var(--neutral-700);
    box-sizing: border-box;
    min-height: 46px;
    transition: all 250ms ease;
}

    .adm__input-text.adm__input-password {
        padding: 1rem 4rem 1rem 1.2rem;
    }
    .adm__input-text.adm__input-select {
        padding: 1rem 4rem 1rem 1.2rem;
        cursor: pointer;
        appearance: none;
        -webkit-appearance:none;
        -moz-appearance:none;
        -moz-appearance:none;
    }

    .adm__input-text.adm__input-select:invalid {
        color: var(--neutral-600)
    }

    /* Campos de fecha (_InputField con Type="date"): son inputs de texto con datepicker, no el input
       nativo, para respetar el formato de fecha de la empresa. */
    .adm__input-text.adm__input-date {
        cursor: pointer;
    }

/* Banda derecha reservada en los campos que llevan un control DENTRO del input: el icono de calendario
   de los campos de fecha y el boton de la calculadora. Sin ella el icono queda montado sobre el texto,
   lo que se nota sobre todo en los montos, que van alineados a la derecha.

   Dos decisiones a proposito:
   - Selector de 3 clases (.adm__input-wrapper > ...): las pantallas redefinen el padding de sus inputs
     con selectores de 2 clases (p. ej. ".adm-import-docs__card-grid .adm__input-text { padding: 8px 12px }"),
     y como sus hojas se cargan despues del DS, ganaban por orden de cascada y borraban este hueco.
   - Solo se fija padding-right, no el shorthand: asi la pantalla sigue controlando el padding vertical
     y el izquierdo de sus campos sin volver a pisar la banda del icono.
   4rem cubre el control (2.8rem) mas su separacion del borde (0.8rem) y deja aire antes del texto. */
.adm__input-wrapper > .adm__input-text.adm__input-date,
.adm__input-wrapper > .adm__input-text.adm__input-calculator {
    padding-right: 4rem;
}

/* =============================================================
   CALCULADORA DE CAMPOS NUMERICOS (modulo AmountCalculator)
   ============================================================= */

/* Contenedor del input en las pantallas que NO usan el Design System, sino los editores clasicos de
   Bootstrap (EditorTemplates2/Decimal.cshtml con EnableCalculator: encabezados de transacciones y fichas).
   Cumple el mismo papel que .adm__input-wrapper en el DS:
   - position: relative -> es el ancestro contra el que se posiciona el boton, que va en absolute.
   - padding-right en el input -> reserva la banda del boton para que el icono no quede montado sobre el
     texto del monto. 4rem cubre el control (2.8rem) mas su separacion del borde (0.8rem) y deja aire.
   Se fija solo padding-right, no el shorthand, para no tocar el padding vertical de Bootstrap. */
.adm-amount-field {
    position: relative;
}

    .adm-amount-field > .form-control {
        padding-right: 4rem;
    }

/* Boton que abre el panel, dentro del .adm__input-wrapper del campo. A diferencia de .adm__input-icon
   (decorativo) este SI recibe clics, por eso lleva su propio posicionamiento y estados. */
.adm__input-calculator-button {
    position: absolute;
    top: 50%;
    right: 0.8rem;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem;
    padding: 0;
    border: none;
    border-radius: 0.6rem;
    background: transparent;
    color: var(--neutral-600);
    cursor: pointer;
    transition: background-color 250ms ease, color 250ms ease;
}

    .adm__input-calculator-button:hover,
    .adm__input-calculator-button:focus-visible {
        background-color: var(--neutral-300);
        color: var(--summer-sky-500);
        outline: none;
    }

    .adm__input-calculator-button > svg {
        width: 2rem;
        height: 2rem;
        /* El clic siempre debe registrarse sobre el <button>, no sobre los paths internos del SVG. */
        pointer-events: none;
    }

/* Panel flotante. Se posiciona por JS en coordenadas de pagina (top/left), por eso es absolute. */
.adm-calculator {
    display: none;
    position: absolute;
    z-index: 1100;
    padding: 0.8rem;
    border: 1px solid var(--neutral-300);
    border-radius: 0.8rem;
    background-color: #fff;
    box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.18);
}

    .adm-calculator.adm-calculator--open {
        display: block;
    }

    .adm-calculator__keys {
        display: grid;
        grid-template-columns: repeat(4, 4.4rem);
        gap: 0.4rem;
    }

    .adm-calculator__key,
    .adm-calculator__accept {
        border: 1px solid var(--neutral-300);
        border-radius: 0.6rem;
        background-color: var(--neutral-200);
        color: var(--neutral-700);
        font-family: var(--text-300-font-family);
        font-size: var(--text-300-font-size);
        cursor: pointer;
        transition: background-color 250ms ease;
    }

    .adm-calculator__key {
        height: 4rem;
    }

        .adm-calculator__key:hover,
        .adm-calculator__accept:hover {
            background-color: var(--neutral-300);
        }

    .adm-calculator__accept {
        width: 100%;
        height: 4rem;
        margin-top: 0.4rem;
        border-color: var(--summer-sky-500);
        background-color: var(--summer-sky-500);
        color: #fff;
    }

        .adm-calculator__accept:hover {
            background-color: var(--summer-sky-400);
            border-color: var(--summer-sky-400);
        }

    .adm-list {
        padding-left: 2rem;
    }

    .adm__input-text:focus, .adm__input-text:focus-visible {
        border: 1px solid var(--summer-sky-500);
        outline: none;
    }

    .adm__input-text.error {
        border: 1px solid var(--fire-engine-red-500);
        outline: none;
    }

    .adm__input-text::placeholder {
        font-family: var(--text-200-font-family);
        font-size: var(--text-200-font-size);
        font-style: var(--text-200-font-style);
        color: var(--neutral-500);
        font-weight: var(--text-regular-font-weight);
        line-height: var(--text-200-line-height)
    }

.adm__password-btn {
    color: var(--neutral-600);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 250ms ease;
    border: 1px solid transparent;
    outline: none;
}

.adm__market-img {
    max-width: 160px;
    max-height: 51px;
    background: black;
    border-radius: 8px;
    border: 1px solid var(--neutral-600);
    margin-inline: 4px;
    padding: 4px;
}

.adm__market-img-big {
    max-height: 60px;
    background: black;
    height: 100%;
    width: auto;
    border-radius: 8px;
    border: 1px solid var(--neutral-600);
    margin-inline: 4px;
    padding: 4px;
}

.adm__password-btn svg {
    width: 20px;
    height: 20px;
}

.adm__toggle-password:focus, .adm__toggle-password:focus-visible {
    border: 1px solid var(--summer-sky-500);
    outline: none;
}

    .adm__toggle-password:focus .adm__password-btn, .adm__toggle-password:focus-visible .adm__password-btn, .adm__password-btn:hover {
        transform: scale(1.1);
    }

.adm__toggle-password:focus, .adm__toggle-password:focus-visible {
    border: 1px solid transparent;
    outline: none;
}


.adm__toggle-password {
    position: absolute;
    right: 1.2rem;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    border: 1px solid transparent;
    outline: none;
}

.adm_checkbox-hidden {
    display: none;
}

.adm_custom-chekbox {
    display: inline-flex;
    align-items: start;
    cursor: pointer;
    gap: 0.8rem;
}

/* Disabled y sin marcar: fondo gris "vacío" (neutral-300) en vez del neutral-100 casi blanco que dejaba
   el checkmark blanco (color: neutral-100 en .adm_checkmark svg) visible por falta de contraste, dando
   la falsa impresión de un checkbox marcado. cursor: not-allowed en el propio input, no solo en el label
   contenedor, para que el bloqueo de click se sienta también al pasar directo sobre el cuadrito. El
   checkmark se re-tiñe al mismo neutral-300 del fondo (no solo visibility:hidden) para que quede
   invisible incluso si algún selector externo fuerza su visibility a visible. */
.adm_checkbox-hidden:disabled:not(:checked) + .adm_checkbox-icon {
    background-color: var(--neutral-300);
    border: 1px solid var(--neutral-400);
    cursor: not-allowed;
}
.adm_checkbox-hidden:disabled:not(:checked) + .adm_checkbox-icon .adm_checkmark svg {
    color: var(--neutral-300);
}
.adm_checkbox-hidden:disabled {
    cursor: not-allowed;
}
.adm_checkbox-hidden:disabled:checked:hover + .adm_checkbox-icon {
    background-color: var(--neutral-500);
}
.adm_checkbox-hidden:disabled:checked + .adm_checkbox-icon {
    visibility: visible;
    background-color: var(--neutral-500);
    cursor: not-allowed;
}

.adm_checkbox-icon {
    transition: all 250ms ease;
    width: 18px;
    height: 18px;
    padding: 1px;
    background-color: var(--neutral-100);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: 1px solid var(--neutral-300);
}

.adm_checkmark {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .adm_checkmark svg {
        color: var(--neutral-100);
        height: 14px;
        width: 14px;
        visibility:initial;
    }

.adm-list-with-tags{
    display:flex;
    flex-direction: column;
    gap:4px;
}

.adm_checkbox-hidden:checked + .adm_checkbox-icon .adm_checkmark {
    visibility: visible;
}
.adm_checkbox-hidden:not(:checked) + .adm_checkbox-icon .adm_checkmark {
    visibility: hidden;
}

.adm_checkbox-hidden:checked + .adm_checkbox-icon {
    visibility: visible;
    background-color: var(--resolution-blue-400);
    border: 1px solid transparent;
}

.adm_checkbox-hidden:checked:hover + .adm_checkbox-icon {
    border: 1px solid transparent;
    background-color: var(--resolution-blue-500);
}

.adm_checkbox-hidden:hover + .adm_checkbox-icon {
    border: 1px solid var(--neutral-400);
}

.adm_checkbox-label-text {
    user-select: none;
}

.adm_toggle-button.adm__btn.adm__btn-primary:not(.active){
    background-color: transparent;
    color: var(--neutral-600);
}
    .adm_toggle-button.adm__btn.adm__btn-primary:not(.active):hover {
        background-color: var(--neutral-400);
    }

.adm-login__main-form .adm_toggle-container {
    min-width: 513px;
}

.adm-login__main-form .adm_toggle-container a {
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}

.adm_toggle-container {
    display: flex;
    gap: 4px;
    background-color: var(--neutral-300);
    padding: 1px;
    border: 1px solid var(--neutral-300);
    border-radius: 8px;
}



.adm__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4.4rem;
    width: 100%;
    border: 1px solid transparent;
    border-radius: 8px;
    outline: none;
    transition: all 250ms ease;
    padding: 4px 18px;
    white-space: nowrap;
}

    .adm__btn.adm__btn-primary {
        color: var(--neutral-100);
        background-color: var(--resolution-blue-500);
        font-family: var(--text-300-font-family);
        font-size: var(--text-300-font-size);
        font-style: var(--text-300-font-style);
        font-weight: var(--text-regular-font-weight);
        line-height: var(--text-300-line-height);
        text-decoration: none;
        position: relative;
        gap: 8px;
    }

    .adm__btn.active > .adm__btn-loading-container {
        display: flex;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
        max-height: fit-content;
    }

.adm__btn-loading-container > svg {
    width: 25px;
    height: 25px;
}

.adm__btn > .adm__btn-loading-container {
    display: none;
}

.adm__btn > span {
    visibility: visible;
}

.adm__btn.active > span {
    visibility: hidden;
}

.adm__btn.adm__btn-primary:hover, .adm__btn.adm__btn-primary:active, .adm__btn.adm__btn-primary:focus, .adm__btn.adm__btn-primary:focus-visible {
    background-color: var(--resolution-blue-400);
    outline: none;
}

.adm__btn.adm__btn-primary:disabled {
    background-color: var(--resolution-blue-100);
    text-decoration: none;
}

/* Variante VERDE (accion positiva/confirmacion). Misma tipografia y forma que la primaria pero con
   la paleta green-*, para acciones que se quieren destacar como "registrar/guardar/confirmar". */
.adm__btn.adm__btn-success {
    color: var(--neutral-100);
    background-color: var(--green-500);
    font-family: var(--text-300-font-family);
    font-size: var(--text-300-font-size);
    font-style: var(--text-300-font-style);
    font-weight: var(--text-regular-font-weight);
    line-height: var(--text-300-line-height);
    border: 1px solid var(--green-500);
    text-decoration: none;
    gap: 8px;
}

    .adm__btn.adm__btn-success:hover, .adm__btn.adm__btn-success:active, .adm__btn.adm__btn-success:focus, .adm__btn.adm__btn-success:focus-visible {
        background-color: var(--green-400);
        border-color: var(--green-400);
        color: var(--neutral-100);
        outline: none;
        text-decoration: none;
    }

    .adm__btn.adm__btn-success:disabled {
        background-color: var(--green-100);
        border-color: var(--green-100);
        text-decoration: none;
    }

.adm__btn-loading-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.adm__btn.adm__btn-secondary {
    color: var(--resolution-blue-500);
    background-color: var(--neutral-100);
    font-family: var(--text-300-font-family);
    font-size: var(--text-300-font-size);
    font-style: var(--text-300-font-style);
    font-weight: var(--text-regular-font-weight);
    line-height: var(--text-300-line-height);
    border: 1px solid var(--resolution-blue-500);
    text-decoration: none;
}

    .adm__btn.adm__btn-secondary:hover, .adm__btn.adm__btn-secondary:active, .adm__btn.adm__btn-secondary:focus, .adm__btn.adm__btn-secondary:focus-visible {
        background-color: var(--resolution-blue-100);
        outline: none;
        text-decoration: none;
    }


    .adm__btn.adm__btn-secondary:disabled {
        color: var(--resolution-blue-100);
        border: 1px solid var(--resolution-blue-100);
        outline: none;
        text-decoration: none;
    }

.adm__btn.adm__btn-ghost {
    color: var(--resolution-blue-500);
    background-color: transparent;
    font-family: var(--text-300-font-family);
    font-size: var(--text-300-font-size);
    font-style: var(--text-300-font-style);
    font-weight: var(--text-regular-font-weight);
    line-height: var(--text-300-line-height);
    text-decoration: none;
    outline: none !important;
    appearance: none;
    gap: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    .adm__btn.adm__btn-ghost.adm__btn-ghost__icon {
        width: 44px;
        padding:0;
    }

    .adm__btn.adm__btn-ghost:hover, .adm__btn.adm__btn-ghost:active, .adm__btn.adm__btn-ghost:focus, .adm__btn.adm__btn-ghost:focus-visible {
        background-color: var(--neutral-300);
        outline: none !important;
        text-decoration: none;
    }

    .adm__btn.adm__btn-ghost:active {
        background-color: transparent;
        outline: none !important;
        border: 1px solid var(--resolution-blue-500);
        text-decoration: none;
    }


    .adm__btn.adm__btn-ghost:disabled {
        color: var(--resolution-blue-100);
        border: 1px solid transparent !important;
        outline: none !important;
        text-decoration: none;
    }

.adm__input-error {
    color: var(--fire-engine-red-500);
    font-family: var(--text-100-font-family);
    font-size: var(--text-100-font-size);
    font-style: var(--text-100-font-style);
    font-weight: var(--text-regular-font-weight);
    line-height: var(--text-100-line-height)
}


.adm__tag {
    line-height: 1.5rem;
    border-radius: 0.5rem;
    padding: 0.3rem 0.8rem;
    margin: auto 0;
    font-family: var(--text-300-font-family);
    font-size: var(--text-300-font-size);
    font-style: var(--text-300-font-style);
    color: var(--neutral-100);
    font-weight: var(--text-regular-font-weight);
    line-height: var(--text-300-line-height);
    display: inline-block;
}

.adm__tag-yellow,
.adm__tag-warning {
    background-color: var(--tangerine-yellow-500);
    display: inline-block;
}

.adm__tag-black {
    background-color: var(--neutral-700);
    display: inline-block;
}

.adm__tag-enterprise {
    background-color: var(--neutral-700);
    color: var(--tangerine-yellow-500);
}

.adm_flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.adm__tag-red,
.adm__tag-danger {
    background-color: var(--fire-engine-red-500);
    display: inline-block;
}

.adm__tag-green,
.adm__tag-success {
    background-color: var(--green-500);
    display: inline-block;
}

.adm__tag-blue,
.adm__tag-info {
    background-color: var(--summer-sky-500);
    display: inline-block;
}

.adm__tag-dark-blue,
.adm__tag-primary {
    background-color: var(--paris-m-500);
    display: inline-block;
}

.adm__tag-clients-portal {
    background-color: var(--resolution-blue-500);
}

/*
    Etiqueta de estado de documento (SA_Document_Status.Color).

    Se ve como un .label de Bootstrap, pero el color de fondo lo elige el usuario en la ficha del estado
    y viaja como estilo en linea. A diferencia de .label (que trae white-space: nowrap y estira la
    columna hasta deformar el listado), esta etiqueta deja que el texto se parta en varias lineas.

    El color de texto tambien se calcula segun el fondo elegido y viaja en linea, asi que aqui solo se
    define el valor por defecto para cuando el estado no tiene color.
*/
.adm__status-label {
    display: inline-block;
    min-width: 100px;
    max-width: 100%;
    padding: 0.3rem 0.8rem;
    border-radius: 0.5rem;
    font-family: var(--text-300-font-family);
    font-size: var(--text-300-font-size);
    font-style: var(--text-300-font-style);
    font-weight: var(--text-regular-font-weight);
    line-height: var(--text-300-line-height);
    text-align: center;
    color: var(--neutral-100);
    background-color: var(--neutral-700);
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
}

/*
    Muestra de color: un cuadrito que enseña únicamente el color, sin el texto guardado. Se usa en el
    listado de estados de documento y en la ficha del estado en modo solo lectura.
*/
.adm__color-swatch {
    display: inline-block;
    width: 3.2rem;
    height: 2rem;
    border: 1px solid var(--neutral-300);
    border-radius: 0.4rem;
    vertical-align: middle;
    background-color: transparent;
}

/*
    Estado "sin color": el cuadrito se tacha en diagonal para distinguirlo de un color blanco.
*/
.adm__color-swatch--empty {
    background-image: linear-gradient(to top right, transparent calc(50% - 1px), var(--neutral-500) calc(50% - 1px), var(--neutral-500) calc(50% + 1px), transparent calc(50% + 1px));
}

/*
    Selector de color de los formularios (EditorTemplates/ColorPicker.cshtml).
*/
.adm__color-picker {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.adm__color-picker__swatch {
    width: 5rem;
    height: 3.4rem;
    padding: 0.2rem;
    border: 1px solid var(--neutral-300);
    border-radius: 0.4rem;
    background-color: var(--neutral-100);
    cursor: pointer;
}

/*
    El selector nativo siempre muestra algún color, así que cuando el campo quedó vacío se tacha para
    que se vea que el estado no tiene color asignado.
*/
.adm__color-picker__swatch--empty {
    opacity: 0.35;
}

.adm__list {
    gap: 16px;
    display: flex;
    flex-direction: column;
    text-align: left;
    font-family: var(--text-400-font-family);
    font-size: var(--text-400-font-size);
    font-style: var(--text-400-font-style);
    color: var(--neutral-800);
    font-weight: var(--text-regular-font-weight);
    line-height: var(--text-400-line-height)
}

    .adm__list ul {
        padding-left: 32px;
    }

input[type="password"]::-webkit-textfield-decoration-container,
input::-ms-reveal,
input::-ms-clear,
input::-webkit-contacts-auto-fill-button,
input::-webkit-creadentials-auto-fill-button {
    display: none !important;
}


.adm-chat_user-avatar {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.8rem;
    height: 4.8rem;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    border-radius: 10rem;
    object-fit: cover;
}

.adm-chat__user-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.8rem;
    height: 4.8rem;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    background: var(--summer-sky-500);
    line-height: 2.2rem;
    border-radius: 10rem;
    color: var(--neutral-100);
}
.adm-table__user-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.8rem;
    height: 4.8rem;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    background: var(--summer-sky-500);
    line-height: 2.2rem;
    border-radius: 10rem;
    color: var(--neutral-100);
    text-decoration: none;
}
.text-decoration-none {
    text-decoration: none !important;
}
.inline-margin-auto {
    margin-inline: auto !important;
}

.adm-table__user-avatar {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.8rem;
    height: 4.8rem;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    border-radius: 10rem;
    object-fit: cover;
}
.adm-table__user-logo.fallback {
    display: none;
}

.adm-chat__user-logo.fallback {
    display: none;
}
.adm__add-user-to-chat-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

#chat_members_panel #all_users_div.dropdown-menu {
    max-height: 300px;
    overflow-y: auto;
}

#chat_members_panel #users_div {
    display: flex;
    gap: 8px;
}
#chat_members_panel .followers-body {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.margin-left-full{
    margin-left: auto;
}
.adm-card {
    max-width: 577px;
    width: 100%;
    padding: 24px 44px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background-color: var(--neutral-200);
    border-radius: 4px;
}

.adm-ordered-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-left: 24px;
}

.adm-spinner {
    animation: rotate 2s linear infinite;
}

    .adm-spinner circle {
        stroke-dasharray: 100;
        stroke-dashoffset: 0;
        animation: dash 1.5s ease-in-out infinite;
    }

@keyframes rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}

.adm-spinner_container {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.adm-mini-spinner_container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.adm-mini-spinner_container > svg{
    width:3.2rem;
    height: auto;
}

.adm-tooltip {
    position: absolute;
    background-color: var(--paris-m-500);
    color: var(--neutral-100);
    padding: 12px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* Permitir que los tooltips largos se ajusten en varias líneas en lugar de
       desbordar la página; los textos cortos siguen ocupando una sola línea. */
    white-space: normal;
    max-width: 280px;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 9999;
}

    .adm-tooltip::after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        border: 6px solid transparent;
    }

.adm-tooltip-bottom::after {
    top: -10px;
    border-bottom-color: var(--paris-m-500);
}

.adm-tooltip-top::after {
    top: -10px;
    border-bottom-color: var(--paris-m-500);
}

.custom-toast__container {
    display: flex !important;
    align-items: stretch !important;
    min-width: 250px !important;
    max-width: 527px !important;
    border-radius: 8px !important;
}

    .custom-toast__container.on-page {
        min-width: none !important;
        max-width: none !important;
        width: 100%;
    }


    .custom-toast__container.success .custom-toast__icon {
        background: var(--green-500) !important;
        color: var(--neutral-100);
    }

    .custom-toast__container.error .custom-toast__icon {
        background: var(--fire-engine-red-500) !important;
        color: var(--neutral-100);
    }

    .custom-toast__container.warning .custom-toast__icon {
        background: var(--tangerine-yellow-500) !important;
        color: var(--neutral-100);
    }
    .custom-toast__container.information .custom-toast__icon {
        background: var(--resolution-blue-500) !important;
        color: var(--neutral-100);
    }



.custom-toast__icon {
    min-height: 100% !important;
    align-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 64px !important;
}

    .custom-toast__icon svg {
        border-radius: 100px !important;
        border: 2px solid var(--neutral-100) !important;
        width: 28px !important;
        height: 28px !important;
        padding: 4px !important;
    }

.custom-toast__main {
    flex-grow: 1 !important;
    display: flex !important;
    padding: 1.6rem !important;
    gap: 1.6rem !important;
}

.custom-toast__text-container {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.custom-toast__close-button {
    align-self: start !important;
    width: 24px !important;
    height: 24px !important;
    color: var(--paris-m-500) !important;
    background: var(--neutral-100) !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    transition: all 250ms ease !important;
    display: flex !important;
    justify-content: center !important;
    padding:0;
    align-items: center !important;
}

    .custom-toast__close-button:hover {
        background: var(--neutral-300) !important;
    }

    .custom-toast__close-button:focus,
    .custom-toast__close-button:focus-visible {
        border: 1px solid var(--summer-sky-500) !important;
        outline: none !important;
    }

.custom-toast__link {
    font-size: 1.2rem !important;
    font-weight: 500 !important;
    color: var(--summer-sky-500) !important;
    text-decoration: underline !important;
    margin-top: 4px !important;
    align-self: flex-start !important;
}

.custom-toast__confirm-actions {
    display: flex !important;
    gap: 0.8rem !important;
    margin-top: 0.8rem !important;
}

.adm-toast.adm-toast--confirm {
    min-width: 300px !important;
}

/* Overlay que bloquea interacción con la página mientras el confirm-toast está activo.
   z-index debe quedar por debajo del toastify (2000) pero sobre todo lo demás. */
.adm-toast-overlay {
    position: fixed;
    inset: 0;
    z-index: 1999;
    background: transparent;
    cursor: default;
}

.adm-toast {
    padding: 0 !important;
    background-image: none !important;
    background-color: var(--neutral-100) !important;
    border-radius: 0.8rem !important;
    overflow: hidden;
    animation: none !important;
    border: 1px solid transparent !important;
    width: 90%;
}

    .adm-toast.on-page {
        max-width: 100%;
        width: fit-content;
    }

    .adm-toast.success {
        border: 1px solid var(--green-500) !important;
    }

    .adm-toast.error {
        border: 1px solid var(--fire-engine-red-500) !important;
    }

    .adm-toast.warning {
        border: 1px solid var(--tangerine-yellow-500) !important;
    }

    .adm-toast.information {
        border: 1px solid var(--resolution-blue-500) !important;
    }


.adm-lines-container {
    position: absolute;
    top: 34.5px;
    left: 0;
    width: 100%;
    height: 0;
    z-index: 1;
}

.adm-stepper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
}

.adm-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
}

.adm-step-circle {
    width: 3.1rem;
    height: 3.1rem;
    border-radius: 50%;
    background-color: var(--neutral-400);
    color: var(--neutral-100);
    line-height: 3.1rem;
    text-align: center;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s;
}

.adm-step.active .adm-step-circle, .adm-step.completed .adm-step-circle {
    background-color: var(--paris-m-200);
}

.adm-step-label {
    margin-top: 5px;
    font-size: 12px;
    color: var(--neutral-400);
}

.adm-step.active .adm-step-label {
    color: var(--paris-m-200);
}

.adm-stepper-card {
    display: flex;
    max-width: 100%;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 3.2rem;
    padding: 2rem;
    background-color: var(--neutral-100);
    border: 1px solid var(--neutral-300);
    border-radius: 8px;
    position: relative;
    width: 100%;
}

.adm-step-line {
    height: 3px;
    position: absolute;
    background-color: var(--neutral-400);
    transition: background-color 0.3s;
}

    .adm-step-line.active {
        background-color: var(--paris-m-200);
    }



.adm-stepper__step-content {
    display: none;
    width: 100%;
    flex-direction: column;
    align-items: center;
    background-color: var(--neutral-100);
    gap: 3.2rem;
}


    .adm-stepper__step-content.active {
        display: flex;
    }

.adm_title {
    color: var(--heading-h2-color);
    font-feature-settings: var(--heading-h2-font-feature-settings);
    font-family: var(--heading-h2-font-family);
    font-size: var(--heading-h2-font-size);
    font-style: var(--heading-h2-font-style);
    font-weight: var(--heading-h2-font-weight);
    line-height: var(--heading-h2-line-height);
}

/* ---------------------------------------------------------------------------
   Titulo de pantalla
   ---------------------------------------------------------------------------
   Contrato unico para el titulo de TODAS las pantallas, tomado de ImportDocs:
   siempre un <h1 class="adm_title adm__page-title">.

     - .adm_title      aporta la tipografia del design system (tokens heading-h2
                       en escritorio, heading-h4 en movil).
     - .adm__page-title aporta el espaciado: sin margen superior y una separacion
                       inferior identica en todas las pantallas.

   Las clases ganan por especificidad a las reglas de elemento de Bootstrap
   (h1,h2,h3 { margin-top: 20px; margin-bottom: 10px }) y de Layout2.css
   (h1,h2 { margin-top: 0 }), sin importar el orden de carga de las hojas.
   Por eso no hace falta ningun !important.
   -------------------------------------------------------------------------- */
.adm__page-title {
    margin-top: 0;
    margin-bottom: 1.6rem;
}

/* Muchas pantallas separan el titulo del contenido con un <hr>. Bootstrap le da
   20px arriba y abajo; combinados con el margen del titulo daban separaciones
   distintas en cada pantalla. Se normaliza el bloque titulo + separador. */
.adm__page-title + hr {
    margin-top: 0;
    margin-bottom: 1.6rem;
}

@media print {

    /* Al imprimir el titulo no debe ocupar el tamano de pantalla (3.2rem). Se usa
       el mismo tamano que Layout2.css ya declara para los <h1> impresos. */
    .adm__page-title {
        font-size: x-large;
        line-height: 1.2;
    }
}

.adm_title-description {
 
    color: var(--body-large-color);
    font-feature-settings: var(--body-large-font-feature-settings);
    font-family: var(--body-large-font-family);
    font-size: var(--body-large-font-size);
    font-style: var(--body-large-font-style);
    font-weight: var(--body-large-font-weight);
    line-height: var(--body-large-line-height);
}

.adm__footer-thin {
    text-align: center;
    flex-shrink: 0;
}

@media (max-width: 759px) {
    .adm-search-text, .adm__input-text {
        font-size: 1.6rem !important;
    }

        .adm-search-text::placeholder,
        .adm__input-text::placeholder {
            font-size: 1.6rem !important;
        }
}

@media print {
    html, body {
        height: auto !important;
        overflow: visible !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    body{
        scrollbar-width: none;
        -ms-overflow-style:none;
    }
    ::-webkit-scrollbar{
        display: none;
    }

    /* Asegurar que DataTables y contenedores no recorten */
    #myTable_wrapper, 
    #myTable, 
    #myTable tbody,
    .dataTables_wrapper, 
    .dataTables_scroll, 
    .dataTables_scrollBody,
    .main-wrapper, 
    .main-body-content, 
    #partial_view, 
    #main, 
    #content {
        overflow: visible !important;
        max-height: none !important;
        height: auto !important;
    }

    /* Evitar que las filas se partan entre páginas */
    tr {
        page-break-inside: avoid;
    }

    #hubspot-messages-iframe-container,
    #hubspot-messages-iframe-container *,
    #hubspot-conversations-iframe {
        display: none !important;
        visibility: hidden !important;
    }
}

@media (max-width: 759px) {

    .adm_title {
        color: var(--heading-h4-color);
        font-feature-settings: var(--heading-h4-font-feature-settings);
        font-family: var(--heading-h4-font-family);
        font-size: var(--heading-h4-font-size);
        font-style: var(--heading-h4-font-style);
        font-weight: var(--heading-h4-font-weight);
        line-height: var(--heading-h4-line-height);
    }

    /* En movil el titulo baja a los tokens h4, asi que la separacion con el
       contenido tambien se reduce para no dejar un hueco desproporcionado. */
    .adm__page-title,
    .adm__page-title + hr {
        margin-bottom: 1.2rem;
    }

    .adm_title-description {
        font-family: var(--text-300-font-family);
        font-size: var(--text-300-font-size);
        font-style: var(--text-300-font-style);
        line-height: var(--text-300-line-height);
    }

    .adm__input-label {
        display: flex;
        align-items: center;
        min-height: 3.4rem;
        font-family: var(--text-300-font-family);
        font-size: var(--text-300-font-size);
        font-style: var(--text-300-font-style);
        line-height: var(--text-300-line-height);
    }
}

.adm_header {
    display: flex;
    flex-direction: column;
}

.dxgvSearchPanel_Office365 {
    background-color: var(--neutral-200);
}

.table {
    background: var(--neutral-100);
}

.adm-center {
    display: flex;
    justify-content:center;
    align-items:center;
}

.adm-row {
    display: flex;
    justify-content: start;
    align-items: start;
    flex-wrap: wrap;
    width: 100%;
}
.adm-space-between {
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
    width: 100%;
}
.adm-col {
    display: flex;
    justify-content: start;
    align-items: start;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
}

.adm-rotate {
    transform: rotate(180deg);
}

.adm_button-fit-content .adm__btn.adm__btn-primary,
.adm_button-fit-content .adm__btn.adm__btn-error {
    width: fit-content;
}
/*BOOTSTRAP OVERRIDE*/
.btn-primary {
    color: var(--neutral-100) !important;
    background-color: var(--resolution-blue-500) !important;
    border: 1px solid var(--resolution-blue-500) !important;
    transition: all 250ms ease !important;
    
}

    .btn-primary:hover {
        background-color: var(--resolution-blue-400) !important;
        color: var(--neutral-100) !important;
        border: 1px solid var(--resolution-blue-400) !important;
    }
    .btn-primary.always-disabled
    .btn-primary:disabled {
        background-color: var(--resolution-blue-100) !important;
    }

.btn-success {
    color: var(--neutral-100) !important;
    background-color: var(--green-500) !important;
    border: 1px solid var(--green-500) !important;
    transition: all 250ms ease !important;
    
}

    .btn-success:hover {
        background-color: var(--green-400) !important;
        color: var(--neutral-100) !important;
        border: 1px solid var(--green-400) !important;
    }

    .btn-success:disabled {
        /* Ningún tono de --green- da 4.5:1 con el texto blanco heredado del botón (ni siquiera el
           -500 normal: 2.77:1), y poner texto oscuro aquí desentonaría con el resto de estados
           (habilitado y hover siguen en blanco). Se usa el mismo -500 + opacity: sin cambiar el color
           de fondo ni de texto, "atenuado" se logra bajando la opacidad de todo el botón junto,
           así el contraste interno (blanco sobre -500) es igual al del botón habilitado. */
        background-color: var(--green-500) !important;
        border-color: var(--green-500) !important;
        opacity: 0.5;
    }

.btn-info {
    color: var(--neutral-100) !important;
    background-color: var(--summer-sky-500) !important;
    border: 1px solid var(--summer-sky-500) !important;
    transition: all 250ms ease !important;
    
}

    .btn-info:hover {
        background-color: var(--summer-sky-400) !important;
        color: var(--neutral-100) !important;
        border: 1px solid var(--summer-sky-400) !important;
    }

    .btn-info:disabled {
        /* Mismo criterio que .btn-success:disabled: -500 + opacity en vez de aclarar el fondo o
           cambiar el color de texto. */
        background-color: var(--summer-sky-500) !important;
        border-color: var(--summer-sky-500) !important;
        opacity: 0.5;
    }


.btn-secondary {
    color: var(--resolution-blue-500) !important;
    background-color: var(--neutral-100) !important;
    border: 1px solid var(--resolution-blue-500) !important;
    transition: all 250ms ease !important;
    
}

    .btn-secondary:hover {
        background-color: var(--resolution-blue-100) !important;
        color: var(--resolution-blue-500) !important;
    }

    .btn-secondary:disabled {
        color: var(--resolution-blue-100) !important;
        border: 1px solid var(--resolution-blue-100) !important;
    }



.btn-danger {
    color: var(--neutral-100) !important;
    background-color: var(--fire-engine-red-500) !important;
    border: 1px solid var(--fire-engine-red-500) !important;
    transition: all 250ms ease !important;
    
}

    .btn-danger:hover {
        background-color: var(--fire-engine-red-400) !important;
        color: var(--neutral-100) !important;
        border: 1px solid var(--fire-engine-red-400) !important;
    }

    .btn-danger:disabled {
        /* Mismo criterio que .btn-success:disabled: -500 + opacity en vez de aclarar el fondo o
           cambiar el color de texto. */
        background-color: var(--fire-engine-red-500) !important;
        border-color: var(--fire-engine-red-500) !important;
        opacity: 0.5;
    }

.btn-warning {
    color: var(--neutral-100) !important;
    background-color: var(--tangerine-yellow-500) !important;
    border: 1px solid var(--tangerine-yellow-500) !important;
    transition: all 250ms ease !important;
    
}

    .btn-warning:hover {
        background-color: var(--tangerine-yellow-400) !important;
        color: var(--neutral-100) !important;
        border: 1px solid var(--tangerine-yellow-400) !important;
    }

    .btn-warning:disabled {
        /* Mismo criterio que .btn-success:disabled: -500 + opacity en vez de aclarar el fondo o
           cambiar el color de texto. */
        background-color: var(--tangerine-yellow-500) !important;
        border-color: var(--tangerine-yellow-500) !important;
        opacity: 0.5;
    }

.btn {
    transition: all 250ms ease !important;
}


.btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus, 
.label-primary,
.progress-bar, .list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus, 
 .bg-primary {
    background-color: var(--resolution-blue-500) !important;
    border: 1px solid var(--resolution-blue-500) !important;
}



.btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.label-danger,
 .bg-danger {
    background-color: var(--fire-engine-red-500) !important;
    border: 1px solid var(--fire-engine-red-500) !important;
}

.btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
.label-success,
fieldset[disabled] .btn-success.focus,
 .bg-success {
    background-color: var(--green-500) !important;
    border: 1px solid var(--green-500) !important;
}


.btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.label-info,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
 .bg-info {
    background-color: var(--summer-sky-500) !important;
    border: 1px solid var(--summer-sky-500) !important;
}

.btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.label-warning,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
 .bg-warning {
    background-color: var(--tangerine-yellow-500) !important;
    border: 1px solid var(--tangerine-yellow-500) !important;
}


.ui-tabs-active {
    background-color: var(--resolution-blue-100) !important;
    border: 1px solid var(--resolution-blue-100) !important;
}

input[type=checkbox]:checked {
    accent-color: var(--resolution-blue-500) !important;
}

.adm-error_technical-details {
    display: flex;
    flex-direction: column;
    align-items: start;
    background-color: var(--neutral-200);
    padding: 16px;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid var(--neutral-300);
}

.adm-error_technical-details p {
    text-align:start;
}

.adm-error_button-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

dialog.adm-dialog {
    border: 1px solid var(--neutral-400);
    border-radius: 8px;
    padding: 3.2rem;
    width: 90%;
    min-width: 300px;
    max-width: 795px;
    background-color: var(--neutral-200);
}

dialog.adm-dialog .adm__home-header {
    padding-inline: 44px;
}

/* Variante del header para el modal de info de usuario/empresa: apila y centra el contenido
   (título/subtítulo) en pantallas grandes, y lo alinea a la izquierda en dispositivos pequeños.
   El botón X no se ve afectado porque .adm-dialog-close es position:absolute (top-right).
   Se scopea a dialog.adm-dialog para ganar en especificidad al @media (max-width:1200px) de
   AdmHome.css que reaplica align-items:start sobre .adm__home-header sin scope. */
dialog.adm-dialog .adm__home-header-company-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

/* Dispositivos pequeños: alinear a la izquierda. En un flex column el eje horizontal lo controla
   align-items (flex-start = izquierda); justify-content ahí gobierna el eje vertical. Se usa el
   mismo breakpoint (800px) en el que el modal ya apila sus columnas. */
@media (max-width: 800px) {
    dialog.adm-dialog .adm__home-header-company-info {
        align-items: flex-start;
    }
}

dialog.adm-dialog .avatar-circle-large {
    height: 64px;
    width: 64px;
    max-height: 64px;
    max-width: 64px;
    flex-shrink: 0;
}

a.adm__dialog-grid-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    border-radius: 8px;
    border: 1px solid var(--neutral-400);
    padding: 12px 4px;
    background-color: var(--neutral-100);
    transition: all 250ms ease;
    text-decoration: none !important;
    max-height: 171px;  
    height: 100%;
}

.adm__dialog-grid-item-name{
    text-align: center;
}
.adm__dialog-grid-item * {
    text-decoration: none;
}

.adm-dialog h2,
.adm-dialog p {
    padding: 0 !important;
    margin: 0 !important;
}

.adm__dialog-grid-item:hover {
   
    background-color: var(--neutral-300);
}

.adm__dialog-grid-list {
    display: grid;
    gap: 16px;
    height: fit-content;
    max-height: 50vh;
    overflow-y: auto;
    grid-template-columns: repeat(auto-fill,120px);
    padding: 16px;
    background-color: var(--neutral-100);
    border-radius: 8px;
    border: 1px solid var(--neutral-400);
    justify-content: center;
}

.adm__input-text-area {
    min-height: 120px;
    height: 120px;
    max-height: 200px;
}

.adm-fit-content {
    width: fit-content !important;
}

dialog.adm-dialog.adm-dialog__survey {
    max-width: 600px;
}

    dialog.adm-dialog.adm-dialog__survey .adm__home-header {
        padding-inline: 0;
    }

        dialog.adm-dialog.adm-dialog__survey .adm__home-header .adm_title {
            padding-inline: 44px !important;
        }

dialog.adm-dialog  .adm-dialog_floating-close-btn {
    position: absolute;
    right: 0;
    top: 0;
}

dialog.adm-dialog .adm-dialog__survey-option {
    display: flex;
    flex-direction: column;
    padding: 8px;
    align-items: center;
    gap: 4px;
    width: 111px;
    border: 1px solid var(--neutral-500);
    color: var(--neutral-600);
    border-radius: 8px;
    background-color: var(--neutral-100);
    transition: all 250ms ease-in;
    opacity: 1;
}

    dialog.adm-dialog .adm-dialog__survey-option.selected {
        background-color: var(--neutral-100);
        opacity: 1 !important;
    }

dialog.adm-dialog #Dissatisfied.adm-dialog__survey-option.selected {
    border: 1px solid var(--fire-engine-red-500) !important;
    color: var(--fire-engine-red-500);
}

dialog.adm-dialog #Dissatisfied.adm-dialog__survey-option.selected  svg{
    color: var(--fire-engine-red-500);
}

dialog.adm-dialog #Normal.adm-dialog__survey-option.selected {
    border: 1px solid var(--tangerine-yellow-500) !important;
    color: var(--tangerine-yellow-500) !important;
}

dialog.adm-dialog #Normal.adm-dialog__survey-option.selected svg{
    color: var(--tangerine-yellow-500) !important;
}


dialog.adm-dialog #Sasstisfied.adm-dialog__survey-option.selected {
    border: 1px solid var(--green-500) !important;
    color: var(--green-500) !important;
}

dialog.adm-dialog #Sasstisfied.adm-dialog__survey-option.selected svg {
    color: var(--green-500) !important;
}


dialog.adm-dialog .adm-dialog__survey-option.not-selected {
    opacity: 0.35;
}

dialog.adm-dialog.adm-dialog__survey .adm-dialog__survey-header {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    justify-content: center;
}

dialog.adm-dialog.adm-dialog__survey .adm_row-btn {
    gap: 24px;
}

dialog.adm-dialog .adm-dialog__survey-form {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    justify-content: center;
}

.adm-authentication-request-code__image > svg {
    max-width: 528px;
    max-height: 316px;
    width: 100%;
    height: auto;
}

.adm_row-btn {
    display: flex;
    gap: 8px;
    justify-content: center;
}

dialog.adm-dialog .adm-dialog__survey-option:hover {
    transform: scale(1.02);
    background-color: var(--neutral-300);
    opacity: 1;
}


dialog.adm-dialog .adm-dialog__survey-options {
    display: flex;
    justify-content:center;
    width: 100%;
    align-items: center;
    gap: 12px;
}

dialog.adm-dialog .adm-dialog__survey-option svg{
    transition: all 250ms ease-in;
    color: var(--neutral-600);
}
dialog.adm-dialog.adm-dialog__survey .adm__dialog-body {
    padding-block: 42px;
}

    dialog .adm-dialog .adm__dialog-grid-list-no-results-message {
    width: 100%;
    border: 1px solid var(--neutral-400);
    border-radius: 8px;
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 200px;
    background-color: var(--neutral-100);
}
.adm__dialog-body {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

/* Grid de hasta 4 columnas para formularios dentro de adm-dialog (Customer/Vendor modal) */
.adm-modal-form-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    align-items: start;
}

/* Textareas dentro del grid de formulario: altura fija y sin resize manual */
.adm-modal-form-grid .adm__input-text-area {
    resize: none;
    height: 70px;
    min-height: 70px;
}

/* Campos readonly: fondo neutro para señalar que no son editables */
.adm-modal-form-grid .adm__input-text[readonly],
.adm-modal-form-grid .adm__input-text-area[readonly] {
    background-color: var(--neutral-300) !important;
    color: var(--neutral-600);
    border-color: var(--neutral-400);
    cursor: default;
}

/* Max-width reducido y padding del header solo a la derecha (espacio para el botón X) */
#NewCustomerModal,
#NewVendorModal {
    max-width: 850px;
}

#NewCustomerModal .adm__home-header,
#NewVendorModal .adm__home-header {
    padding-inline-start: 0;
    padding-inline-end: 44px;
}

@media (max-width: 900px) {
    .adm-modal-form-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .adm-modal-form-grid {
        grid-template-columns: 1fr;
    }
}

.adm__dialog-body  input.adm-search-text {
    border: 1px solid var(--neutral-400);
}

table tr#waiting_message_row > td{
    white-space: nowrap !important;
}

@media (max-width: 759px) {
    .adm__dialog-grid-list {
        grid-template-columns: repeat(auto-fill,minmax(100px,1fr));
    }
}
@media (max-width: 767px) {
    .table-responsive > .table > tbody > tr > td {
        white-space: pre-wrap !important;
        overflow-wrap: anywhere;
    }
}

.adm-sticky-header-with-options #myTable_wrapper .dt-buttons,
.adm-sticky-header-with-options .dataTables_length,
.adm-sticky-header-with-options .dataTables_filter {
    position: sticky !important;
    top: 5px;
    z-index: 20;
}

.adm-sticky-header-with-options.table-responsive {
    max-height: 600px;
    overflow-y: auto !important;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid var(--neutral-300);
    background-color: var(--neutral-100);
    position: relative;
    z-index: 0;
}

.adm-sticky-header-with-options #myTable thead th {
    position: sticky;
    top: 65px;
    z-index: 10;
    background-color: var(--neutral-100);
    box-shadow: 0 -62px 0 18px var(--neutral-100);
    padding-top: 15px;
}


@media screen and (max-width: 640px) {
    .adm-sticky-header-with-options #myTable_wrapper .dataTables_filter {
        top: 50px;
    }

    .adm-sticky-header-with-options #myTable thead th {
        top: 110px;
        box-shadow: 0 -134px 0 50px var(--neutral-100);
        padding-top: 35px;
    }
}

.adm__input-wrapper.calendar > .adm__input-text {
    padding-left: 36px;
}

.adm-calendar-icon {
    position: absolute;
    color: var(--neutral-500);
    top: 10px;
    left: 7px;
}

.adm_upload-container {
    border: 2px dashed var(--neutral-500);
    border-radius: 8px;
    padding: 40px;
    text-align: center;
    background-color: var(--neutral-100);
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}

    .adm_upload-container:hover,
    .adm_upload-container.adm_drag-over {
        background-color: var(--neutral-300);
        border: 2px dashed var(--neutral-600);
    }

.adm_upload-footer {
    display: flex;
    justify-content: space-between;
    padding-top: 8px;
    padding-bottom: 16px;
}

.adm_upload-content-uploaded {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px 12px 8px 12px;
    border: 1px solid var(--neutral-500);
    width: 100%;
    max-width: 100px;
    align-items: center;
    border-radius: 8px;
}

    .adm_upload-content-uploaded > p {
        width: 100%;
    }

.adm_upload-container_files {
    display: flex;
    gap: 8px;
    flex-direction: column;
    max-height: 200px;
    overflow: auto;
}

    .adm_upload-container_files.active {
        padding: 16px;
        background: var(--neutral-300);
        border-radius: 8px;
        border: 1px solid var(--neutral-400);
    }

.adm_upload-container_file {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    background-color: var(--neutral-100);
    border-radius: 8px;
    border: 1px solid var(--neutral-400);
    padding: 8px 16px;
}

.adm-upload_uploaded-file-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    background-color: var(--neutral-100);
    border-radius: 8px;
    border: 1px solid var(--neutral-400);
    padding: 8px 16px;
}

.adm-upload_uploaded-file {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    flex: 1;
}

.adm_upload-container_file-info {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
}

.adm-progress-bar {
    height: 100%;
    background-color: var(--resolution-blue-400);
    width: 0%;
    transition: all 250ms ease;
    border-radius: 8px;
}

.adm-progress-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.adm-progress-container {
    position: relative;
    width: 100%;
    background-color: var(--neutral-400);
    border-radius: 8px;
    overflow: hidden;
    height: 16px;
}

    .adm-progress-container.loaded .adm-progress-bar {
        width: 100% !important;
        background-color: var(--green-500);
    }

.adm-ilustration-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

    .adm-ilustration-container > svg {
        max-width: 250px;
        max-height: 250px;
        width: 100%;
        height: auto;
    }


.adm_dialog-body-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
    gap: 16px;
    padding-bottom: 32px;
}


dialog.adm-dialog.adm-dialog-xl {
    border: 1px solid var(--neutral-400);
    border-radius: 8px;
    padding: 3.2rem;
    width: 90%;
    min-width: 300px;
    max-width: 90% !important;
    background-color: var(--neutral-200);
}

.adm__btn.adm__btn-error {
    color: var(--neutral-100);
    background-color: var(--fire-engine-red-500);
    font-family: var(--text-300-font-family);
    font-size: var(--text-300-font-size);
    font-style: var(--text-300-font-style);
    font-weight: var(--text-regular-font-weight);
    line-height: var(--text-300-line-height);
    text-decoration: none;
    position: relative;
    gap: 4px;
}

    .adm__btn.adm__btn-error:hover, .adm__btn.adm__btn-error:active, .adm__btn.adm__btn-error:focus, .adm__btn.adm__btn-error:focus-visible {
        background-color: var(--fire-engine-red-400);
        outline: none;
    }

.adm__btn.adm__btn-ghost-danger {
    color: var(--fire-engine-red-500);
    background-color: transparent;
    font-family: var(--text-300-font-family);
    font-size: var(--text-300-font-size);
    font-style: var(--text-300-font-style);
    font-weight: var(--text-regular-font-weight);
    line-height: var(--text-300-line-height);
    text-decoration: none;
    outline: none !important;
    appearance: none;
    gap: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    .adm__btn.adm__btn-ghost-danger.adm__btn-ghost-danger__icon {
        width: 44px;
        padding: 0;
    }

    .adm__btn.adm__btn-ghost-danger:hover, .adm__btn.adm__btn-ghost-danger:active, .adm__btn.adm__btn-ghost-danger:focus, .adm__btn.adm__btn-ghost-danger:focus-visible {
        background-color: var(--neutral-300);
        outline: none !important;
        text-decoration: none;
    }

    .adm__btn.adm__btn-ghost-danger:active {
        background-color: transparent;
        outline: none !important;
        border: 1px solid var(--fire-engine-red-500);
        text-decoration: none;
    }

    .adm__btn.adm__btn-ghost-danger:disabled {
        color: var(--resolution-blue-100);
        border: 1px solid transparent !important;
        outline: none !important;
        text-decoration: none;
    }

.adm__align-cell-vertically {
    vertical-align: middle
}
.adm__input-group-label {
    height: 44px;
}

.adm__input-group.adm__input-group-w-icon {
    position: relative;
}

    .adm__input-group.adm__input-group-w-icon input {
        padding: 1.2rem 4.2rem;
    }

    .adm__input-group.adm__input-group-w-icon .adm__input-group-icon {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        color: var(--neutral-500);
        height: 24px;
    }

.adm__input-group.adm__input-group-w-icon {
    position: relative;
}

    .adm__input-group.adm__input-group-w-icon input {
        padding: 1.2rem 4.2rem;
    }

    .adm__input-group.adm__input-group-w-icon .adm__input-group-icon {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        color: var(--neutral-500);
        height: 24px;
    }

.adm__btn.adm__btn-small {
    padding: 4px 10px;
}
.resolution-300 {
    color: var(--resolution-blue-300)
}

.items-end {
    align-items: end !important;
}

.summer-sky-500 {
    color: var(--summer-sky-500) !important;
}


.adm-vertical-center {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
}

.adm-vertical-start {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
    width:fit-content;
    flex-direction: column;
}

.adm-error-page__main {
    width: 100%;
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
    align-items: center;
    background-color: var(--neutral-200);
}

.adm-error-page__main-content {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 2.4rem;
    padding: 4.1rem;
    background-color: var(--neutral-100);
    border: 1px solid var(--neutral-300);
    border-radius: 8px;
    text-align: center;
}

.adm__error-page > svg {
    max-width: 450px;
    width: 100%;
    height: auto;
}

@media (max-width: 759px) {
    .adm-error-page__main-content {
        padding: 2.5rem;
        height: auto;
    }

    .adm-error-page__main-main-header {
        gap: 20px;
    }
}

.adm-error-page__main-main-header {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.adm-illustration-w-container {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    align-items: center;
    width: 100%;
}

/* ==========================================================================
   Advertencia pegada a un campo
   Hoy la usa el editor de tasa de cambio (EditorTemplates2/ExchangeRate.cshtml) cuando el usuario
   digita una tasa que se aleja del historico de la moneda. El contenedor nace vacio y oculto; lo
   llena Tools.EnableExchangeRateAnomalyCheck. No bloquea nada: solo resalta el control y explica
   por que. El icono va en ::before porque el JS escribe el texto con textContent.
   ========================================================================== */

.adm__input-warning {
    border: 1px solid var(--tangerine-yellow-600) !important;
    box-shadow: 0 0 0 2px rgba(254, 205, 8, 0.25);
}

.adm__field-warning {
    margin-top: 4px;
    font-size: var(--text-200-font-size);
    line-height: 1.4;
    color: #8a6d3b;
}

    .adm__field-warning::before {
        font-family: 'Glyphicons Halflings';
        content: "\e107";
        margin-right: 4px;
    }

/* ==========================================================================
   Zona de arrastrar y soltar archivos (drag & drop)
   Reemplaza al boton explicito de "Cargar archivo": el area misma es el control (se puede soltar
   archivos encima o hacer clic para abrir el selector del sistema). La usan la importacion de
   documentos, el almacenamiento de archivos y la pestana "Archivos adjuntos" de las pantallas de
   productividad, todas a traves de la parcial ~/Views/Shared/Controls/_FileDropzone.cshtml.
   El comportamiento (clic, teclado, resaltado y entrega de los archivos al input oculto) vive en
   Tools (typescripts/Tools.ts), con listeners en document para sobrevivir a las recargas parciales.
   Los colores salen de los tokens --neutral-*, que DarkMode.css reasigna, por lo que el modo
   oscuro no necesita reglas propias.
   ========================================================================== */

.adm-file-dropzone {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 100%;
    margin-top: 12px;
    padding: 20px 16px;
    border: 2px dashed var(--neutral-400);
    border-radius: 8px;
    background-color: var(--neutral-200);
    color: var(--neutral-600);
    text-align: center;
    cursor: pointer;
    transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

    .adm-file-dropzone:hover,
    .adm-file-dropzone:focus-visible {
        border-color: var(--summer-sky-500);
        color: var(--neutral-700);
        outline: none;
    }

    /* Estado activo: el JS (Tools) anade esta clase mientras hay archivos sobre el area. */
    .adm-file-dropzone.is-dragover {
        border-color: var(--summer-sky-500);
        border-style: solid;
        background-color: var(--neutral-300);
        color: var(--neutral-800);
    }

    /* Mientras hay una carga en curso el area se apaga y deja de aceptar clics y soltados, igual
       que antes se escondia el boton de cargar. */
    .adm-file-dropzone.is-busy {
        cursor: default;
        opacity: 0.6;
        pointer-events: none;
    }

    /* Los iconos del proyecto se pintan con currentColor, asi que siguen el color del contenedor.
       pointer-events:none evita que el hijo dispare dragleave al pasar el cursor sobre el. */
    .adm-file-dropzone svg {
        width: 28px;
        height: 28px;
        pointer-events: none;
    }

.adm-file-dropzone__title {
    font-size: 1.4rem;
    font-weight: 600;
    pointer-events: none;
}

.adm-file-dropzone__hint {
    font-size: 1.2rem;
    color: var(--neutral-600);
    pointer-events: none;
}

/* Texto que sustituye visualmente al titulo mientras se arrastran archivos encima ("Suelta los
   archivos para cargarlos"). Oculto por defecto; el intercambio es puramente CSS. */
.adm-file-dropzone__active-title {
    display: none;
    font-size: 1.4rem;
    font-weight: 600;
    pointer-events: none;
}

.adm-file-dropzone.is-dragover .adm-file-dropzone__title,
.adm-file-dropzone.is-dragover .adm-file-dropzone__hint {
    display: none;
}

.adm-file-dropzone.is-dragover .adm-file-dropzone__active-title {
    display: block;
}

