/* Minification failed. Returning unminified contents.
(3,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(65,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-secondary'
(70,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-primary'
(71,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(75,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-primary'
(76,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(80,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-limao'
(85,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-secondary'
(89,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(93,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-medio'
(97,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-fundo-secoes'
(98,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(114,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-fundo-secoes'
(118,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-fundo-secoes'
(130,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small'
(142,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario'
(146,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-medio'
(150,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario'
(155,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario'
(159,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(163,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro'
(170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(174,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-fundo-secoes'
(183,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-escuro'
(187,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario'
(191,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(195,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-limao'
(204,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro'
(205,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small'
(206,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-primary'
(220,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(224,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-escuro'
(228,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-branco'
(232,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(236,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(282,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-limao'
(284,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small'
(312,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(320,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(321,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(331,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(335,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(344,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(345,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-secondary'
(355,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-branco'
(374,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-branco'
(441,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro'
(448,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro'
(455,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro'
(456,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-primary'
(486,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(493,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(498,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(511,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(512,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-primary'
(528,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-secondary'
(542,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large'
(543,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(557,29): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large'
(563,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-limao'
(572,22): run-time error CSS1030: Expected identifier, found '#txtBuscar'
(572,32): run-time error CSS1031: Expected selector, found ')'
(572,32): run-time error CSS1025: Expected comma or open brace, found ')'
(577,22): run-time error CSS1030: Expected identifier, found '#txtBuscarNavStuck'
(577,40): run-time error CSS1031: Expected selector, found ')'
(577,40): run-time error CSS1025: Expected comma or open brace, found ')'
(583,26): run-time error CSS1030: Expected identifier, found '#txtBuscarNavStuck'
(583,44): run-time error CSS1031: Expected selector, found ')'
(583,44): run-time error CSS1025: Expected comma or open brace, found ')'
(638,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro'
(639,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-primary'
(643,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario'
(648,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small'
(649,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-secondary'
(654,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(656,29): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small'
(656,52): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small'
(660,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro'
(665,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-limao'
(670,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-medio'
(675,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(679,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro'
(680,27): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-secondary'
(685,36): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-escuro'
(686,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-branco'
(691,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro'
(700,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(701,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro'
(711,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(712,18): run-time error CSS1039: Token not allowed after unary operator: '-cs-border-width'
(713,24): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-limao'
(714,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small'
(715,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-primary'
(726,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-limao'
(727,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(737,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro'
(754,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro'
(755,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(756,24): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(762,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(763,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(767,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(775,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(792,43): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(793,35): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(798,47): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(799,39): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(800,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(808,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(809,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(813,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(814,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(823,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(824,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro'
(845,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-limao'
(846,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(847,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small'
(851,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(855,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small'
(859,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small'
(863,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small'
(871,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small'
(875,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small'
(880,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(884,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(888,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(897,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(907,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large'
(908,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(918,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(922,29): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large'
(933,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large'
(934,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(939,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large'
(940,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(946,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(950,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small'
(952,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario'
(953,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(959,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario'
(960,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(979,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(984,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small'
(986,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(987,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-secondary'
(1008,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-medio'
(1009,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(1013,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(1017,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(1025,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-secondary'
(1031,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small'
(1042,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario'
(1043,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(1048,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-escuro'
(1049,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(1053,37): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large'
(1054,38): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large'
(1059,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(1068,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small'
(1069,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-medio'
(1075,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-medio'
(1081,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(1091,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-fundo-campo'
(1092,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(1097,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-fundo-campo'
(1098,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(1103,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario'
(1104,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(1109,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-escuro'
(1110,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro'
(1111,24): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-escuro'
(1115,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario'
(1116,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro'
(1117,24): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario'
(1121,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-escuro'
(1122,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro'
(1123,24): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-escuro'
(1144,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-primary'
(1146,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-fundo-campo'
(1147,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(1149,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large'
(1172,33): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large'
(1173,36): run-time error CSS1039: Token not allowed after unary operator: '-cs-border-color'
(1225,51): run-time error CSS1030: Expected identifier, found '.'
(1225,70): run-time error CSS1031: Expected selector, found ')'
(1225,70): run-time error CSS1025: Expected comma or open brace, found ')'
(1233,8): run-time error CSS1030: Expected identifier, found '>'
(1233,41): run-time error CSS1031: Expected selector, found ')'
(1233,41): run-time error CSS1025: Expected comma or open brace, found ')'
(1275,8): run-time error CSS1030: Expected identifier, found '>'
(1275,43): run-time error CSS1031: Expected selector, found ')'
(1275,43): run-time error CSS1025: Expected comma or open brace, found ')'
(1296,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-fundo-secoes'
(1300,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-fundo-secoes'
(1303,16): run-time error CSS1030: Expected identifier, found '>'
(1303,43): run-time error CSS1031: Expected selector, found ')'
(1303,43): run-time error CSS1025: Expected comma or open brace, found ')'
(1323,38): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small'
(1324,35): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small'
(1330,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-primary'
(1332,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-fundo-campo'
(1333,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(1335,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large'
(1345,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large'
(1351,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large'
(1352,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-border-color'
(1468,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(1478,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-fundo-secoes'
(1482,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-limao'
(1490,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario'
(1494,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(1524,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small'
(1528,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-nivel-grao'
(1529,24): run-time error CSS1039: Token not allowed after unary operator: '-cs-nivel-grao'
(1533,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-nivel-cacau'
(1534,24): run-time error CSS1039: Token not allowed after unary operator: '-cs-nivel-cacau'
(1538,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-nivel-chocolate'
(1539,24): run-time error CSS1039: Token not allowed after unary operator: '-cs-nivel-chocolate'
(1543,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-nivel-coracao'
(1544,24): run-time error CSS1039: Token not allowed after unary operator: '-cs-nivel-coracao'
(1548,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-nivel-grao'
(1552,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-nivel-cacau'
(1556,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-nivel-chocolate'
(1566,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1567,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1568,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1573,27): run-time error CSS1039: Token not allowed after unary operator: '-offset-left'
(1574,28): run-time error CSS1039: Token not allowed after unary operator: '-offset-left'
(1579,28): run-time error CSS1039: Token not allowed after unary operator: '-offset-left'
(1580,29): run-time error CSS1039: Token not allowed after unary operator: '-offset-left'
(1585,33): run-time error CSS1039: Token not allowed after unary operator: '-base-padding-x'
(1585,57): run-time error CSS1039: Token not allowed after unary operator: '-offset-left'
(1586,34): run-time error CSS1039: Token not allowed after unary operator: '-base-padding-x'
(1586,58): run-time error CSS1039: Token not allowed after unary operator: '-offset-left'
(1591,25): run-time error CSS1039: Token not allowed after unary operator: '-base-padding-x'
(1591,49): run-time error CSS1039: Token not allowed after unary operator: '-offset-left'
(1592,26): run-time error CSS1039: Token not allowed after unary operator: '-base-padding-x'
(1592,50): run-time error CSS1039: Token not allowed after unary operator: '-offset-left'
(1605,27): run-time error CSS1039: Token not allowed after unary operator: '-offset-left'
(1606,28): run-time error CSS1039: Token not allowed after unary operator: '-offset-left'
(1612,33): run-time error CSS1039: Token not allowed after unary operator: '-offset-left'
(1612,54): run-time error CSS1039: Token not allowed after unary operator: '-intermediary-screen-offset'
(1613,34): run-time error CSS1039: Token not allowed after unary operator: '-offset-left'
(1613,55): run-time error CSS1039: Token not allowed after unary operator: '-intermediary-screen-offset'
(1619,34): run-time error CSS1039: Token not allowed after unary operator: '-base-padding-x'
(1619,58): run-time error CSS1039: Token not allowed after unary operator: '-offset-left'
(1619,79): run-time error CSS1039: Token not allowed after unary operator: '-intermediary-screen-offset'
(1620,35): run-time error CSS1039: Token not allowed after unary operator: '-base-padding-x'
(1620,59): run-time error CSS1039: Token not allowed after unary operator: '-offset-left'
(1620,79): run-time error CSS1039: Token not allowed after unary operator: '-intermediary-screen-offset'
(1625,32): run-time error CSS1039: Token not allowed after unary operator: '-offset-left'
(1625,45): run-time error CSS1034: 
(1625,45): run-time error CSS1042: Expected function, found '-var('
(1625,51): run-time error CSS1039: Token not allowed after unary operator: '-intermediary-screen-offset'
(1625,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1626,33): run-time error CSS1039: Token not allowed after unary operator: '-offset-left'
(1626,46): run-time error CSS1034: 
(1626,46): run-time error CSS1042: Expected function, found '-var('
(1626,52): run-time error CSS1039: Token not allowed after unary operator: '-intermediary-screen-offset'
(1626,80): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1636,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large'
(1643,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large'
(1644,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(1646,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(1674,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(1686,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-limao'
(1702,24): run-time error CSS1039: Token not allowed after unary operator: '-cs-border-color'
(1706,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-fundo-campo'
(1712,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(1713,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(1714,34): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large'
(1715,35): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large'
(1720,34): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large'
(1721,35): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large'
(1723,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(1734,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(1738,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(1851,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(1860,26): run-time error CSS1030: Expected identifier, found '.'
(1860,44): run-time error CSS1031: Expected selector, found ')'
(1860,44): run-time error CSS1025: Expected comma or open brace, found ')'
(1865,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario'
(1883,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(1889,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(1893,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-escuro'
(1897,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario'
(1901,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-limao'
(1915,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(1921,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(1925,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-escuro'
(1929,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario'
(1933,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-limao'
(1947,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(1953,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(1957,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-escuro'
(1961,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario'
(1965,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-limao'
(1979,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(1985,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(1989,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-escuro'
(1993,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario'
(1997,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-limao'
(2133,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(2135,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(2148,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(2149,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(2167,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(2174,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(2187,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(2197,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(2319,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-limao'
(2320,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro'
(2324,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario'
(2325,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro'
(2330,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-fundo-card-produtos'
(2334,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(2338,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-escuro'
(2339,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(2343,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario'
(2344,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(2348,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(2396,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small'
(2397,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-escuro'
(2398,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro'
(2402,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large'
(2403,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(2404,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(2418,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large'
(2419,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(2420,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro'
(2424,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(2429,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro'
(2430,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(2434,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario'
(2435,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(2439,35): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small'
(2443,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro'
(2447,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro'
(2450,22): run-time error CSS1030: Expected identifier, found ':'
(2450,28): run-time error CSS1031: Expected selector, found ')'
(2450,28): run-time error CSS1025: Expected comma or open brace, found ')'
(2456,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(2457,24): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(2458,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(2459,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-secondary'
(2466,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(2467,24): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(2468,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(2469,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-secondary'
(2494,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-primary'
(2507,24): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(2512,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario'
(2516,52): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-escuro'
(2516,114): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-escuro'
(2516,142): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-escuro'
(2535,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(2536,24): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(2537,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio'
(2538,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-secondary'
(2583,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-card-media-h'
(2665,8): run-time error CSS1030: Expected identifier, found '#ContentPlaceHolder1_lblValorComissaoResumo'
(2665,51): run-time error CSS1031: Expected selector, found ')'
(2665,51): run-time error CSS1025: Expected comma or open brace, found ')'
(2683,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-primary'
(2684,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-cinza-escuro'
(2715,33): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small'
(2716,30): run-time error CSS1039: Token not allowed after unary operator: '-cs-branco'
(2717,36): run-time error CSS1039: Token not allowed after unary operator: '-cs-border-color'
(2718,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-cinza-escuro'
(2719,31): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-primary'
(2728,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario'
(2733,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro'
(2734,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-cinza-escuro'
 */
