/* 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 '-' (29,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 '-' (34,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 '-' (42,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (98,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-secondary' (103,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-primary' (104,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (108,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-primary' (109,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (113,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-limao' (118,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-secondary' (122,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (126,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-medio' (130,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-fundo-secoes' (131,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (147,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-fundo-secoes' (151,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-fundo-secoes' (163,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small' (175,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario' (179,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-medio' (183,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario' (188,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario' (192,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (196,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro' (203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (207,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-fundo-secoes' (216,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-escuro' (220,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario' (224,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (228,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-limao' (237,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro' (238,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small' (239,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-primary' (253,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (257,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-escuro' (261,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-branco' (265,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (269,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (311,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-limao' (313,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small' (339,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (347,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (348,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (358,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (362,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (367,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (368,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-secondary' (376,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-branco' (387,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-branco' (418,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro' (425,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro' (432,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro' (433,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-primary' (463,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (470,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (475,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (488,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (489,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-primary' (505,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-secondary' (519,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large' (520,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (534,29): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large' (540,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-limao' (549,22): run-time error CSS1030: Expected identifier, found '#txtBuscar' (549,32): run-time error CSS1031: Expected selector, found ')' (549,32): run-time error CSS1025: Expected comma or open brace, found ')' (554,22): run-time error CSS1030: Expected identifier, found '#txtBuscarNavStuck' (554,40): run-time error CSS1031: Expected selector, found ')' (554,40): run-time error CSS1025: Expected comma or open brace, found ')' (560,26): run-time error CSS1030: Expected identifier, found '#txtBuscarNavStuck' (560,44): run-time error CSS1031: Expected selector, found ')' (560,44): run-time error CSS1025: Expected comma or open brace, found ')' (620,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro' (621,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-primary' (625,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario' (630,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small' (631,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-secondary' (636,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (638,29): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small' (638,52): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small' (642,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro' (647,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-limao' (651,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-medio' (690,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro' (691,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-secondary' (697,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-branco' (704,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-branco' (709,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-branco' (714,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro' (723,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (724,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro' (739,18): run-time error CSS1039: Token not allowed after unary operator: '-cs-border-width' (740,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small' (753,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-limao' (754,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (765,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro' (782,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro' (783,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (784,24): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (790,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (791,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (795,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (803,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (820,43): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (821,35): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (826,47): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (827,39): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (828,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (836,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (837,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (841,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (842,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (851,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (852,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro' (873,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-limao' (874,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (875,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small' (879,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (883,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small' (887,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small' (900,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small' (905,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (909,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (913,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (922,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (932,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large' (933,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (943,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (947,29): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large' (958,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large' (959,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (964,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large' (965,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (971,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (975,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small' (977,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario' (978,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (984,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario' (985,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (1004,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (1009,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small' (1011,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (1034,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-medio' (1035,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (1039,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (1043,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (1051,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-secondary' (1057,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small' (1068,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario' (1069,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (1074,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-escuro' (1075,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (1079,37): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large' (1080,38): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large' (1085,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (1094,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small' (1095,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-medio' (1101,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-medio' (1107,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (1129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (1134,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-fundo-campo' (1135,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (1140,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario' (1141,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (1146,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-escuro' (1147,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro' (1148,24): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-escuro' (1152,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario' (1153,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro' (1154,24): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario' (1158,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-escuro' (1159,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro' (1160,24): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-escuro' (1181,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-primary' (1183,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-fundo-campo' (1184,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (1186,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large' (1209,33): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large' (1210,36): run-time error CSS1039: Token not allowed after unary operator: '-cs-border-color' (1262,51): run-time error CSS1030: Expected identifier, found '.' (1262,70): run-time error CSS1031: Expected selector, found ')' (1262,70): run-time error CSS1025: Expected comma or open brace, found ')' (1270,8): run-time error CSS1030: Expected identifier, found '>' (1270,41): run-time error CSS1031: Expected selector, found ')' (1270,41): run-time error CSS1025: Expected comma or open brace, found ')' (1312,8): run-time error CSS1030: Expected identifier, found '>' (1312,43): run-time error CSS1031: Expected selector, found ')' (1312,43): run-time error CSS1025: Expected comma or open brace, found ')' (1333,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-fundo-secoes' (1337,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-fundo-secoes' (1340,16): run-time error CSS1030: Expected identifier, found '>' (1340,43): run-time error CSS1031: Expected selector, found ')' (1340,43): run-time error CSS1025: Expected comma or open brace, found ')' (1360,38): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small' (1361,35): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small' (1367,23): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-primary' (1369,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-fundo-campo' (1370,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (1372,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large' (1382,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large' (1388,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large' (1389,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-border-color' (1433,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (1443,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-fundo-secoes' (1447,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-limao' (1455,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario' (1459,17): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (1489,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small' (1493,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-nivel-grao' (1494,24): run-time error CSS1039: Token not allowed after unary operator: '-cs-nivel-grao' (1498,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-nivel-cacau' (1499,24): run-time error CSS1039: Token not allowed after unary operator: '-cs-nivel-cacau' (1503,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-nivel-chocolate' (1504,24): run-time error CSS1039: Token not allowed after unary operator: '-cs-nivel-chocolate' (1508,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-nivel-coracao' (1509,24): run-time error CSS1039: Token not allowed after unary operator: '-cs-nivel-coracao' (1513,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-nivel-grao' (1517,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-nivel-cacau' (1521,22): run-time error CSS1039: Token not allowed after unary operator: '-cs-nivel-chocolate' (1531,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1532,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1533,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1538,27): run-time error CSS1039: Token not allowed after unary operator: '-offset-left' (1539,28): run-time error CSS1039: Token not allowed after unary operator: '-offset-left' (1544,28): run-time error CSS1039: Token not allowed after unary operator: '-offset-left' (1545,29): run-time error CSS1039: Token not allowed after unary operator: '-offset-left' (1550,33): run-time error CSS1039: Token not allowed after unary operator: '-base-padding-x' (1550,57): run-time error CSS1039: Token not allowed after unary operator: '-offset-left' (1551,34): run-time error CSS1039: Token not allowed after unary operator: '-base-padding-x' (1551,58): run-time error CSS1039: Token not allowed after unary operator: '-offset-left' (1556,25): run-time error CSS1039: Token not allowed after unary operator: '-base-padding-x' (1556,49): run-time error CSS1039: Token not allowed after unary operator: '-offset-left' (1557,26): run-time error CSS1039: Token not allowed after unary operator: '-base-padding-x' (1557,50): run-time error CSS1039: Token not allowed after unary operator: '-offset-left' (1570,27): run-time error CSS1039: Token not allowed after unary operator: '-offset-left' (1571,28): run-time error CSS1039: Token not allowed after unary operator: '-offset-left' (1577,37): run-time error CSS1039: Token not allowed after unary operator: '-offset-left' (1577,58): run-time error CSS1039: Token not allowed after unary operator: '-intermediary-screen-offset' (1578,38): run-time error CSS1039: Token not allowed after unary operator: '-offset-left' (1578,59): run-time error CSS1039: Token not allowed after unary operator: '-intermediary-screen-offset' (1584,38): run-time error CSS1039: Token not allowed after unary operator: '-base-padding-x' (1584,62): run-time error CSS1039: Token not allowed after unary operator: '-offset-left' (1584,83): run-time error CSS1039: Token not allowed after unary operator: '-intermediary-screen-offset' (1585,39): run-time error CSS1039: Token not allowed after unary operator: '-base-padding-x' (1585,63): run-time error CSS1039: Token not allowed after unary operator: '-offset-left' (1585,83): run-time error CSS1039: Token not allowed after unary operator: '-intermediary-screen-offset' (1590,36): run-time error CSS1039: Token not allowed after unary operator: '-offset-left' (1590,49): run-time error CSS1034: (1590,49): run-time error CSS1042: Expected function, found '-var(' (1590,55): run-time error CSS1039: Token not allowed after unary operator: '-intermediary-screen-offset' (1590,83): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1591,37): run-time error CSS1039: Token not allowed after unary operator: '-offset-left' (1591,50): run-time error CSS1034: (1591,50): run-time error CSS1042: Expected function, found '-var(' (1591,56): run-time error CSS1039: Token not allowed after unary operator: '-intermediary-screen-offset' (1591,84): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1601,29): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large' (1608,29): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large' (1609,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (1611,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (1639,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (1651,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-limao' (1667,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-border-color' (1671,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-fundo-campo' (1677,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (1678,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (1679,38): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large' (1680,39): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large' (1685,38): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large' (1686,39): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large' (1688,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (1699,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (1703,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (1824,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (1833,30): run-time error CSS1030: Expected identifier, found '.' (1833,48): run-time error CSS1031: Expected selector, found ')' (1833,48): run-time error CSS1025: Expected comma or open brace, found ')' (1838,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario' (1847,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-limao' (1848,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro' (1852,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario' (1853,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro' (1858,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-fundo-card-produtos' (1862,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (1866,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-escuro' (1867,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (1871,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario' (1872,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (1876,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (1907,25): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small' (1920,29): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large' (1921,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (1922,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (1936,29): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-large' (1937,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (1938,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro' (1942,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (1968,39): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small' (1972,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro' (1976,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-claro' (1979,26): run-time error CSS1030: Expected identifier, found ':' (1979,32): run-time error CSS1031: Expected selector, found ')' (1979,32): run-time error CSS1025: Expected comma or open brace, found ')' (1985,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (1986,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (1987,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (1988,27): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-secondary' (1994,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (1995,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (1996,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (1997,27): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-secondary' (2071,27): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-primary' (2084,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (2089,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-primario' (2093,56): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-escuro' (2093,118): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-escuro' (2093,146): run-time error CSS1039: Token not allowed after unary operator: '-cs-verde-escuro' (2112,32): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (2113,28): run-time error CSS1039: Token not allowed after unary operator: '-cs-marrom-escuro' (2114,21): run-time error CSS1039: Token not allowed after unary operator: '-cs-bege-medio' (2115,27): run-time error CSS1039: Token not allowed after unary operator: '-cs-font-secondary' (2160,26): run-time error CSS1039: Token not allowed after unary operator: '-cs-card-media-h' (2245,29): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small' (2263,42): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small' (2264,43): run-time error CSS1039: Token not allowed after unary operator: '-cs-radius-small' (2283,109): run-time error CSS1030: Expected identifier, found '[' (2283,110): run-time error CSS1030: Expected identifier, found 'id' (2283,112): run-time error CSS1031: Expected selector, found '$=' (2283,112): run-time error CSS1025: Expected comma or open brace, found '$=' */ :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; --cs-font-tertiary: "Sagona Light", "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; } @font-face { font-family: 'Sagona Light'; src: url('../../font/Sagona-Extra-Light.TTF') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'foco_Trial_lt'; src: url('../../font/fonts/foco_Trial_lt.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'foco_Trial_Lt_Bd'; src: url('../../font/fonts/Foco_Trial_Bd.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'foco_Trial_Lt_bold'; src: url('../../font/fonts/Foco_Trial_Blk.ttf') format('truetype'); font-weight: 500; 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: 40px; } .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: 24px; height: 24px; 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 { 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 { 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 { 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 > * { 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 { color: var(--cs-branco) !important; } #ulSair li a, #ulSair li > * { background: transparent !important; } #ulSair li a:hover, #ulSair li > *:hover { background: transparent !important; color: var(--cs-branco) !important; } #ulSair li a, #ulSair li > * { display: block; padding: 0 !important; } #ulSair li:first-child { border-top: none; } .nivel-icone { width: 30px; height: 30px; margin-left: 16px; margin-top: 28px; vertical-align: middle; } .nivel-icone-home { width: 50px !important; height: 50px !important; margin-left: 12px !important; margin-top: 0px !important; } .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: 24px; 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: 26px; height: 26px; 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: 12px !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; } div#ContentPlaceHolder1_colProxNivel .nivel-col-inner { gap: 3px !important; padding: 0px 0px 16px 0px !important; } } /* 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; } .dropdown-menu .dropdown-menu { background-color: var(--cs-marrom-medio) !important; } /* === MENU LATERAL (EV) === */ .navbar-side { background-color: #123523; } /* Scoped styles: make menu icons white only within the EV side menu and header loja button */ /* Menu lateral (unique scope) */ .menu-ev .nav li a i.fa, .menu-ev .nav li a .menu-bell i.fa, .menu-ev .nav li a .menu-text i.fa { color: #fff !important; } /* Header loja button (scoped) */ .desktop-header .btnLinkLoja i.fa { color: #fff !important; } /* If any SVG/img icons remain, invert them to white (scoped) */ .menu-ev .nav li a .menu-icon { width: 20px; height: 20px; display: inline-block; vertical-align: middle; filter: brightness(0) invert(1) !important; } .desktop-header .btnLinkLoja .menu-icon { width: 20px; height: 20px; display: inline-block; vertical-align: middle; filter: brightness(0) invert(1) !important; } .navbar-side .nav li a { color: var(--cs-bege-claro) !important; font-family: var(--cs-font-secondary) !important; background-color: #123523 !important; } .navbar-side .nav li a:hover { background-color: #1E4732 !important; color: var(--cs-branco) !important; /* margin: 0px 11px 0px 13px; */ border-radius: 12px; } .navbar-side .nav li a.active-menu:hover { background-color: #1E4732 !important; color: var(--cs-branco) !important; } .navbar-side .nav li a.active-menu { background-color: #123523 !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 { font-weight: 700; font-family: 'foco_Trial_lt', 'Lato', sans-serif !important; font-style: Bold; font-size: 16px; background-color: #BAB540 !important; color: #FFFFFF !important; border: var(--cs-border-width) solid transparent !important; border-radius: var(--cs-radius-small) !important; transition: all 0.3s ease !important; padding-left: 50px; padding-right: 50px; height: 32px !important; margin-bottom: 16px; } .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; height: 32px!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; } .panel-body { background-color: transparent !important; } .panel { border-radius: 24px !important; padding: 12px 12px; } .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: 256px; 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: 'foco_Trial_lt', 'Lato', sans-serif !important; font-weight: 300; } .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: #ffffff !important; color: #828282 !important; font-family: 'foco_Trial_lt', 'Lato', sans-serif !important; font-weight: 400; border: 1.5px solid #AFAFBB !important; height: 32px !important; max-height: 32px !important; min-height: 32px !important; } .control-group { margin-top: 10px; :; } /* === 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; } /* === 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; display: inline-flex; justify-content: center; width: 100%; } .copyright.footer-bottom { width: 98%; min-width: auto; } 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; } /* === 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 { display: none !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: #1B5038 !important; background-color: white !Important; font-weight: 700; /*color: var(--cs-bege-claro) !important;*/ font-family: 'foco_Trial_lt', 'Lato', sans-serif !important; font-family: Foco Trial; font-style: Bold; font-size: 16px; } #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: #123523 !important; color: #fff; font-family: 'foco_Trial_lt', 'Lato', sans-serif !important; font-weight: 300; } .menu-ev .nav li a span { /* background-color: #123523!important; */ color: #fff; font-family: 'foco_Trial_lt', 'Lato', sans-serif !important; font-weight: 300; } .menu-ev .nav li ul li a { background-color: #123523 !important; color: #fff; font-family: 'foco_Trial_lt', 'Lato', sans-serif !important; font-weight: 300; } .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 { 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-secondary-cs { font-family: 'foco_Trial_lt', 'Lato', sans-serif !important; font-family: Foco Trial; font-weight: 700; font-style: Bold; font-size: 16px; line-height: 17px; padding: 0px 0px 8px 0px; color: #82828A !important; background-color: #fff !important; } .btn-exportar-d { width: 120px; display: inline-flex; align-items: center; justify-content: center; align-content: center; height: 38px; flex-wrap: wrap; border-radius: 8px; padding: 10px; float: right; margin: 0px 16px -12px 0px; } .btn-exportar-d:hover { border-radius: 8px; /*border: 1px solid #ccc;*/ } .btn-export { display: inline-flex; align-items: center; align-content: center; justify-content: center; margin: auto auto; position: relative; top: 2px; } .btn-export:hover { /*color: #474747 !important;*/ color: #82828A !important; background-color: #fff !important; cursor: pointer; } #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; } /* Estilos do controle de consulta de crédito no modo pagamento */ #ContentPlaceHolder1_ctrlConsultaCreditoPagamento_divConsultaCredito { border: 1px solid #E2E8F0; border-radius: var(--cs-radius-small); padding: 0; background: #FFFBF8 !important; font-size: 1.4rem; overflow: hidden; margin-top: 30px; } /* Título "Crédito Boleto" usando ::before */ #ContentPlaceHolder1_ctrlConsultaCreditoPagamento_divConsultaCredito::before { content: "Crédito Boleto"; display: block; background: #EBE2D9; border-bottom: 1px solid #E2E8F0; padding: 8px; font-weight: bold; font-size: 1.4rem; color: #351811; border-top-left-radius: var(--cs-radius-small); border-top-right-radius: var(--cs-radius-small); } #ContentPlaceHolder1_ctrlConsultaCreditoPagamento_divConsultaCredito.consulta-credito-container { margin-top: 0px !important; } /* Remove estilo alert-info que deixa vermelho */ #ContentPlaceHolder1_ctrlConsultaCreditoPagamento_divConsultaCredito.alert-info { background: #FFFBF8 !important; color: inherit !important; border-color: #E2E8F0 !important; } /* Padding do conteúdo interno */ #ContentPlaceHolder1_ctrlConsultaCreditoPagamento_divConsultaCredito > div { padding: 12px; } #ContentPlaceHolder1_ctrlConsultaCreditoPagamento_divConsultaCredito:not(:has(button)):not(:has(span[id$='lblMensagem'])):not(:has(div[id$='divCreditoInfo'])) { display: none !important; } /* ============================================ CARROSSEL DESKTOP - TOPO (Altura: 470px) - AUMENTADO DE 432px ============================================ */ #myCarousel.carousel { min-height: 540px !important; height: 540px !important; overflow: hidden; margin-bottom: 12px; } #myCarousel .carousel-inner { min-height: 540px !important; height: 540px !important; } #myCarousel .carousel-inner .item { min-height: 540px !important; height: 540px !important; transition: transform 0.6s ease !important; } #myCarousel .carousel-inner .item.next, #myCarousel .carousel-inner .item.active.right, #myCarousel .carousel-inner .item.prev, #myCarousel .carousel-inner .item.active.left { min-height: 540px !important; height: 540px !important; } #myCarousel .carousel-inner img, #myCarousel .carousel-inner .item > img, #myCarousel .carousel-inner .item > a > img { width: 100% !important; height: fit-content !important; min-height: 540px !important; object-fit: cover !important; object-position: center center !important; } /* ============================================ CARROSSEL DESKTOP - RODAPÉ (Altura: 280px) - AUMENTADO DE 260px ============================================ */ #myCarouselRodape.carousel { min-height: 280px !important; height: 280px !important; overflow: hidden; } #myCarouselRodape .carousel-inner { min-height: 280px !important; height: 280px !important; } #myCarouselRodape .carousel-inner .item { min-height: 280px !important; height: 280px !important; transition: transform 0.6s ease !important; } #myCarouselRodape .carousel-inner .item.next, #myCarouselRodape .carousel-inner .item.active.right, #myCarouselRodape .carousel-inner .item.prev, #myCarouselRodape .carousel-inner .item.active.left { min-height: 280px !important; height: 280px !important; } #myCarouselRodape .carousel-inner img, #myCarouselRodape .carousel-inner .item > img, #myCarouselRodape .carousel-inner .item > a > img { width: 100% !important; height: 100% !important; min-height: 280px !important; object-fit: cover !important; object-position: center center !important; } /* ============================================ CARROSSEL MOBILE - TOPO (Altura: 300px) - AUMENTADO DE 286px ============================================ */ #myCarouselMobile.carousel { min-height: 300px !important; height: 300px !important; overflow: hidden; } #myCarouselMobile .carousel-inner { min-height: 300px !important; height: 300px !important; } #myCarouselMobile .carousel-inner .item { min-height: 300px !important; height: 300px !important; transition: transform 0.6s ease !important; } #myCarouselMobile .carousel-inner .item.next, #myCarouselMobile .carousel-inner .item.active.right, #myCarouselMobile .carousel-inner .item.prev, #myCarouselMobile .carousel-inner .item.active.left { min-height: 300px !important; height: 300px !important; } #myCarouselMobile .carousel-inner img, #myCarouselMobile .carousel-inner .item > img, #myCarouselMobile .carousel-inner .item > a > img { width: 100% !important; height: 100% !important; min-height: 300px !important; object-fit: cover !important; object-position: center center !important; } /* ============================================ CARROSSEL MOBILE - RODAPÉ (Altura: 160px) - AUMENTADO DE 120px ============================================ */ #myCarouselMobileRodape.carousel { min-height: 160px !important; height: 160px !important; overflow: hidden; } #myCarouselMobileRodape .carousel-inner { min-height: 160px !important; height: 160px !important; } #myCarouselMobileRodape .carousel-inner .item { min-height: 160px !important; height: 160px !important; transition: transform 0.6s ease !important; } #myCarouselMobileRodape .carousel-inner .item.next, #myCarouselMobileRodape .carousel-inner .item.active.right, #myCarouselMobileRodape .carousel-inner .item.prev, #myCarouselMobileRodape .carousel-inner .item.active.left { min-height: 160px !important; height: 160px !important; } #myCarouselMobileRodape .carousel-inner img, #myCarouselMobileRodape .carousel-inner .item > img, #myCarouselMobileRodape .carousel-inner .item > a > img { width: 100% !important; height: 100% !important; min-height: 160px !important; object-fit: cover !important; object-position: center center !important; } /* ============================================ ESTILOS COMUNS A TODOS OS CARROSSÉIS (MANTIDOS) ============================================ */ .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner .item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner .item, .carousel-inner .item.active, .carousel-inner .item.next, .carousel-inner .item.prev { display: block; } .carousel-inner .active, .carousel-inner .next, .carousel-inner .prev { position: absolute; top: 0; width: 100%; } /* IMPORTANTE: Forçar altura fixa durante transições */ .carousel-inner > .item { -webkit-transition: 0.6s ease-in-out height; -o-transition: 0.6s ease-in-out height; transition: 0.6s ease-in-out height; } /* Garantir que as imagens ocupem todo o espaço */ .carousel-inner .item > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Para imagens com background-image (se for o caso) */ .carousel-inner .item[style*="background-image"] { background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important; } /* ============================================ CORREÇÃO DAS SETAS DO CARROSSEL ============================================ */ /* Reset e correção das setas */ .carousel-control { position: absolute !important; top: 0 !important; bottom: 0 !important; width: 40px !important; /* Largura fixa para as setas */ height: auto !important; /* Remover height: 100% */ background: rgba(0, 0, 0, 0.3) !important; /* Fundo sutil */ color: white !important; text-align: center !important; text-decoration: none !important; opacity: 0.7 !important; transition: opacity 0.3s ease, background 0.3s ease !important; z-index: 20 !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; border: none !important; } .carousel-control:hover, .carousel-control:focus { opacity: 1 !important; background: rgba(0, 0, 0, 0.5) !important; color: white !important; text-decoration: none !important; } /* Setas específicas para desktop */ @media (min-width: 768px) { .carousel-control { width: 50px !important; background: rgba(0, 0, 0, 0.2) !important; } } /* Seta esquerda */ .carousel-control.left { left: 0 !important; right: auto !important; background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)) !important; border-top-right-radius: 8px !important; border-bottom-right-radius: 8px !important; } /* Seta direita */ .carousel-control.right { right: 18px !important; left: auto !important; background: linear-gradient(to left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)) !important; border-top-left-radius: 8px !important; border-bottom-left-radius: 8px !important; } /* Correção dos ícones Glyphicon */ .carousel-control .glyphicon { position: static !important; /* Remover posicionamento absoluto */ top: auto !important; left: auto !important; right: auto !important; transform: none !important; /* Remover transform anterior */ display: inline-block !important; font-family: 'Glyphicons Halflings' !important; font-style: normal !important; font-weight: normal !important; font-size: 24px !important; line-height: 1 !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; color: white !important; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6) !important; margin: 0 !important; padding: 0 !important; } /* Tamanhos específicos para os ícones */ .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { display: none !important; /* Esconder os glyphicons padrão */ } .carousel-control::before { font-family: 'FontAwesome' !important; font-size: 28px !important; color: white !important; content: '' !important; } .carousel-control.left::before { content: '\f053' !important; /* fa-chevron-left */ } .carousel-control.right::before { content: '\f054' !important; /* fa-chevron-right */ } /* Ajuste para mobile */ @media (max-width: 767px) { .carousel-control { width: 35px !important; background: rgba(0, 0, 0, 0.4) !important; } .carousel-control .glyphicon { font-size: 20px !important; } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { font-size: 22px !important; } } /* Para garantir que as setas fiquem sobre as imagens */ .carousel { position: relative !important; } /* Remover qualquer estilo conflitante do Bootstrap */ .carousel-control .glyphicon-chevron-left:before, .carousel-control .glyphicon-chevron-right:before { content: "\e079" !important; /* Código do glyphicon chevron-left */ } .carousel-control .glyphicon-chevron-right:before { content: "\e080" !important; /* Código do glyphicon chevron-right */ } /* Ajuste para garantir visibilidade sobre imagens claras */ .carousel-control { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) !important; } /* Estado hover melhorado */ .carousel-control:hover { box-shadow: 0 0 15px rgba(0, 0, 0, 0.5) !important; } /* Para os carrosséis específicos da sua página */ #myCarousel .carousel-control, #myCarouselMobile .carousel-control, #myCarouselRodape .carousel-control, #myCarouselMobileRodape .carousel-control { /* Herda todos os estilos acima */ display: none !important; } /* Ajustar indicadores para ficarem na posição correta */ .carousel-indicators { bottom: 15px; margin-bottom: 0; z-index: 20; } /* Para garantir responsividade */ @media (max-width: 767px) { /* Apenas para mobile, ajustar alguns detalhes */ .carousel-control { width: 10%; } .carousel-control .glyphicon { font-size: 20px; } } /* Fix para o Bootstrap não quebrar a altura durante transição */ .carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; transition-property: opacity; } .carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0; } .carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* Fallback para navegadores antigos que não suportam object-fit */ @supports not (object-fit: cover) { .carousel-inner .item { text-align: center; } .carousel-inner img { height: auto; max-width: none; min-height: 0; position: relative; left: 50%; transform: translateX(-50%); } /* Alturas específicas para fallback */ #myCarousel .carousel-inner img { min-width: 100%; height: 470px; /* Atualizado */ } #myCarouselRodape .carousel-inner img { min-width: 100%; height: 280px; /* Atualizado */ } #myCarouselMobile .carousel-inner img { min-width: 100%; height: 300px; /* Atualizado */ } #myCarouselMobileRodape .carousel-inner img { min-width: 100%; height: 160px; /* Atualizado */ } } /* ============================================ CORREÇÃO ESPECÍFICA PARA O PROBLEMA DE DESALINHAMENTO (MANTIDO) ============================================ */ /* Forçar que todos os itens tenham a mesma altura, mesmo durante transição */ .carousel-inner > .item { height: inherit !important; } /* Remover qualquer transformação que possa afetar a altura */ .carousel-inner .item.next, .carousel-inner .item.prev, .carousel-inner .item.active.left, .carousel-inner .item.active.right { height: 100% !important; min-height: inherit !important; } /* Garantir que o container não mude de tamanho */ .carousel-inner { height: 100% !important; } /* Fix para evitar colapso de altura durante transição */ .carousel { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; } /* Se ainda persistir o problema, adicione esta regra mais agressiva */ .carousel, .carousel-inner, .carousel-inner .item, .carousel-inner .item > * { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } /* ============================================ MEDIA QUERY PARA TELAS ACIMA DE 1300px ============================================ */ @media (min-width: 1300px) { /* Desktop Topo - Aumentar para 500px */ #myCarousel.carousel { min-height: 500px !important; height: 500px !important; } #myCarousel .carousel-inner { min-height: 500px !important; height: 500px !important; } #myCarousel .carousel-inner .item { min-height: 500px !important; height: 500px !important; } #myCarousel .carousel-inner .item.next, #myCarousel .carousel-inner .item.active.right, #myCarousel .carousel-inner .item.prev, #myCarousel .carousel-inner .item.active.left { min-height: 500px !important; height: 500px !important; } #myCarousel .carousel-inner img, #myCarousel .carousel-inner .item > img, #myCarousel .carousel-inner .item > a > img { min-height: 500px !important; } /* Desktop Rodapé - Aumentar proporcionalmente */ #myCarouselRodape.carousel { min-height: 320px !important; height: 320px !important; } #myCarouselRodape .carousel-inner { min-height: 320px !important; height: 320px !important; } #myCarouselRodape .carousel-inner .item { min-height: 320px !important; height: 320px !important; } #myCarouselRodape .carousel-inner .item.next, #myCarouselRodape .carousel-inner .item.active.right, #myCarouselRodape .carousel-inner .item.prev, #myCarouselRodape .carousel-inner .item.active.left { min-height: 320px !important; height: 320px !important; } #myCarouselRodape .carousel-inner img, #myCarouselRodape .carousel-inner .item > img, #myCarouselRodape .carousel-inner .item > a > img { min-height: 320px !important; } /* Mobile Topo - Aumentar proporcionalmente (embora seja mobile, pode ter tablets grandes) */ #myCarouselMobile.carousel { min-height: 340px !important; height: 340px !important; } #myCarouselMobile .carousel-inner { min-height: 340px !important; height: 340px !important; } #myCarouselMobile .carousel-inner .item { min-height: 340px !important; height: 340px !important; } #myCarouselMobile .carousel-inner .item.next, #myCarouselMobile .carousel-inner .item.active.right, #myCarouselMobile .carousel-inner .item.prev, #myCarouselMobile .carousel-inner .item.active.left { min-height: 340px !important; height: 340px !important; } #myCarouselMobile .carousel-inner img, #myCarouselMobile .carousel-inner .item > img, #myCarouselMobile .carousel-inner .item > a > img { min-height: 340px !important; } /* Mobile Rodapé - Aumentar proporcionalmente */ #myCarouselMobileRodape.carousel { min-height: 180px !important; height: 180px !important; } #myCarouselMobileRodape .carousel-inner { min-height: 180px !important; height: 180px !important; } #myCarouselMobileRodape .carousel-inner .item { min-height: 180px !important; height: 180px !important; } #myCarouselMobileRodape .carousel-inner .item.next, #myCarouselMobileRodape .carousel-inner .item.active.right, #myCarouselMobileRodape .carousel-inner .item.prev, #myCarouselMobileRodape .carousel-inner .item.active.left { min-height: 180px !important; height: 180px !important; } #myCarouselMobileRodape .carousel-inner img, #myCarouselMobileRodape .carousel-inner .item > img, #myCarouselMobileRodape .carousel-inner .item > a > img { min-height: 180px !important; } /* ============================================ AJUSTES ADICIONAIS PARA TELAS GRANDES ============================================ */ /* Aumentar tamanho das setas */ .carousel-control { width: 60px !important; } .carousel-control .glyphicon { font-size: 32px !important; } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { font-size: 36px !important; } /* Ajustar indicadores */ .carousel-indicators { bottom: 25px !important; } .carousel-indicators li { width: 150px !important; height: 8px !important; margin: 0 5px !important; } /* Fallback para navegadores antigos - atualizar alturas */ @supports not (object-fit: cover) { #myCarousel .carousel-inner img { height: 500px !important; } #myCarouselRodape .carousel-inner img { height: 320px !important; } #myCarouselMobile .carousel-inner img { height: 340px !important; } #myCarouselMobileRodape .carousel-inner img { height: 180px !important; } } } @media (max-width: 1024px) { .carousel-control.left { left: 15px !important; } } @media (max-width: 600px) { #myCarouselMobile.carousel { min-height: 142px !important; height: 142px !important; overflow: hidden; } #myCarouselMobile .carousel-inner { min-height: 142px !important; height: 142px !important; } #myCarouselMobile .carousel-inner .item { min-height: 142px !important; height: 142px !important; transition: transform 0.6s ease !important; } #myCarouselMobile .carousel-inner .item.next, #myCarouselMobile .carousel-inner .item.active.right, #myCarouselMobile .carousel-inner .item.prev, #myCarouselMobile .carousel-inner .item.active.left { min-height: 142px !important; height: 142px !important; } #myCarouselMobile .carousel-inner img, #myCarouselMobile .carousel-inner .item > img, #myCarouselMobile .carousel-inner .item > a > img { width: 100% !important; height: 100% !important; min-height: 142px !important; object-fit: cover !important; object-position: center center !important; } } /* ============================================ MEDIA QUERY PARA TELAS ACIMA DE 1400px ============================================ */ @media (min-width: 1400px) { /* Desktop Topo - Aumentar para 540px */ #myCarousel.carousel { min-height: 540px !important; height: 540px !important; } #myCarousel .carousel-inner { min-height: 540px !important; height: 540px !important; } #myCarousel .carousel-inner .item { min-height: 540px !important; height: 540px !important; } #myCarousel .carousel-inner .item.next, #myCarousel .carousel-inner .item.active.right, #myCarousel .carousel-inner .item.prev, #myCarousel .carousel-inner .item.active.left { min-height: 540px !important; height: 540px !important; } #myCarousel .carousel-inner img, #myCarousel .carousel-inner .item > img, #myCarousel .carousel-inner .item > a > img { min-height: 540px !important; } /* Desktop Rodapé - Aumentar proporcionalmente */ #myCarouselRodape.carousel { min-height: 340px !important; height: 340px !important; } #myCarouselRodape .carousel-inner { min-height: 340px !important; height: 340px !important; } #myCarouselRodape .carousel-inner .item { min-height: 340px !important; height: 340px !important; } #myCarouselRodape .carousel-inner .item.next, #myCarouselRodape .carousel-inner .item.active.right, #myCarouselRodape .carousel-inner .item.prev, #myCarouselRodape .carousel-inner .item.active.left { min-height: 340px !important; height: 340px !important; } #myCarouselRodape .carousel-inner img, #myCarouselRodape .carousel-inner .item > img, #myCarouselRodape .carousel-inner .item > a > img { min-height: 340px !important; } /* Mobile Topo - Aumentar proporcionalmente */ #myCarouselMobile.carousel { min-height: 360px !important; height: 360px !important; } #myCarouselMobile .carousel-inner { min-height: 360px !important; height: 360px !important; } #myCarouselMobile .carousel-inner .item { min-height: 360px !important; height: 360px !important; } #myCarouselMobile .carousel-inner .item.next, #myCarouselMobile .carousel-inner .item.active.right, #myCarouselMobile .carousel-inner .item.prev, #myCarouselMobile .carousel-inner .item.active.left { min-height: 360px !important; height: 360px !important; } #myCarouselMobile .carousel-inner img, #myCarouselMobile .carousel-inner .item > img, #myCarouselMobile .carousel-inner .item > a > img { min-height: 360px !important; } /* Mobile Rodapé - Aumentar proporcionalmente */ #myCarouselMobileRodape.carousel { min-height: 190px !important; height: 190px !important; } #myCarouselMobileRodape .carousel-inner { min-height: 190px !important; height: 190px !important; } #myCarouselMobileRodape .carousel-inner .item { min-height: 190px !important; height: 190px !important; } #myCarouselMobileRodape .carousel-inner .item.next, #myCarouselMobileRodape .carousel-inner .item.active.right, #myCarouselMobileRodape .carousel-inner .item.prev, #myCarouselMobileRodape .carousel-inner .item.active.left { min-height: 190px !important; height: 190px !important; } #myCarouselMobileRodape .carousel-inner img, #myCarouselMobileRodape .carousel-inner .item > img, #myCarouselMobileRodape .carousel-inner .item > a > img { min-height: 190px !important; } /* ============================================ AJUSTES ADICIONAIS PARA TELAS MUITO GRANDES ============================================ */ /* Aumentar ainda mais as setas */ .carousel-control { width: 70px !important; } .carousel-control .glyphicon { font-size: 36px !important; } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { font-size: 40px !important; } /* Ajustar indicadores para telas maiores */ .carousel-indicators { bottom: 30px !important; } .carousel-indicators li { width: 160px !important; height: 9px !important; margin: 0 6px !important; } /* Fallback para navegadores antigos */ @supports not (object-fit: cover) { #myCarousel .carousel-inner img { height: 540px !important; } #myCarouselRodape .carousel-inner img { height: 340px !important; } #myCarouselMobile .carousel-inner img { height: 360px !important; } #myCarouselMobileRodape .carousel-inner img { height: 190px !important; } } }