:root {
  /* === CORES PRIMÁRIAS === */
  --cs-verde-primario: #3b7555;
  --cs-marrom-escuro: #3a180c;
  --cs-marrom-medio: #823d2a;
  --cs-verde-limao: #bab642;
  --cs-verde-escuro: #123523;

  /* === CORES SECUNDÁRIAS === */
  --cs-bege-claro: #fcf3ec;
  --cs-bege-medio: #ffead5;
  --cs-fundo-secoes: #fffbf8;
  --cs-branco: #ffffff;
  --cs-preto: #000000;
  --cs-fundo-campo: #ebe2d9;
  --cs-border-color: #F1E7DE;
  --cs-cinza-escuro: #221F1E;
  --cs-fundo-card-produtos: #fcfcfc;

  /* === NÍVEIS === */
  --cs-nivel-grao      : #bab641;
  --cs-nivel-cacau     : #3a7554;
  --cs-nivel-chocolate : var(--cs-marrom-medio);
  --cs-nivel-coracao   : #a31f26;

  /* === TIPOGRAFIA === */
  --cs-font-primary: "Sagona Bold", "Lato", sans-serif;
  --cs-font-secondary: "Sagona Book", "Lato", sans-serif;

  /* === BORDAS E ARREDONDAMENTOS === */
  --cs-radius-small: 10px;
  --cs-radius-large: 30px;
  --cs-border-width: 1px;

  --cs-footer-bg:      #3A0F09;  /* marrom bem escuro */
  --cs-footer-text:    #FFFFFF;  /* textos principais/brancos */
  --cs-footer-link:    #FFFFFF;  /* links padrão */
  --cs-footer-link-hv: #E1C675;  /* tom dourado do protótipo */
  --cs-footer-btm-bg:  #2F0C07;  /* faixa inferior ainda + escura */
  --cs-footer-font-h:  'Chomsky', serif; /* mesmo display do site; troque se precisar */
  --cs-footer-font-t:  'Archivo', sans-serif; /* corpo/links */
}



/* === IMPORTAÇÃO DE FONTES === */
@font-face {
    font-family: 'Sagona Bold';
    src: url('../../font/Sagona-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sagona Book';
    src: url('../../font/Sagona-Book.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* === SOBRESCRITA DA TIPOGRAFIA GLOBAL === */
body {
    font-family: var(--cs-font-secondary) !important;
}

/* === SOBRESCRITA DE TÍTULOS EXISTENTES === */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--cs-font-primary) !important;
    color: var(--cs-marrom-escuro) !important;
}

.block-title {
    font-family: var(--cs-font-primary) !important;
    color: var(--cs-marrom-escuro) !important;
}

    .block-title span {
        color: var(--cs-verde-limao) !important;
    }

/* === SOBRESCRITA DE ELEMENTOS DE TEXTO === */
p, span, li, td, th {
    font-family: var(--cs-font-secondary);
}

a {
    color: var(--cs-marrom-escuro) !important;
}

    a:hover {
        color: var(--cs-marrom-medio) !important;
    }
/* === SOBRESCRITA DO BODY === */
body {
    background: var(--cs-fundo-secoes) !important;
    color: var(--cs-marrom-escuro) !important;
}

/* === SOBRESCRITA DE CONTAINERS === */
.container,
.container-fluid {
    background-color: transparent;
}

.container-ev {
    margin-top: 0px;
}

/* === SEÇÕES E BACKGROUNDS === */
.content,
.content1 {
    background-color: var(--cs-fundo-secoes);
}

.bg-carrinho {
    background-color: var(--cs-fundo-secoes) !important;
}

/* === SOBRESCRITA DE SOMBRAS === */
.shadow {
    -webkit-box-shadow: 0px 0px 25px -2px rgba(58, 24, 12, 0.15) !important;
    -moz-box-shadow: 0px 0px 25px -2px rgba(58, 24, 12, 0.15) !important;
    box-shadow: 0px 0px 25px -2px rgba(58, 24, 12, 0.15) !important;
}

/* === ARREDONDAMENTOS === */
.rounded {
    border-radius: var(--cs-radius-small) !important;
}

/* === ALINHAMENTOS === */
.align-center {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}

/* === CORES DE TEXTO - Sobrescreve quando necessário === */
.text-primary {
    color: var(--cs-verde-primario) !important;
}

.text-danger {
    color: var(--cs-marrom-medio) !important;
}

.text-success {
    color: var(--cs-verde-primario) !important;
}

/* === BACKGROUNDS === */
.bg-primary {
    background-color: var(--cs-verde-primario) !important;
}

.bg-secondary {
    background-color: var(--cs-marrom-escuro) !important;
}

.bg-light {
    background-color: var(--cs-bege-claro) !important;
}

.no-margin-top{
    margin-top:0px !important;
}
:root {
    --cs-card-media-h: 240px;
}

#pageContent {
    background-color: var(--cs-fundo-secoes) !important;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: var(--cs-verde-escuro) !important;
}

.btn-box-login:hover {
    background: var(--cs-verde-primario) !important;
}

#cmdLogin {
    color: var(--cs-marrom-escuro) !important;
}

.block-title span {
    color: var(--cs-verde-limao) !important;
}

/* === ÍCONES DE NÍVEL  === */
.badge-nivel {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 10px;
    background-color: var(--cs-bege-claro);
    border-radius: var(--cs-radius-small);
    font-family: var(--cs-font-primary);
}

    .badge-nivel img {
        width: 20px;
        height: 20px;
    }

/* === HEADER === */
.logo img {
    width: 60px !important;
}

.desktop-header.header-06 .top-line.logotipo {
    background-color: var(--cs-marrom-escuro) !important;
}

.desktop-header.header-06 .top-line.menu {
    background-color: var(--cs-verde-escuro) !important;
}

.mobile-header {
    background-color: var(--cs-branco) !important;
}

.desktop-header .top-bar {
    background-color: var(--cs-marrom-escuro) !important;
}

#divLinksTopo span.dropdown-label {
    color: var(--cs-bege-medio) !important;
}

.top-bar {
    display: none !important;
}

.account .icon-account_circle::before {
    display: none !important;
}

.account .icon-account_circle {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url("../../images/cacau-show/icone-user.svg") center/contain no-repeat;
    vertical-align: middle;
}

.account .dropdown-toggle .icon {
    margin-left: 8px;
    color: transparent !important;
}

/* === DROPDOWN "MINHA CONTA" ================================ */

#divAccountDesktop {
    position: relative;
}

.dropdown .dropdown-menu.entrar > li > a,
#ulSairMobile.dropdown-menu > li > a,
#ulEntrarMobile.dropdown-menu > li > a {
    border-bottom: none !important;
}

ul.dropdown-menu.entrar,
ul.dropdown-menu.entrar li a {
    text-align: left !important;
    margin-left: 4px !important;
}

/* caixa verde-limão */
#ulSair.dropdown-menu.entrar,
#ulSairMobile.dropdown-menu,
#ulEntrarMobile.dropdown-menu {
    background: var(--cs-verde-limao) !important;
    border: none !important;
    border-radius: var(--cs-radius-small) !important;
    padding: 16px 20px !important;
    min-width: 180px;
    top: 46px;
    left: 0;
    transform: translateY(8px);
}

.dropdown-menu li a {
    text-transform: none !important;
    font-size: 12px !important;
}

#ulSair li + li,
#ulSairMobile li + li,
#ulEntrarMobile li + li {
    border-top: 1px solid rgba(58, 24, 12, 0.25);
    margin-top: 10px;
    padding-top: 10px;
}

/* titles */
.collapse-block_title {
    color: #fff !important;
}

/* links */
.header-06 .account {
    color: var(--cs-bege-medio) !important;
}

.header-06 .cart {
    margin-left: 0px !important;
}

.header-06 .account:hover {
    background-color: var(--cs-marrom-escuro) !important;
    color: var(--cs-bege-medio) !important;
}

.account .dropdown-toggle .icon {
    margin-left: 8px;
    top: -6px !important;
}

.account .dropdown-toggle .icon,
.account:hover .dropdown-toggle .icon {
    color: var(--cs-bege-medio) !important;
}

.account .dropdown-toggle .dropdown-label {
    color: var(--cs-bege-medio) !important;
}

#ulSair li a,
#ulSair li > *,
#ulSairMobile li a,
#ulSairMobile li > *,
#ulEntrarMobile li a,
#ulEntrarMobile li > * {
    color: var(--cs-marrom-escuro) !important;
    font-family: var(--cs-font-secondary) !important;
    font-size: 11px;
    display: block;
    font-weight: normal !important;
    line-height: 1.1 !important;
}

    #ulSair li a:hover,
    #ulSairMobile li a:hover,
    #ulEntrarMobile li a:hover {
        color: var(--cs-branco) !important;
    }

#ulSair li a,
#ulSair li > *,
#ulSairMobile li a,
#ulSairMobile li > *,
#ulEntrarMobile li a,
#ulEntrarMobile li > * {
    background: transparent !important;
}

    #ulSair li a:hover,
    #ulSair li > *:hover,
    #ulSairMobile li a:hover,
    #ulSairMobile li > *:hover,
    #ulEntrarMobile li a:hover,
    #ulEntrarMobile li > *:hover {
        background: transparent !important;
        color: var(--cs-branco) !important;
    }

#ulSair li a,
#ulSair li > *,
#ulSairMobile li a,
#ulSairMobile li > *,
#ulEntrarMobile li a,
#ulEntrarMobile li > * {
    display: block;
    padding: 0 !important;
}

#ulSair li:first-child,
#ulSairMobile li:first-child,
#ulEntrarMobile li:first-child {
    border-top: none;
}

/* Esconder ícones de seta no mobile */
#ulSairMobile .icon-arrow_forward,
#ulEntrarMobile .icon-arrow_forward {
    display: none !important;
}

/* Ajustar posição do menu mobile */
@media (max-width: 991px) {
    #ulSairMobile.dropdown-menu,
    #ulEntrarMobile.dropdown-menu {
        left: -26px !important;
    }

    /* Ajuste específico para páginas do Carrinho.Master */
    body.checkout.sacola #ulSairMobile.dropdown-menu,
    body.checkout.sacola #ulEntrarMobile.dropdown-menu {
        left: -134px !important;
    }
}

/* Forçar exibição do menu mobile no clique */
@media (max-width: 768px) {
    .account.dropdown.open #ulSairMobile.dropdown-menu,
    .account.dropdown.open #ulEntrarMobile.dropdown-menu,
    #divAccount.open #ulSairMobile.dropdown-menu,
    #divAccount.open #ulEntrarMobile.dropdown-menu,
    .dropdown-mobile-container.open #ulSairMobile.dropdown-menu,
    .dropdown-mobile-container.open #ulEntrarMobile.dropdown-menu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

.icone-favoritos {
    margin-left: 24px;
    vertical-align: middle;
}

    .icone-favoritos img {
        margin-top: 4px;
        width: 26px;
        height: 26px;
    }

.header-06 .account,
.header-06 .account .dropdown-toggle .dropdown-label,
.header-06 .account .dropdown-toggle .icon {
    color: var(--cs-bege-claro) !important;
}

    .header-06 .account:hover,
    .header-06 .account:hover .dropdown-label,
    .header-06 .account:hover .icon {
        background-color: transparent !important;
        color: var(--cs-bege-claro) !important;
    }

.desktop-header .top-line.logotipo .pull-right {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--cs-bege-claro) !important;
    font-family: var(--cs-font-primary);
    font-weight: 600;
}

    .desktop-header .top-line.logotipo .pull-right > * {
        display: inline-flex;
        align-items: center;
    }

/* === SACOLA (HEADER) =============================================== */

#lblMinhaSacola,
.main-parent-cart .dropdown-label {
    display: none !important;
}

.icon-shopping_basket {
    display: none !important;
}

.cart .dropdown .dropdown-notoggle,
.cart .dropdown .dropdown-notoggle:hover {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 28px;
    height: 28px;
    padding: 0 !important;
    background: url("../../images/cacau-show/icone-sacola.svg") center/contain no-repeat;
    background-color: transparent !important;
    color: var(--cs-bege-medio) !important;
    border: none !important;
}

header .cart .dropdown-notoggle:hover {
    background: url("../../images/cacau-show/icone-sacola.svg") center/contain no-repeat;
    background-color: transparent !important;
    color: var(--cs-bege-medio) !important;
}

.main-parent-cart .dropdown-notoggle:hover,
.main-parent-cart .dropdown-notoggle:focus {
    color: var(--cs-bege-medio) !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.badge-cart {
    position: absolute;
    top: -12px;
    right: -4px;
    width: 16px;
    height: 16px;
    padding: 0 !important;
    background: #000 !important;
    color: var(--cs-bege-medio) !important;
    font-family: var(--cs-font-primary) !important;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
    border-radius: 50% !important;
    display: block;
    min-width: 0 !important;
}

.badge-cart {
    top: -10px !important;
    left: 16px !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 19px !important;
    font-size: 12px !important;
    font-family: var(--cs-font-secondary) !important;
}

header .cart .dropdown .badge {
    border-color: transparent !important;
}

header div {
    vertical-align: middle;
}

/* === SEARCH BAR === */

header .search-fixo .search-dropdown .input-outer input {
    border-radius: var(--cs-radius-large) !important;
    background-color: var(--cs-bege-medio) !important;
    padding: 20px !important;
    padding-right: 110px !important;
}

.search-fixo .search-dropdown .input-outer {
    position: relative;
    display: inline-block;
    width: 100%;
}

    .search-fixo .search-dropdown .input-outer .btn-search {
        position: absolute;
        right: 0;
        border-radius: var(--cs-radius-large);
        width: 60px;
        height: 100%;
        background-image: url("../../images/cacau-show/icone-lupa.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-color: var(--cs-verde-limao) !important;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.3s ease;
    }

.search-dropdown:has(#txtBuscar) {
    top: 38px !important;
    position: absolute;
}

.search-dropdown:has(#txtBuscarNavStuck) {
    top: 64px !important;
    position: absolute;
}

@media (max-width: 1024px) {
    .search-dropdown:has(#txtBuscarNavStuck) {
        top: 55px !important;
        position: absolute;
    }
}

/* Hover do botão */
.search-fixo .search-dropdown .input-outer .btn-search:hover {
    background-color: #3b7555;
    transform: translateY(-2%) scale(1.05);
}

/* Ícone da lupa - esconder o ícone font atual */
.search-fixo .search-dropdown .input-outer .btn-search .icon {
    display: none;
}

/* Adicionar o SVG da lupa como background */
.search-fixo .search-dropdown .input-outer .btn-search::before {
    content: "";
    width: 60px;
    height: 22px;
    background-image: url("../../images/cacau-show/icone-lupa.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
}

header .search-fixo .search-dropdown .input-outer button,
#cmdbuscar {
    padding: 10px !important;
}

/* Focus do input */
.search-fixo .search-dropdown .input-outer input:focus {
    border-color: #bab642 !important;
    box-shadow: 0 0 0 3px rgba(186, 182, 66, 0.1);
}

/* Para melhor responsividade */
@media (max-width: 768px) {
    .search-fixo .search-dropdown .input-outer input {
        padding: 12px 50px 12px 20px !important;
        font-size: 14px;
    }

    .search-fixo .search-dropdown .input-outer .btn-search {
        width: 35px;
        height: 35px;
    }
}

/* === MENU PRINCIPAL === */
.header-menu ul li a {
    color: var(--cs-bege-claro) !important;
    font-family: var(--cs-font-primary) !important;
}

    .header-menu ul li a:hover {
        color: var(--cs-verde-primario) !important;
    }

/* === FORM CONTROLS === */
.form-control {
    border-radius: var(--cs-radius-small) !important;
    font-family: var(--cs-font-secondary) !important;
}

/* === DROPDOWN MENUS === */
.dropdown-menu {
    background-color: var(--cs-marrom-escuro) !important;
    border: none !important;
    border-radius: 0 0 var(--cs-radius-small) var(--cs-radius-small) !important;
}

    .dropdown-menu li a {
        color: var(--cs-bege-claro) !important;
    }

        .dropdown-menu li a:hover {
            background-color: rgba(255, 255, 255, 0.1) !important;
            color: var(--cs-verde-limao) !important;
        }

    /* Segundo nível do dropdown */
    .dropdown-menu .dropdown-menu {
        background-color: var(--cs-marrom-medio) !important;
    }

/* === MENU LATERAL (EV) === */
.navbar-side {
    background-color: var(--cs-marrom-escuro) !important;
}

    .navbar-side .nav li a {
        color: var(--cs-bege-claro) !important;
        font-family: var(--cs-font-secondary) !important;
    }

        .navbar-side .nav li a:hover,
        .navbar-side .nav li a.active-menu {
            background-color: var(--cs-verde-escuro) !important;
            color: var(--cs-branco) !important;
        }

/* === FOOTER === */
footer {
    background-color: var(--cs-bege-claro) !important;
    position: relative;
}

.footer-content-col {
    background-color: transparent !important;
}

.copyright {
    background-color: var(--cs-marrom-escuro) !important;
    color: var(--cs-bege-claro) !important;
}

/* === SOBRESCRITA DE BOTÕES EXISTENTES === */
.btn,
.btn-border,
.btn-primary,
.btn-inversion,
.btn-box-login {
    background-color: transparent !important;
    color: var(--cs-marrom-escuro) !important;
    border: var(--cs-border-width) solid transparent !important;
    border-color: var(--cs-verde-limao) !important;
    border-radius: var(--cs-radius-small) !important;
    font-family: var(--cs-font-primary) !important;
    transition: all 0.3s ease !important;
    padding-left: 50px;
    padding-right: 50px;
}

    .btn:hover,
    .btn-border:hover,
    .btn-primary:hover,
    .btn-inversion:hover,
    .btn-box-login:hover {
        background-color: var(--cs-verde-limao) !important;
        color: var(--cs-marrom-escuro) !important;
    }

/* === PÁGINAS ESPECÍFICAS === */
/* === 1. LOGIN === */
.versao-produto {
    display: none;
}

.login-page {
    background-color: var(--cs-bege-claro) !important;
}

.btn-box-login {
    font-weight: normal !important;
    font-size: 16px;
}

.login-form-box .input-group-addon {
    display: none;
}

.login-form-box .input-group {
    width: 100%;
}

.login-form-box .form-control {
    background-color: var(--cs-bege-claro) !important;
    color: var(--cs-marrom-escuro) !important;
    border-color: var(--cs-marrom-escuro) !important;
    padding: 18px 16px !important;
}

    .login-form-box .form-control:focus,
    .login-form-box .form-control:not(:placeholder-shown):not(:focus) {
        background-color: var(--cs-bege-medio) !important;
        border-color: var(--cs-bege-medio) !important;
    }

    .login-form-box .form-control::placeholder {
        color: var(--cs-marrom-escuro) !important;
    }

.login-form-box p {
    display: none !important;
}

.container-header-logo {
    background-color: var(--cs-marrom-escuro) !important;
    height: 110px;
}

    .container-header-logo img {
        height: 60px;
    }

h1.block-title.large {
    text-transform: none !important;
}

.login-form-box input:-webkit-autofill,
.login-form-box input:-webkit-autofill:not(:placeholder-shown):not(:focus),
.login-form-box input:-webkit-autofill:hover,
.login-form-box input:-webkit-autofill:focus,
.login-form-box input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px var(--cs-bege-medio) inset !important;
    -webkit-text-fill-color: var(--cs-marrom-escuro) !important;
    transition: background-color 5000s ease-in-out 0s;
}

    .login-form-box input:-webkit-autofill:focus {
        -webkit-box-shadow: 0 0 0 1000px var(--cs-bege-medio) inset !important;
        -webkit-text-fill-color: var(--cs-marrom-escuro) !important;
        border-color: var(--cs-bege-medio) !important;
    }

.login-form-box input:-moz-autofill,
.login-form-box input:-moz-autofill:not(:placeholder-shown):not(:focus),
.login-form-box input:-moz-autofill:hover,
.login-form-box input:-moz-autofill:focus,
.login-form-box input:-moz-autofill:active {
    background-color: var(--cs-bege-medio) !important;
    color: var(--cs-marrom-escuro) !important;
}

    .login-form-box input:-moz-autofill:focus {
        background-color: var(--cs-bege-medio) !important;
        border-color: var(--cs-bege-medio) !important;
    }

.login-form-box .form-control:-webkit-autofill {
    padding: 18px 16px !important;
}

/* === 2. CARRINHO === */
.page-header-title-carrinho {
    background-color: var(--cs-marrom-escuro) !important;
    color: var(--cs-bege-claro) !important;
}

#ContentPlaceHolder1_txtPesquisaKitComplementar {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

#ContentPlaceHolder1_linhaPontosLiquidoTotalCarrinho th, #ContentPlaceHolder1_linhaPontosLiquidoTotalCarrinho td {
    display: none !important;
}

#ContentPlaceHolder1_linhaDescontosCarrinho {
    display: none !important;
}

.table-total {
    background-color: transparent !important;
}

.btn-cupom {
    background-color: var(--cs-verde-limao) !important;
    color: var(--cs-marrom-escuro) !important;
    border-radius: var(--cs-radius-small) !important;
}

.activePage {
    border: 1px solid var(--cs-marrom-escuro) !important;
}

.page-header-title-carrinho {
    border-radius: var(--cs-radius-small) !important;
}

#ContentPlaceHolder1_divVouchersDisponiveis .page-header-title {
    border-radius: var(--cs-radius-small) !important;
}

#ContentPlaceHolder1_lblTituloPromocoes {
    border-radius: var(--cs-radius-small) !important;
}

.panel-body {
    background-color: transparent !important;
}

.panel {
    border-radius: var(--cs-radius-small) !important;
}

.panel-heading {
    border-radius: var(--cs-radius-small) !important;
}

/* === MOBILE MENU ===*/
.mobile-header {
    background-color: var(--cs-marrom-escuro) !important;
}

.mobile-menu-toggle .menu-text {
    color: var(--cs-bege-medio) !important;
}

.mobile-menu-toggle .icon-bar {
    background-color: var(--cs-bege-medio) !important;
}

.login-page form #pageContent {
    background-color: transparent !important;
}

/* === STUCK NAV === */
.stuck-nav {
    background-color: var(--cs-marrom-escuro) !important;
}

.stuck-cart-parent-box .dropdown-notoggle,
.stuck-cart-parent-box .dropdown-notoggle:hover {
    margin-top: 8px;
    margin-left: 8px;
}

#txtBuscarNavStuck {
    border-radius: var(--cs-radius-large) !important;
    background-color: var(--cs-bege-medio) !important;
    padding: 20px !important;
    padding-right: 110px !important;
}

header .search .search-dropdown {
    margin-top: -64px !important;
}

    header .search .search-dropdown .search-close .icon {
        color: var(--cs-bege-medio) !important;
        background-color: #000 !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        border-radius: var(--cs-radius-large);
        margin-left: 8px !important;
    }

@media (min-width: 1025px) {
    header .search .search-dropdown .input-outer:before {
        display: none !important;
    }
}

header .mobile-header .search .input-outer {
    border-radius: var(--cs-radius-large) !important;
    background-color: var(--cs-bege-medio) !important;
}

#txtCodBuscar1 {
    padding: 20px !important;
    border-radius: var(--cs-radius-large) !important;
    background-color: var(--cs-bege-medio) !important;
}

/* === MENU === */

.header-menu ul li a {
    color: var(--cs-bege-medio) !important;
}

.header-menu ul li.megamenu.active {
    border-radius: var(--cs-radius-small) !important;
    position: relative !important;
    background-color: var(--cs-verde-primario) !important;
    color: var(--cs-bege-medio) !important;
}

.header-menu > ul > li > a:hover,
.header-menu > ul > li.hover > a,
.header-menu > ul > li:hover > a {
    background-color: var(--cs-verde-primario) !important;
    color: var(--cs-bege-medio) !important;
    padding: 23px 21px 22px 20px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    line-height: 0 !important;
}

.dropdown .megamenu {
    position: relative;
}

.header-menu .dropdown-menu {
    width: unset !important;
}

.header-menu .dropdown:hover .dropdown-menu {
    position: absolute;
    top: 76px;
    left: -25px !important;
    background-color: var(--cs-marrom-escuro);
    list-style: none;
    min-width: 250px;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    border-radius: var(--cs-radius-small) !important;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    color: var(--cs-bege-medio) !important;
    font-family: var(--cs-font-secondary) !important;
}

.custom-layout-02 .col-sm-7 {
    width: 100% !important;
}

.header-menu .title-underline {
    display: none !important;
}

.header-menu .menu-list-col > div {
    margin-top: 12px !important;
}

.menu-list-col .col-sm-4 {
    width: 100% !important;
}

.header-menu .megamenu-submenu > li ul li a,
.header-menu .megamenu-submenu > li ul {
    background-color: var(--cs-marrom-medio) !important;
    color: var(--cs-bege-medio) !important;
}

.header-menu .megamenu-submenu > li + li {
    border-top: 1px solid var(--cs-bege-medio) !important;
}

.header-menu .megamenu-submenu > li ul li + li {
    border-top: 1px solid var(--cs-bege-medio) !important;
}

.header-menu > ul > .megamenu > a:hover {
    padding: 23px 21px 22px 20px !important;
}

.header-menu .megamenu-submenu li > a {
    font-family: var(--cs-font-secondary) !important;
}

.header-menu .megamenu-submenu > li ul {
    margin-left: 0px;
    padding: 12px !important;
    border-radius: var(--cs-radius-small) !important;
}

.header-menu .dropdown a {
    padding-left: 20px !important;
    padding-right: 21px !important;
}

/* === DESTAQUES === */
.slick-arrow-1 .slick-prev:before,
.slick-arrow-1 .slick-next:before {
    background-color: var(--cs-verde-primario) !important;
    color: var(--cs-bege-medio) !important;
}

.container-fluid.destaques {
    background: none !important;
    background-color: var(--cs-verde-escuro) !important;
    color: var(--cs-bege-medio) !important;
    max-width: unset !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: var(--cs-radius-large) !important;
    border-bottom-right-radius: var(--cs-radius-large) !important;
    margin-top: 0px !important;
}

#gradient > div > h1 {
    color: var(--cs-bege-medio) !important;
}

.header-06 .pull-center {
    margin-top: 0px !important;
}

/* === TOP BAR (SO VISIVEL NO CARRINHO) === */
#divMeusPedidosTop > ul.dropdown-menu {
    border-radius: var(--cs-radius-small) !important;
    background-color: var(--cs-marrom-medio) !important;
    padding-bottom: 12px;
    padding-top: 12px;
}

#divMeusPedidosTop > ul > li > a {
    background-color: var(--cs-marrom-medio) !important;
    border-bottom: none !important;
    padding: 15px 7px 7px 20px !important;
}

#divMeusPedidosTop .icon {
    color: var(--cs-bege-medio) !important;
}

.desktop-header .mini-menu ul li:first-child {
    margin-left: 0px !important;
}

/* === FORM CONTROL GERAL === */

.form-control {
    background-color: var(--cs-fundo-campo) !important;
    color: var(--cs-marrom-escuro) !important;
}

/* === CARRINHO === */
.input-counter.style-2 input {
    background-color: var(--cs-fundo-campo) !important;
    color: var(--cs-marrom-escuro) !important;
}

.btn-addtocart {
    background: none !important;
    background-color: var(--cs-verde-primario) !important;
    color: var(--cs-bege-medio) !important;
}

.btn-destaque1 {
    font-size: 23px;
    background-color: var(--cs-verde-escuro) !important;
    color: var(--cs-bege-claro) !important;
    border-color: var(--cs-verde-escuro) !important;
}

.btn-destaque2 {
    background-color: var(--cs-verde-primario) !important;
    color: var(--cs-bege-claro) !important;
    border-color: var(--cs-verde-primario) !important;
}

.btn-destaque3 {
    background-color: var(--cs-verde-escuro) !important;
    color: var(--cs-bege-claro) !important;
    border-color: var(--cs-verde-escuro) !important;
}

.btn-destaque1 .icon {
    display: none !important;
}

.px25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

/*=== GRID FORMAS DE ENTREGA === */
.table-card-container .table-striped thead,
.table-card-container .table-striped thead tr,
.table-card-container .table-striped thead th,
.table-card-container .table-striped tbody tr:first-child:has(th) {
    display: none !important;
}

.table-card-container::before {
    font-family: var(--cs-font-primary);
    display: block !important;
    background-color: var(--cs-fundo-campo) !important;
    color: var(--cs-marrom-escuro) !important;
    padding: 10px 20px !important;
    border-radius: var(--cs-radius-large) !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    margin-bottom: 0px !important;
    text-align: left !important;
}

.table-card-container .table-striped {
    background: transparent !important;
    border: none !important;
    margin-top: 0px !important;
}

    .table-card-container .table-striped tbody {
        display: block !important;
    }

        .table-card-container .table-striped tbody tr {
            display: block !important;
            padding: 20px !important;
            margin-bottom: 0 !important;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
            position: relative !important;
            border-radius: var(--cs-radius-large) !important;
            border: 1px solid var(--cs-border-color) !important;
            background-color: transparent !important;
        }

    .table-card-container .table-striped > tbody > tr:nth-of-type(odd) {
        background-color: transparent !important;
    }

    .table-card-container .table-striped td {
        border: none !important;
        padding: 0 !important;
        display: inline-block !important;
    }

        .table-card-container .table-striped td:first-child {
            position: absolute !important;
            left: 20px !important;
            top: 20px !important;
        }

.table-card-container .radioTable {
    width: 20px !important;
    height: 20px !important;
    cursor: pointer !important;
    accent-color: #0066cc !important;
}

.table-card-container .table-striped td:nth-child(3) {
    display: block !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin-left: 55px !important;
    margin-bottom: 8px !important;
    color: #333 !important;
    line-height: 1.4 !important;
}

.table-card-container .table-striped td:nth-child(2),
.table-card-container .table-striped td:nth-child(4),
.table-card-container .table-striped td:nth-child(5),
.table-card-container .table-striped td:nth-child(6),
.table-card-container .table-striped td:nth-child(7),
.table-card-container .table-striped td:nth-child(8),
.table-card-container .table-striped td:nth-child(9),
.table-card-container .table-striped td:nth-child(10) {
    display: none !important;
}

.table-card-container .table-striped tbody tr:hover {
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1) !important;
}

.table-card-container .table-striped tbody tr:has(.radioTable:checked) {
    background: #e8f0f8 !important;
    border: 2px solid #0066cc !important;
}

#ContentPlaceHolder1_divPoliticaEntregaPedido
.table-striped
tbody
tr:has(> td:contains("Forma de Entrega")) {
    display: none !important;
}

#ContentPlaceHolder1_divPoliticaEntregaPedido::before {
    content: attr(data-title) !important;
}

#ContentPlaceHolder1_divOpcoesPix::before {
    content: "PIX" !important;
}

#ContentPlaceHolder1_divOpcoesBoleto::before {
    content: "Boleto Bancário" !important;
}

#ContentPlaceHolder1_divOpcoesDeposito::before {
    content: "Dinheiro" !important;
}

#ContentPlaceHolder1_deposito,
#ContentPlaceHolder1_boleto {
    border: none !important;
    box-shadow: none !important;
}

#ContentPlaceHolder1_divPIX > div.panel-heading.display-table {
    border: none !important;
}

#ContentPlaceHolder1_divPIX .display-table {
    padding-top: 0 !important;
    padding-bottom: 0px !important;
}

#ContentPlaceHolder1_boleto > div.panel-heading {
    margin-top: 12px !important;
}

#ContentPlaceHolder1_divFormaPagamentoPedidoGrid
.table-striped
tbody
tr:has(> td:contains("Forma de pagamento")) {
    display: none !important;
}

.panel-pgto .panel-default .display-table .row h3 {
    display: none !important;
}

.panel-pgto .panel,
.panel-pgto .panel-heading {
    background-color: transparent !important;
    box-shadow: none !important;
}

.panel-default > .panel-heading {
    border: none !important;
}

/* === CREDIT CARD === */
.credit-card-box {
    border: none;
    background-color: var(--cs-fundo-secoes) !important;
}

.panel-default {
    background-color: var(--cs-fundo-secoes) !important;
}

.col-lg-12:has(> br:first-child:last-child) {
    display: none;
}

#ContentPlaceHolder1_cartaoCreditoAdyen .panel-heading {
    display: none;
}

.checkout-box-01 {
    padding-bottom: 0px !important;
}

#ContentPlaceHolder1_txtTitularAdyen {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

#ContentPlaceHolder1_cartaoCreditoAdyen > div.panel-body > div:nth-child(1) > div > div > span {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: var(--cs-radius-small) !important;
    border-top-right-radius: var(--cs-radius-small) !important;
    padding: 9px 12px 6px 12px !important;
}

#ContentPlaceHolder1_cartoesCredito::before {
    content: "Cartão de crédito";
    font-family: var(--cs-font-primary);
    display: block;
    background: var(--cs-fundo-campo);
    color: var(--cs-marrom-escuro);
    padding: 10px 20px;
    border-radius: var(--cs-radius-large);
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 0;
    text-align: left;
}

.credit-card-box[id^="cartao"] {
    background: #f9f7f5 !important;
    border: 1px solid #e8e5e1 !important;
    border-radius: var(--cs-radius-large) !important;
    padding: 20px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

.credit-card-box .panel-body {
    border-radius: var(--cs-radius-large) !important;
    border: 1px solid var(--cs-border-color) !important;
    padding: 20px 20px 20px 50px !important;
}

#ContentPlaceHolder1_lblCartaoCredito {
    position: absolute;
    top: 66px;
    left: 20px;
    z-index: 8;
}

.credit-card-box[id^="cartao"] > .panel-heading,
.credit-card-box[id^="cartao"] .panel-heading {
    display: none !important;
}

.credit-card-box[id^="cartao"] .panel-body {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

.credit-card-box[id^="cartao"] .row:first-of-type {
    margin-top: 10px;
}

/* === MOBILE ADYEN FORM === */
@media (max-width: 768px) {
    #cartaoCreditoAdyen {
        padding: 12px !important;
    }

    #cartaoCreditoAdyen .panel-body {
        padding: 16px !important;
    }

    .adyen-checkout__card__exp-cvc {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        margin: 0 !important;
    }

    .adyen-checkout__field--50 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .adyen-checkout__field__exp-date,
    .adyen-checkout__field--expiryDate {
        margin-bottom: 16px !important;
    }

    .adyen-checkout__field__cvc,
    .adyen-checkout__field--securityCode {
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    .adyen-checkout__field-wrapper {
        display: flex !important;
        flex-direction: column !important;
    }

    .adyen-checkout__input {
        width: 100% !important;
    }

    .adyen-checkout__card__form {
        padding: 0 !important;
    }

    #cartaoCreditoAdyen .control-group {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #cartaoCreditoAdyen .pull-left {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    #cartaoCreditoAdyen [class*="col-"] {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    #cartaoCreditoAdyen .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* === TITULOS === */
.block-title {
    letter-spacing: 0.599602px !important;
}

    .block-title:hover {
        letter-spacing: 0.599602px !important;
    }

.checkout-tab-content .title-checkout {
    text-align: left !important;
    background-color: transparent !important;
    margin-bottom: 10px !important;
    padding-left: 0px !important;
}

.sub-title-checkout {
    margin-bottom: 16px !important;
    color: var(--cs-marrom-escuro) !important;
}

.checkout-tab-content .title-checkout span.icon {
    display: none !important;
}

/* === RESUMO PEDIDO === */

#ContentPlaceHolder1_divResumoPedido {
    background-color: var(--cs-fundo-secoes) !important;
}

.checkout-box-aside:before {
    background-color: var(--cs-verde-limao) !important;
}

.checkout-table-02 thead td {
    text-transform: none !important;
}

#ContentPlaceHolder1_txtValorComissaoResumo {
    color: var(--cs-verde-primario) !important;
}

#ContentPlaceHolder1_lblCupomDesconto {
    color: var(--cs-marrom-escuro) !important;
    font-weight: bold !important;
}

.checkout-table-02 tbody tr td:last-child {
    font-size: 17px !important;
}

.checkout-box-aside h3 {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

#ContentPlaceHolder1_divResumoLateralPrincipal .checkout-box-content > p {
    padding-top: 0px !important;
    margin-top: 4px !important;
}

#gradient > div > h1 {
    text-align: left !important;
    margin: 12px 0px !important;
    padding-bottom: 36px;
}

.subtotal {
    white-space: nowrap;
    margin-left: 16px !important;
}

.painel-qualificacao .rounded {
    border-radius: var(--cs-radius-small) !important;
}

.painel-qualificacao .stepper-item:nth-child(1).completed .stepper-circle {
    background: var(--cs-nivel-grao);
    border-color: var(--cs-nivel-grao);
}

.painel-qualificacao .stepper-item:nth-child(2).completed .stepper-circle {
    background: var(--cs-nivel-cacau);
    border-color: var(--cs-nivel-cacau);
}

.painel-qualificacao .stepper-item:nth-child(3).completed .stepper-circle {
    background: var(--cs-nivel-chocolate);
    border-color: var(--cs-nivel-chocolate);
}

.painel-qualificacao .stepper-item:nth-child(4).completed .stepper-circle {
    background: var(--cs-nivel-coracao);
    border-color: var(--cs-nivel-coracao);
}

.painel-qualificacao .stepper-item:nth-child(2).completed::before {
    background: var(--cs-nivel-grao);
}
/* linha 1→2 */
.painel-qualificacao .stepper-item:nth-child(3).completed::before {
    background: var(--cs-nivel-cacau);
}
/* linha 2→3 */
.painel-qualificacao .stepper-item:nth-child(4).completed::before {
    background: var(--cs-nivel-chocolate);
}
/* linha 3→4 */

.reduced-line-height {
    margin-top: 4px;
    line-height: 1.3;
}

.painel-qualificacao {
    --offset-left: 24px;
    --base-padding-x: 15px;
    --intermediary-screen-offset: 12px;
}

    /* @media (min-width: 992px) { */
    .painel-qualificacao .col-md-4:first-child .info-card .data-label {
        margin-left: var(--offset-left); /* 15 + 24 = 39 px totais   */
        margin-right: var(--offset-left); /* 15 + 24 = 39 px totais   */
    }

    /* CARDS 2 e 3 ─ todo o conteúdo recebe o mesmo recuo ---------- */
    .painel-qualificacao .col-md-4:nth-child(n + 2) > .info-card {
        padding-left: var(--offset-left) !important;
        padding-right: var(--offset-left) !important;
    }

    /* CARD 2 ─ rótulos e valores (1ª linha) sem gutter extra ------- */
    .painel-qualificacao .col-md-4:nth-child(2) .row:first-child > [class*="col-"] {
        padding-left: calc(var(--base-padding-x) + var(--offset-left));
        padding-right: calc(var(--base-padding-x) + var(--offset-left));
    }

    /* CARD 2 ─ barra de progresso recomeça na mesma régua ---------- */
    .painel-qualificacao .col-md-4:nth-child(2) .progress-container {
        left: calc(var(--base-padding-x) + var(--offset-left)); /* 39 px */
        right: calc(var(--base-padding-x) + var(--offset-left)); /* 39 px */
    }

    /* CARD 2 ─ iguala a altura dos dois rótulos ------------------- */
    .painel-qualificacao .col-md-4:nth-child(2) .data-label {
        display: block;
        min-height: 32px; /* ≈ 2 linhas a 13 px + espaços */
        line-height: 1.2;
    }

    /* CARD 3 ─ garante que o rótulo siga o mesmo recuo ------------ */
    .painel-qualificacao .col-md-4:nth-child(3) .data-label,
    .painel-qualificacao .col-md-4:nth-child(3) .data-value {
        margin-left: var(--offset-left);
        margin-right: var(--offset-left);
    }
/* } */

@media (min-width: 1024px) and (max-width: 1280px) {
    .painel-qualificacao .col-md-4:first-child .info-card .data-label {
        margin-left: calc( var(--offset-left) - var(--intermediary-screen-offset) ); /* 15 + 24 = 39 px totais   */
        margin-right: calc( var(--offset-left) - var(--intermediary-screen-offset) ); /* 15 + 24 = 39 px totais   */
    }

    .painel-qualificacao
    .col-md-4:nth-child(2)
    .row:first-child > [class*="col-"] {
        padding-left: calc( var(--base-padding-x) + var(--offset-left) - var(--intermediary-screen-offset) );
        padding-right: calc( var(--base-padding-x) + var(--offset-left)- var(--intermediary-screen-offset) );
    }

    .painel-qualificacao .col-md-4:nth-child(3) .data-label,
    .painel-qualificacao .col-md-4:nth-child(3) .data-value {
        margin-left: calc(var(--offset-left)-var(--intermediary-screen-offset));
        margin-right: calc(var(--offset-left)-var(--intermediary-screen-offset));
    }
}

.painel-qualificacao .progress-outer {
    margin-top: 24px !important;
}

/* === MODAL === */
.modal.in .modal-dialog {
    border-radius: var(--cs-radius-large) !important;
}

/* === SUBSCRIBE === */
.subscribe-box-01 {
    margin-left: clamp(16px, 5vw, 200px) !important;
    margin-right: clamp(16px, 5vw, 200px) !important;
    border-radius: var(--cs-radius-large);
    border: 1px solid var(--cs-marrom-escuro);
    background-color: transparent;
    color: var(--cs-marrom-escuro);
}

@media (min-width: 790px) {
    .subscribe-box-01 form {
        display: flex !important;
        align-items: stretch !important;
        gap: 12px !important;
        flex-wrap: nowrap !important;
        margin-top: 4px !important;
    }

        .subscribe-box-01 form .form-control {
            flex: 1 1 auto !important;
            width: auto !important;
            min-width: 160px !important;
            margin-right: 0 !important;
        }

        .subscribe-box-01 form .btn {
            flex: 0 0 auto !important;
            white-space: nowrap;
            padding-left: 32px !important;
            padding-right: 32px !important;
        }
}

.subscribe-box-01 .title {
    color: var(--cs-marrom-escuro) !important;
}

#divNewsletter > span > span {
    display: none;
}

#txtEmail {
    padding-left: 14px !important;
}

#cmdInscrevaSe {
    background-color: var(--cs-verde-limao) !important;
}

    #cmdInscrevaSe:hover {
        background-color: #fff !important;
    }

footer .mobile-collapse {
    border-top: none !important;
    border-bottom: none !important;
}

/* === TABELA BORDA === */

#ContentPlaceHolder1_grdRegraComercial > tbody > tr > th,
#ContentPlaceHolder1_grdRegraComercial > tbody > tr > td {
    border-color: var(--cs-border-color) !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: var(--cs-fundo-campo) !important;
}

/* ===  FOOTER === */

.footer-all {
    background-color: var(--cs-marrom-escuro) !important;
    color: var(--cs-bege-medio) !important;
    border-top-left-radius: var(--cs-radius-large) !important;
    border-top-right-radius: var(--cs-radius-large) !important;
    margin-top: 70px;
}

.footer-bottom {
    border-top-left-radius: var(--cs-radius-large) !important;
    border-top-right-radius: var(--cs-radius-large) !important;
    background-color: #210a05 !important;
    color: var(--cs-bege-medio) !important;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
footer a,
footer span {
    color: var(--cs-bege-medio) !important;
}

.box-copyright {
    color: var(--cs-bege-medio) !important;
    margin-left: -40px;
    padding-top: 8px !important;
}

.footer-main {
    padding-top: 60px !important;
}

.footer-bottom .container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 12px;
    gap: 20px;
}

.footer-legal {
    flex: 1 1 40%;
    max-width: 680px;
    text-align: center;
    margin: 8px 20px;
    font-size: 11px;
    line-height: 1.4;
}

.payment-list ul {
    margin: 8px 0;
}

@media (max-width: 1024px) and (min-width: 790px) {
    .footer-content-col {
        padding: 51px 0 51px 0;
    }
}

.footer-bottom .pull-left {
    order: 1;
    text-align: left;
    flex: 0 0 auto;
    margin-right: auto !important;
}

.footer-bottom .footer-legal {
    order: 2;
    flex: 1 1 auto;
    text-align: center;
    margin: 0 20px;
    max-width: 680px;
}

.footer-bottom .pull-right {
    order: 3;
    flex: 0 0 auto;
    margin-left: auto;
}

.footer-bottom .payment-list {
    order: initial;
}

.social-icon-round {
    display: none;
}

.footer-bottom img {
    padding-top: 0px;
}

.payment-list img {
    margin-top: -14px;
}

footer {
    position: relative;
}

    footer.footer-ilustrado::before {
        content: "";
        position: absolute;
        bottom: 100%;
        left: 0;
        right: 0;
        margin-top: 20px;
        width: 100%;
        height: 320px;
        background-image: url("../../images/cacau-show/ilustracao-rodape-1.svg");
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: center bottom;
        pointer-events: none;
        z-index: 2;
        transform: translateY(100%);
    }

@media (max-width: 790px) {
    footer::before {
        display: none;
    }

    .footer-bottom .container {
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap !important;
    }

    .box-copyright {
        margin-left: 20px !important;
        padding-bottom: 20px !important;
    }
}

.subscribe-box-01 .mobile-collapse_title {
    color: var(--cs-marrom-escuro) !important;
}

.footer-bottom .box-copyright {
    text-align: left !important;
    display: block !important;
    width: auto !important;
}

footer .col-md-12:has(div.social-icon-round) {
    display: none;
}

.back-to-top {
    background-color: var(--cs-verde-primario) !important;
}

.footer-ilustrado {
    background-color: transparent !important;
}

/* === CARROSSEL DESKTOP TOPO === */
#ContentPlaceHolder1_olIndicators li {
    border: none;
    width: 18px !important;
    height: 18px !important;
    float: left;
    margin: 0 8px;
}

#ContentPlaceHolder1_olIndicators li.active {
    opacity: 1;
    border: 1px solid var(--cs-bege-medio) !important;
    width: 18px !important;
    height: 18px !important;
}

#ContentPlaceHolder1_olIndicators li:nth-child(4n + 1) {
    background: var(--cs-marrom-escuro);
}

#ContentPlaceHolder1_olIndicators li:nth-child(4n + 2) {
    background: var(--cs-verde-escuro);
}

#ContentPlaceHolder1_olIndicators li:nth-child(4n + 3) {
    background: var(--cs-verde-primario);
}

#ContentPlaceHolder1_olIndicators li:nth-child(4n + 4) {
    background: var(--cs-verde-limao);
}

/* === CARROSSEL MOBILE TOPO === */
#ContentPlaceHolder1_olIndicatorsMobile li {
    border: none;
    width: 18px !important;
    height: 18px !important;
    float: left;
    margin: 0 8px;
}

#ContentPlaceHolder1_olIndicatorsMobile li.active {
    opacity: 1;
    border: 1px solid var(--cs-bege-medio) !important;
    width: 18px !important;
    height: 18px !important;
}

#ContentPlaceHolder1_olIndicatorsMobile li:nth-child(4n + 1) {
    background: var(--cs-marrom-escuro);
}

#ContentPlaceHolder1_olIndicatorsMobile li:nth-child(4n + 2) {
    background: var(--cs-verde-escuro);
}

#ContentPlaceHolder1_olIndicatorsMobile li:nth-child(4n + 3) {
    background: var(--cs-verde-primario);
}

#ContentPlaceHolder1_olIndicatorsMobile li:nth-child(4n + 4) {
    background: var(--cs-verde-limao);
}

/* === CARROSSEL DESKTOP RODAPÉ === */
#ContentPlaceHolder1_olIndicatorsRodape li {
    border: none;
    width: 18px !important;
    height: 18px !important;
    float: left;
    margin: 0 8px;
}

#ContentPlaceHolder1_olIndicatorsRodape li.active {
    opacity: 1;
    border: 1px solid var(--cs-bege-medio) !important;
    width: 18px !important;
    height: 18px !important;
}

#ContentPlaceHolder1_olIndicatorsRodape li:nth-child(4n + 1) {
    background: var(--cs-marrom-escuro);
}

#ContentPlaceHolder1_olIndicatorsRodape li:nth-child(4n + 2) {
    background: var(--cs-verde-escuro);
}

#ContentPlaceHolder1_olIndicatorsRodape li:nth-child(4n + 3) {
    background: var(--cs-verde-primario);
}

#ContentPlaceHolder1_olIndicatorsRodape li:nth-child(4n + 4) {
    background: var(--cs-verde-limao);
}

/* === CARROSSEL MOBILE RODAPÉ === */
#ContentPlaceHolder1_olIndicatorsMobileRodape li {
    border: none;
    width: 18px !important;
    height: 18px !important;
    float: left;
    margin: 0 8px;
}

#ContentPlaceHolder1_olIndicatorsMobileRodape li.active {
    opacity: 1;
    border: 1px solid var(--cs-bege-medio) !important;
    width: 18px !important;
    height: 18px !important;
}

#ContentPlaceHolder1_olIndicatorsMobileRodape li:nth-child(4n + 1) {
    background: var(--cs-marrom-escuro);
}

#ContentPlaceHolder1_olIndicatorsMobileRodape li:nth-child(4n + 2) {
    background: var(--cs-verde-escuro);
}

#ContentPlaceHolder1_olIndicatorsMobileRodape li:nth-child(4n + 3) {
    background: var(--cs-verde-primario);
}

#ContentPlaceHolder1_olIndicatorsMobileRodape li:nth-child(4n + 4) {
    background: var(--cs-verde-limao);
}

#myCarousel {
    margin-bottom: 35px;
    min-height: 160px;
}

#myCarouselMobile {
    margin-bottom: 35px;
    min-height: 160px;
}

#myCarouselRodape {
    margin-bottom: 35px;
    min-height: 160px;
}

#myCarouselMobileRodape {
    margin-bottom: 35px;
    min-height: 160px;
}
.dot-c-desk-topo {
    bottom: -5px!important;
}
.dot-c-desk-rodape {
    bottom: -25px !important;
}

.carousel-indicators {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    width: auto;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 15;
}

/* Ajuste para mobile */
@media (max-width: 767px) {

    .dot-c-mobile-topo {
        bottom: -25px !important;
    }

    .dot-c-mobile-rodape {
        bottom: -25px !important;
    }


    #ContentPlaceHolder1_olIndicatorsMobile li,
    #ContentPlaceHolder1_olIndicatorsMobileRodape li {
        width: 15px !important;
        height: 15px !important;
        margin: 0 6px;
    }
}

.home-content .carousel-inner .item,
.home-content .carousel-inner .item img,
.home-content .carousel .slick-slide,
.home-content .carousel .slick-slide img {
    border-radius: 8px !important;
    overflow: hidden;
}

.home-content .carousel-inner .item a,
.home-content .carousel .slick-slide a {
    display: block;
    border-radius: 32px;
    overflow: hidden;
}

.home-content .carousel-inner .item img,
.home-content .carousel .slick-slide img {
    transition: transform 0.3s ease;
}

.home-content .carousel-inner .item img:hover,
.home-content .carousel .slick-slide img:hover {
    transform: scale(1.02);
}

.home-content .manual-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    background: white;
    border: 2px solid #D4B896;
    border-radius: 50%;
    color: #624D3D;
    font-size: 24px;
    font-weight: bold;
    z-index: 1000;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    opacity: 0.9;
    transition: all 0.3s ease;
}

.home-content .manual-arrow:hover {
    background: #D4B896;
    color: white;
    opacity: 1;
    transform: translateY(-50%) scale(1.1);
}

.home-content .manual-prev {
    left: 15px;
}

.home-content .manual-next {
    right: 15px;
}

.home-content .slick-prev,
.home-content .slick-next {
    display: none !important;
}

.home-content .carousel .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    background: rgba(255, 255, 255, 0.95) !important;
    border: 2px solid var(--cs-bege-medio) !important;
    border-radius: 50%;
    color: var(--cs-marrom-escuro) !important;
    font-size: 20px;
    z-index: 1000;
    cursor: pointer;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    opacity: 0.9;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.home-content .carousel .slick-arrow:hover {
    background: var(--cs-bege-medio) !important;
    color: var(--cs-marrom-escuro) !important;
    opacity: 1;
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.home-content .carousel .slick-prev {
    left: 15px !important;
}

.home-content .carousel .slick-next {
    right: 15px !important;
}

.home-content .carousel .slick-prev:before {
    content: '\f104' !important;
    font-family: 'FontAwesome' !important;
    font-weight: 900;
    color: var(--cs-marrom-escuro);
}

.home-content .carousel .slick-next:before {
    content: '\f105' !important;
    font-family: 'FontAwesome' !important;
    font-weight: 900;
    color: var(--cs-marrom-escuro);
}

.home-content .carousel .slick-prev:before,
.home-content .carousel .slick-next:before {
    opacity: 1 !important;
}

.home-content .carousel .carousel-control-prev,
.home-content .carousel .carousel-control-next {
    width: 45px;
    height: 45px;
    background: rgba(255, 255, 255, 0.95) !important;
    border: 2px solid var(--cs-bege-medio) !important;
    border-radius: 50%;
    opacity: 0.9;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease;
}

.home-content .carousel .carousel-control-prev:hover,
.home-content .carousel .carousel-control-next:hover {
    background: var(--cs-bege-medio) !important;
    opacity: 1;
    transform: translateY(-50%) scale(1.1);
}

.home-content .carousel .carousel-control-prev {
    left: 15px !important;
}

.home-content .carousel .carousel-control-next {
    right: 15px !important;
}

/* Ícones Bootstrap */
.home-content .carousel .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23624d3d'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important;
    width: 25px;
    height: 25px;
}

.home-content .carousel .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23624d3d'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
    width: 25px;
    height: 25px;
}

.home-content .carousel .slick-arrow,
.home-content .carousel .carousel-control-prev,
.home-content .carousel .carousel-control-next {
    display: flex !important;
    visibility: visible !important;
    opacity: 0.9 !important;
}

@media (max-width: 767px) {
    .home-content .carousel .slick-arrow,
    .home-content .carousel .carousel-control-prev,
    .home-content .carousel .carousel-control-next {
        width: 38px;
        height: 38px;
        font-size: 16px;
    }

    .home-content .carousel .slick-prev,
    .home-content .carousel .carousel-control-prev {
        left: 8px !important;
    }

    .home-content .carousel .slick-next,
    .home-content .carousel .carousel-control-next {
        right: 8px !important;
    }

    .home-content .carousel .carousel-control-prev-icon,
    .home-content .carousel .carousel-control-next-icon {
        width: 20px;
        height: 20px;
    }
}

.home-content .carousel .slick-prev:before {
    content: '‹' !important;
    font-family: Arial, sans-serif !important;
    font-size: 24px;
    font-weight: bold;
}

.home-content .carousel .slick-next:before {
    content: '›' !important;
    font-family: Arial, sans-serif !important;
    font-size: 24px;
    font-weight: bold;
}

/* Estilo para as setas do Slick */
.slick-prev, .slick-next {
    z-index: 6;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.8) !important;
    border-radius: 50%;
    border: 2px solid #D4B896;
}

    .slick-prev:before, .slick-next:before {
        font-family: 'FontAwesome';
        color: #624D3D;
        font-size: 20px;
    }

.slick-prev {
    left: 15px;
}

.slick-prev:before {
    content: '\f104';
}

.slick-next {
    right: 15px;
}

.slick-next:before {
    content: '\f105';
}

.slick-prev:hover, .slick-next:hover {
    background: #D4B896 !important;
}

.slick-prev:hover:before, .slick-next:hover:before {
    color: white;
}

.slick-prev, .slick-next {
    display: block !important;
    opacity: 1 !important;
}


/* === BOX DE PRODUTO === */
.btn-product_addtocart {
    background-color: var(--cs-verde-limao) !important;
    color: var(--cs-bege-claro) !important;
}

.nextPrevious {
    background-color: var(--cs-verde-primario) !important;
    color: var(--cs-bege-claro) !important;
}

.product .product_inside {
    margin-top: 1px !important;
    background-color: var(--cs-fundo-card-produtos);
}

.product_inside span {
    color: var(--cs-marrom-escuro) !important;
}

.product .image-box .quick-view > span {
    background-color: var(--cs-verde-escuro) !important;
    color: var(--cs-bege-medio) !important;
}

.product .image-box .quick-view:hover > span {
    background-color: var(--cs-verde-primario) !important;
    color: var(--cs-bege-medio) !important;
}

.product_inside .icon-visibility {
    color: var(--cs-bege-medio) !important;
}

.rating {
    display: none !important;
}

.product .price,
.product_inside {
    cursor: pointer !important;
}

.btn-product_addtocart {
    cursor: pointer !important;
}

/* === DETALHE DE PRODUTO === */
#ContentPlaceHolder1_cmdAddProdutoFavoritos .text {
    display: none !important;
}

#ContentPlaceHolder1_cmdAddProdutoFavoritos .fa.fa-heart-o {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url("../../images/cacau-show/icone-favoritos.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    font-size: 0;
    line-height: 0;
    
}

    #ContentPlaceHolder1_cmdAddProdutoFavoritos .fa.fa-heart-o:before {
        content: "" !important;
    }

#ContentPlaceHolder1_divComentarios, /* comentários */
#arating, /* rating */
#ContentPlaceHolder1_divComentarios ~ .divider,
#ContentPlaceHolder1_divComentarios ~ .info-pro,
h5.block-title.big /* título "Avaliações" */ {
    display: none !important;
}

/* === EV === */
#page-inner p.page-header-title {
    border-radius: var(--cs-radius-small) !important;
    background-color: var(--cs-verde-escuro) !important;
    color: var(--cs-bege-claro) !important;
}

#page-inner div.dados-papel {
    border-radius: var(--cs-radius-large) !important;
    background-color: var(--cs-bege-medio) !important;
    color: var(--cs-marrom-escuro) !important;
    padding-left: 32px;
    height: 80px !important;
}

    #page-inner div.dados-papel img {
        display: inline;
    }

p.page-header-title {
    margin: 0px !important;
}

#page-inner div.dados-desempenho {
    border-radius: var(--cs-radius-large) !important;
    background-color: var(--cs-marrom-escuro) !important;
    color: var(--cs-bege-claro) !important;
    padding-top: 26px;
    padding-left: 32px;
    text-align: left !important;
    color: var(--cs-bege-medio) !important;
    height: 80px !important;
}

.menu-ev .nav li a {
    background-color: var(--cs-bege-claro) !important;
    color: var(--cs-marrom-escuro) !important;
}

.menu-ev .nav li ul li a {
    background-color: var(--cs-verde-primario) !important;
    color: var(--cs-bege-medio) !important;
}

.menu-ev .nav li ul li:nth-child(1) a {
    border-top-right-radius: var(--cs-radius-small) !important;
}

.menu-ev ul.nav.nav-second-level.collapse.in {
    background-color: var(--cs-bege-claro) !important;
}

.menu-ev ul.nav.nav-second-level.collapsing {
    background-color: var(--cs-bege-claro) !important;
}

.dados-papel:has(span:empty),
.dados-desempenho:has(span:empty) {
    display: none !important;
}

#ContentPlaceHolder1_cmdAdicionarCarrinho {
    background-color: var(--cs-marrom-escuro) !important;
    border-color: var(--cs-marrom-escuro) !important;
    color: var(--cs-bege-medio) !important;
    font-family: var(--cs-font-secondary) !important;
    font-weight: normal !important;
}

.btn-carrinho-next-prev,
#myModal #myButton,
.btn-secondary-cs {
    background-color: var(--cs-marrom-escuro) !important;
    border-color: var(--cs-marrom-escuro) !important;
    color: var(--cs-bege-medio) !important;
    font-family: var(--cs-font-secondary) !important;
    font-weight: normal !important;
}

#ContentPlaceHolder1_cmdLimpar {
    padding: 12px !important;
    font-size: 12px !important;
    height: unset !important;
    font-size: 11px !important;
}

#ContentPlaceHolder1_cmdFiltro {
    padding: 12px !important;
    font-size: 12px !important;
    height: unset !important;
    font-size: 11px !important;
}

#ContentPlaceHolder1_cmdLimpar:hover {
    padding: 12px !important;
}

.product_inside .tittle,
.product_inside .title {
    font-weight: bold;
    font-family: var(--cs-font-primary);
    width: 72%;
    margin: 0 auto;
    font-size: 18px;
    height: 120px !important;
}

.header-ev div .top-bar {
    display: none !important;
}

/* === TABELA === */
.shopping-cart-table tr {
    border-color: var(--cs-bege-medio) !important;
}

/* === PROGRESS BAR === */
.progress-bar {
    background-color: var(--cs-verde-primario) !important;
}

.progress-bar-striped {
    background-image: linear-gradient( 45deg, var(--cs-verde-escuro) 25%, transparent 25%, transparent 50%, var(--cs-verde-escuro) 50%, var(--cs-verde-escuro) 75%, transparent 75%, transparent ) !important;
}

.progress-bar-animated {
    animation: progress-bar-stripes 0.1s linear infinite !important;
}

@keyframes progress-bar-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 1rem 0;
    }
}

/* === ALERTA MODAL === */
#panelMensagem #myButtonDev {
    background-color: var(--cs-marrom-escuro) !important;
    border-color: var(--cs-marrom-escuro) !important;
    color: var(--cs-bege-medio) !important;
    font-family: var(--cs-font-secondary) !important;
    font-weight: normal !important;
}

/*== AJUSTES ADICIONAIS EV==*/
.back-footer-red,
.back-footer-blue {
    background-color: #EBE2D9 !important;
    color: #000;
}

.panel-body i.fa-5x {
    color: #EBE2D9 !important;
}

.slick-track {
    display: flex !important;
}

    .slick-track .slick-slide {
        height: auto !important;
    }

        .slick-track .slick-slide > div {
            height: 100% !important;
        }

        .slick-track .slick-slide .product.no-hover {
            height: 100% !important;
            display: flex !important;
        }

            .slick-track .slick-slide .product.no-hover .product_inside {
                flex: 1 !important;
                display: flex !important;
                flex-direction: column !important;
            }

.product .product_inside {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100%;
}

    .product .product_inside > .image-box {
        height: var(--cs-card-media-h) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
    }

        .product .product_inside > .image-box > .categ,
        .product .product_inside > .image-box > .categ > a,
        .product .product_inside > .image-box > a.promo-box {
            width: 100% !important;
            height: 100% !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
        }

        .product .product_inside > .image-box img {
            width: 100% !important;
            height: 100% !important;
            max-width: 100% !important;
            max-height: 100% !important;
            object-fit: contain !important; /* nunca corta */
            object-position: center center !important;
            display: block;
        }

.product .image-box img {
    transform: none !important;
    transition: none !important;
    height: 100% !important; 
}

.product_inside_hover,
.product_inside_info {
    margin-top: auto !important;
}

[class*="carousel-products"],
[class*="carouselTab"] {

}

    [class*="carousel-products"] .slick-track,
    [class*="carouselTab"] .slick-track {
        display: flex !important;
        align-items: stretch !important;
    }

    [class*="carousel-products"] .slick-slide,
    [class*="carouselTab"] .slick-slide {
        height: auto !important;
    }

        [class*="carousel-products"] .slick-slide > div,
        [class*="carouselTab"] .slick-slide > div,
        [class*="carousel-products"] .product,
        [class*="carouselTab"] .product {
            height: 100% !important;
            display: flex !important;
        }

            [class*="carousel-products"] .product ,
            [class*="carouselTab"] .product {
                padding-bottom:10px;
            }

            [class*="carousel-products"] .product .product_inside,
            [class*="carouselTab"] .product .product_inside {
                flex: 1 !important;
                display: flex !important;
                flex-direction: column !important;
                margin-bottom: 0 !important;
                padding-bottom: 16px !important;
                box-sizing: border-box;
            }

    [class*="carousel-products"] .slick-list,
    [class*="carouselTab"] .slick-list {
        padding-bottom: 50px !important;
    }

tr:has(#ContentPlaceHolder1_lblValorComissaoResumo) {
    display: none !important;
}

.checkout-box-aside {
    padding-right: 18px !important;
}

@media screen and (min-width: 1024px) and (max-width: 1566px) {
    #ContentPlaceHolder1_linhaIndicadores0 {
        margin: 16px 0px 0px 0px !important;
    }
}


/* precadastroCampanha*/
#ContentPlaceHolder1_divExperienciaPrevia h4 {
    margin: 0 0 8px;
    font-family: var(--cs-font-primary);
    color: var(--cs-cinza-escuro);
    font-size: 16px
}

#ContentPlaceHolder1_rblExperienciaPrevia {
    display: inline-flex !important;
    gap: 8px;
    align-items: center;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    padding-left:0px !important;
}

    #ContentPlaceHolder1_rblExperienciaPrevia td {
        padding: 0 !important;
        border: 0 !important;
        padding-right: 8px !important;
    }

    #ContentPlaceHolder1_rblExperienciaPrevia input[type="radio"] {
        position: absolute;
        opacity: 0;
        width: 0;
        height: 0;
    }

        #ContentPlaceHolder1_rblExperienciaPrevia input[type="radio"] + label {
            display: inline-block;
            padding: 8px 18px;
            min-width: 72px;
            text-align: center;
            border-radius: var(--cs-radius-small);
            background: var(--cs-branco);
            border: 1px solid var(--cs-border-color);
            color: var(--cs-cinza-escuro);
            font-family: var(--cs-font-primary);
            font-weight: 600;
            line-height: 1;
            cursor: pointer;
            user-select: none;
            transition: all .15s ease
        }

        #ContentPlaceHolder1_rblExperienciaPrevia input[type="radio"]:not(:checked) + label:hover {
            border-color: var(--cs-verde-primario)
        }

        #ContentPlaceHolder1_rblExperienciaPrevia input[type="radio"]:checked + label {
            background: #FCF3EC;
            border-color: var(--cs-marrom-escuro);
            color: var(--cs-cinza-escuro);   
        }

#ContentPlaceHolder1_divEmpresaExperienciaPrevia .input-group-addon {
    display: none
}

#ContentPlaceHolder1_txtEmpresaExperienciaPrevia::placeholder {
    font-style: italic;
    color: rgba(58,24,12,.55)
}