/* Minification failed. Returning unminified contents. (8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29,28): run-time error CSS1039: Token not allowed after unary operator: '-idt26-bg-primary' (35,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (36,23): run-time error CSS1039: Token not allowed after unary operator: '-idt26-font-main' (88,54): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (130,30): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (157,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (167,28): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (175,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (183,28): run-time error CSS1039: Token not allowed after unary operator: '-idt26-bg-secondary' (185,25): run-time error CSS1039: Token not allowed after unary operator: '-idt26-border-radius' (188,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-shadow' (214,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (217,39): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (217,70): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (222,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (229,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-gradient' (239,32): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (239,68): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (275,28): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (276,32): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (276,65): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (305,32): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (325,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (347,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (396,46): run-time error CSS1039: Token not allowed after unary operator: '-idt26-bg-primary' (431,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (495,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (497,28): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (497,63): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (501,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (516,33): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (516,71): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (536,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-bg-secondary' (563,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-gradient' (573,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (586,25): run-time error CSS1039: Token not allowed after unary operator: '-idt26-border-radius' (594,28): run-time error CSS1039: Token not allowed after unary operator: '-idt26-bg-primary' (610,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (624,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-bg-card' (625,25): run-time error CSS1039: Token not allowed after unary operator: '-idt26-border-radius' (628,32): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (628,68): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (633,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-shadow' (656,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (661,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (671,28): run-time error CSS1039: Token not allowed after unary operator: '-idt26-bg-secondary' (684,25): run-time error CSS1039: Token not allowed after unary operator: '-idt26-border-radius' (686,32): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (686,68): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (728,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (770,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (789,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (803,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-muted' (806,28): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (810,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (827,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (830,33): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (830,64): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (830,99): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (834,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (850,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-muted' (856,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-muted' (862,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (869,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-muted' (1131,25): run-time error CSS1039: Token not allowed after unary operator: '-idt26-border-radius' (1133,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-shadow' (1144,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (1201,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (1240,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (1242,25): run-time error CSS1039: Token not allowed after unary operator: '-idt26-border-radius' (1246,33): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (1272,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (1299,25): run-time error CSS1039: Token not allowed after unary operator: '-idt26-border-radius' (1302,32): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (1302,68): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (1322,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (1334,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-2' (1336,25): run-time error CSS1039: Token not allowed after unary operator: '-idt26-border-radius' (1340,33): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (1356,25): run-time error CSS1039: Token not allowed after unary operator: '-idt26-border-radius' (1358,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-shadow' (1372,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (1393,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-2' (1394,25): run-time error CSS1039: Token not allowed after unary operator: '-idt26-border-radius' (1400,32): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (1400,68): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (1400,104): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (1406,46): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (1406,69): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-2' (1555,29): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (1604,25): run-time error CSS1039: Token not allowed after unary operator: '-idt26-border-radius' (1643,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-bg-card' (1644,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (1648,23): run-time error CSS1039: Token not allowed after unary operator: '-idt26-font-main' (1653,26): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (1657,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-2' (1659,24): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-2' (1663,46): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (1663,69): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-2' (1708,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-bg-card' (1709,25): run-time error CSS1039: Token not allowed after unary operator: '-idt26-border-radius' (1712,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (1713,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-shadow' (1714,32): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (1714,68): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (1721,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (1734,32): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (1751,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (1758,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (1807,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (1821,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-bg-card' (1822,25): run-time error CSS1039: Token not allowed after unary operator: '-idt26-border-radius' (1825,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (1827,32): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (1827,68): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (1834,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (1859,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (1873,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-bg-card' (1874,25): run-time error CSS1039: Token not allowed after unary operator: '-idt26-border-radius' (1877,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-shadow' (1884,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-gradient' (1891,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (1898,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (1927,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-bg-card' (1928,25): run-time error CSS1039: Token not allowed after unary operator: '-idt26-border-radius' (1929,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-shadow' (1939,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-gradient' (1969,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (1983,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (1986,35): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (1986,71): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (1990,24): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (1997,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-muted' (2029,24): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (2034,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (2041,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-muted' (2050,24): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (2054,48): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (2122,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (2134,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (2139,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (2149,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (2156,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (2167,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (2173,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-muted' (2180,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (2186,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-gradient' (2196,32): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (2196,68): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (2214,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (2221,28): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (2221,66): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (2232,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (2235,28): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (2258,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (2322,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-bg-card' (2323,25): run-time error CSS1039: Token not allowed after unary operator: '-idt26-border-radius' (2324,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-shadow' (2329,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-gradient' (2343,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (2361,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (2410,25): run-time error CSS1039: Token not allowed after unary operator: '-idt26-border-radius' (2440,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-bg-card' (2441,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (2445,23): run-time error CSS1039: Token not allowed after unary operator: '-idt26-font-main' (2450,26): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (2455,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-2' (2457,24): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-2' (2462,46): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (2462,69): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-2' (2474,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (2481,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (2544,25): run-time error CSS1039: Token not allowed after unary operator: '-idt26-border-radius' (2545,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-muted' (2552,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (2624,25): run-time error CSS1039: Token not allowed after unary operator: '-idt26-border-radius' (2626,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-shadow' (2631,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-gradient' (2670,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-gradient' (2680,32): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (2680,68): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (2695,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (2702,28): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (2702,66): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (2719,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-2' (2724,33): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (2724,68): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (2730,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (2749,32): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (2749,68): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (2770,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (2780,32): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (2780,68): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (2796,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (2802,28): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (2818,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (2831,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (2842,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (2845,28): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (2866,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-muted' (2875,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (2893,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (2899,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (2914,25): run-time error CSS1039: Token not allowed after unary operator: '-idt26-border-radius' (2921,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (2925,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (2946,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (2955,28): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (2955,66): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (2961,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (2966,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (2967,31): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (2977,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (2991,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (2994,35): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (2994,71): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (2998,24): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (3005,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-muted' (3041,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (3048,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-muted' (3059,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (3068,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (3077,24): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (3081,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-muted' (3101,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (3114,24): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (3172,28): run-time error CSS1039: Token not allowed after unary operator: '-idt26-bg-card' (3174,25): run-time error CSS1039: Token not allowed after unary operator: '-idt26-border-radius' (3175,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (3179,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-gradient' (3181,25): run-time error CSS1039: Token not allowed after unary operator: '-idt26-border-radius' (3181,52): run-time error CSS1039: Token not allowed after unary operator: '-idt26-border-radius' (3229,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (3235,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (3246,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (3252,24): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (3258,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-muted' (3271,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (3284,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-bg-card' (3285,25): run-time error CSS1039: Token not allowed after unary operator: '-idt26-border-radius' (3287,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-shadow' (3309,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (3313,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (3320,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (3354,25): run-time error CSS1039: Token not allowed after unary operator: '-idt26-border-radius' (3373,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (3380,33): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (3380,64): run-time error CSS1039: Token not allowed after unary operator: '-idt26-transition' (3385,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (3390,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (3400,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (3427,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-muted' (3436,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (3619,24): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (3624,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (3694,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-2' (3699,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (3705,27): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-2' (3720,25): run-time error CSS1039: Token not allowed after unary operator: '-idt26-border-radius' (3730,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-muted' (3804,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-muted' (3819,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (3829,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (3836,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-muted' (3842,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-muted' (3847,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (3853,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-muted' (3859,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (3868,25): run-time error CSS1039: Token not allowed after unary operator: '-idt26-border-radius' (3875,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (3880,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (3893,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (3972,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (3979,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (3988,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-muted' (4003,24): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-muted' (4009,24): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (4041,28): run-time error CSS1039: Token not allowed after unary operator: '-idt26-bg-secondary' (4050,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (4055,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-muted' (4060,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (4070,28): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (4077,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (4082,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-muted' (4087,28): run-time error CSS1039: Token not allowed after unary operator: '-idt26-bg-secondary' (4092,28): run-time error CSS1039: Token not allowed after unary operator: '-idt26-bg-secondary' (4106,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-2' (4111,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (4117,27): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-2' (4125,25): run-time error CSS1039: Token not allowed after unary operator: '-idt26-border-radius' (4138,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (4148,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (4174,25): run-time error CSS1039: Token not allowed after unary operator: '-idt26-border-radius' (4177,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (4182,22): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-gradient' (4184,25): run-time error CSS1039: Token not allowed after unary operator: '-idt26-border-radius' (4184,58): run-time error CSS1039: Token not allowed after unary operator: '-idt26-border-radius' (4233,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-secondary' (4243,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (4249,24): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (4251,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-primary' (4256,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-text-muted' (4262,17): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' (4269,24): run-time error CSS1039: Token not allowed after unary operator: '-idt26-accent-1' */ /* ========================================================================== /* Ideatoon 2026 - Main Stylesheet Dark Mode / Vibrant Colors / Mobile-First ========================================================================== */ /* --- CSS Variables (Design Tokens) --- */ :root { --idt26-bg-primary: #0d0d0d; --idt26-bg-secondary: #1a1a2e; --idt26-bg-card: #16213e; --idt26-bg-footer: #0a0a0a; --idt26-text-primary: #ffffff; --idt26-text-secondary: #b0b0b0; --idt26-text-muted: #7a7a7a; --idt26-accent-1: #e94560; --idt26-accent-2: #533483; --idt26-accent-3: #0f3460; --idt26-accent-gradient: linear-gradient(135deg, #e94560 0%, #533483 50%, #0f3460 100%); --idt26-font-main: 'Lato', 'Raleway', sans-serif; --idt26-transition: 0.3s ease; --idt26-border-radius: 8px; --idt26-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); } /* --- Reset & Base --- */ .idt26-body { margin: 0; padding: 0; background-color: var(--idt26-bg-primary); background-image: url('https://pixelatlstoragelrs1.blob.core.windows.net/pixelatl/4e54271da1f146548d0cd857c45970ba.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; color: var(--idt26-text-primary); font-family: var(--idt26-font-main); overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .idt26-body *, .idt26-body *::before, .idt26-body *::after { box-sizing: border-box; } /* ========================================================================== A. TOPBAR (Initial state - Pixelatl logo centered, over hero) ========================================================================== */ .idt26-topbar { position: fixed; top: 0; left: 0; width: 100%; z-index: 1001; display: flex; justify-content: center; padding: 18px 20px; transition: opacity 0.4s ease, visibility 0.4s; } .idt26-topbar.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; } .idt26-topbar-logo img { height: 28px; display: block; opacity: 0.9; } /* ========================================================================== A2. NAVBAR (Hidden initially, appears on scroll past hero) ========================================================================== */ .idt26-navbar { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background-color: rgba(13, 13, 13, 0.98); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom: 1px solid rgba(255, 255, 255, 0.06); transition: transform 0.4s ease, box-shadow var(--idt26-transition); transform: translateY(-100%); } .idt26-navbar.is-visible { transform: translateY(0); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.4); } .idt26-navbar-inner { max-width: 1240px; margin: 0 auto; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; height: 64px; gap: 16px; overflow: visible; } .idt26-navbar-logo { flex-shrink: 0; } .idt26-navbar-logo img { height: 36px; display: block; max-width: 180px; object-fit: contain; } /* Pixelatl logo on right side of navbar */ .idt26-navbar-pixelatl { display: none; } .idt26-navbar-pixelatl img { height: 24px; max-width: 120px; display: block; opacity: 0.7; transition: opacity var(--idt26-transition); object-fit: contain; } .idt26-navbar-pixelatl:hover img { opacity: 1; } /* Nav links - hidden on mobile, shown on desktop */ .idt26-nav-links { display: none; list-style: none; margin: 0; padding: 0; align-items: center; gap: 4px; flex: 1 1 auto; min-width: 0; justify-content: center; } .idt26-nav-links li { position: relative; } .idt26-nav-links li > a, .idt26-nav-links li > button { color: var(--idt26-text-secondary); text-decoration: none; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; padding: 8px 14px; border: none; background: none; cursor: pointer; transition: color var(--idt26-transition); display: flex; align-items: center; gap: 4px; } .idt26-nav-links li > a:hover, .idt26-nav-links li > button:hover { color: var(--idt26-text-primary); } /* Dropdown */ .idt26-dropdown-menu { position: absolute; top: 100%; left: 0; background-color: var(--idt26-bg-secondary); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: var(--idt26-border-radius); min-width: 200px; padding: 8px 0; box-shadow: var(--idt26-shadow); z-index: 1001; opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s; } .idt26-nav-links li:hover .idt26-dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); } /* Dropdown chevron rotation */ .idt26-nav-links li > button > i { transition: transform 0.2s ease; } .idt26-nav-links li:hover > button > i { transform: rotate(180deg); } .idt26-dropdown-menu a { display: block; padding: 10px 20px; color: var(--idt26-text-secondary); text-decoration: none; font-size: 14px; transition: background-color var(--idt26-transition), color var(--idt26-transition); } .idt26-dropdown-menu a:hover { background-color: rgba(255, 255, 255, 0.05); color: var(--idt26-text-primary); } /* CTA Button */ .idt26-btn-cta { display: inline-block; padding: 10px 24px; background: var(--idt26-accent-gradient); color: #fff !important; border: none; border-radius: 50px; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; text-decoration: none; cursor: pointer; transition: transform var(--idt26-transition), box-shadow var(--idt26-transition); } .idt26-btn-cta:hover { transform: translateY(-2px); box-shadow: 0 6px 25px rgba(233, 69, 96, 0.35); color: #fff; text-decoration: none; } .idt26-btn-cta:active { transform: translateY(0); box-shadow: 0 2px 10px rgba(233, 69, 96, 0.25); } button.idt26-btn-cta { display: inline-flex; align-items: center; gap: 6px; } /* Mobile hamburger */ .idt26-hamburger { display: flex; flex-direction: column; gap: 5px; background: none; border: none; cursor: pointer; padding: 5px; } .idt26-hamburger span { display: block; width: 24px; height: 2px; background-color: var(--idt26-text-primary); transition: transform var(--idt26-transition), opacity var(--idt26-transition); } /* Hamburger to X animation */ .idt26-hamburger.is-active span:nth-child(1) { transform: translateY(7px) rotate(45deg); } .idt26-hamburger.is-active span:nth-child(2) { opacity: 0; } .idt26-hamburger.is-active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } /* Mobile menu */ .idt26-mobile-menu { position: fixed; top: 64px; left: 0; width: 100%; height: calc(100vh - 64px); background-color: rgba(13, 13, 13, 0.97); backdrop-filter: blur(10px); z-index: 999; padding: 20px; overflow-y: auto; transform: translateX(100%); transition: transform var(--idt26-transition); -webkit-overflow-scrolling: touch; } .idt26-mobile-menu.is-open { transform: translateX(0); } .idt26-mobile-menu ul { list-style: none; padding: 0; margin: 0; } .idt26-mobile-menu ul li a, .idt26-mobile-menu ul li button { display: block; width: 100%; text-align: left; padding: 16px 0; color: var(--idt26-text-primary); text-decoration: none; font-size: 18px; font-weight: 600; border: none; background: none; border-bottom: 1px solid rgba(255, 255, 255, 0.06); cursor: pointer; } .idt26-mobile-submenu { display: none; padding-left: 20px; } .idt26-mobile-submenu.is-open { display: block; } .idt26-mobile-submenu a { font-size: 16px !important; font-weight: 400 !important; color: var(--idt26-text-secondary) !important; } /* Mobile chevron rotation */ .idt26-mobile-toggle i { transition: transform 0.2s ease; } .idt26-mobile-toggle.is-expanded i { transform: rotate(180deg); } .idt26-mobile-cta { margin-top: 24px; text-align: center; } /* ========================================================================== B. HERO SECTION ========================================================================== */ .idt26-hero { position: relative; min-height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; padding: 80px 20px 60px; overflow: hidden; } .idt26-hero::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 0; } .idt26-hero::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 30%; background: linear-gradient(to top, var(--idt26-bg-primary), transparent); z-index: 1; } .idt26-hero-content { position: relative; z-index: 2; max-width: 800px; display: flex; flex-direction: column; align-items: center; } .idt26-hero-logo { width: 280px; max-width: 80%; margin-bottom: 40px; animation: idt26FadeInUp 1s ease-out; } /* --- Phrase carousel --- */ .idt26-phrase-carousel { position: relative; min-height: 48px; margin-bottom: 36px; width: 100%; } .idt26-phrase { position: absolute; top: 0; left: 0; width: 100%; font-size: 18px; font-weight: 700; color: var(--idt26-text-primary); letter-spacing: 0.3px; text-align: center; line-height: 1.4; opacity: 0; clip-path: inset(0 100% 0 0); transition: none; } .idt26-phrase.is-active { opacity: 1; animation: idt26SweepIn 0.8s ease-out forwards; } .idt26-phrase.is-leaving { animation: idt26SweepOut 0.5s ease-in forwards; } @keyframes idt26SweepIn { from { clip-path: inset(0 100% 0 0); opacity: 0; } to { clip-path: inset(0 0 0 0); opacity: 1; } } @keyframes idt26SweepOut { from { clip-path: inset(0 0 0 0); opacity: 1; } to { clip-path: inset(0 0 0 100%); opacity: 0; } } /* --- CTA Hero (custom gradient) --- */ .idt26-btn-cta-hero { background: linear-gradient(135deg, #E7123F 0%, #1D49FB 100%); animation: idt26FadeInUp 1s ease-out 0.6s both; } .idt26-btn-cta-hero:hover { box-shadow: 0 6px 25px rgba(29, 73, 251, 0.35); } /* --- Quick nav icons --- */ .idt26-hero-quicknav { display: flex; justify-content: center; gap: 32px; margin-top: 40px; animation: idt26FadeInUp 1s ease-out 0.8s both; } .idt26-quicknav-item { display: flex; flex-direction: column; align-items: center; gap: 8px; color: var(--idt26-text-secondary); text-decoration: none; transition: color var(--idt26-transition), transform var(--idt26-transition); } .idt26-quicknav-item:hover { color: var(--idt26-text-primary); transform: translateY(-2px); text-decoration: none; } .idt26-quicknav-item i { font-size: 28px; width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.1); transition: background var(--idt26-transition), border-color var(--idt26-transition); } .idt26-quicknav-item:hover i { background: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.2); } .idt26-quicknav-item span { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; } /* ========================================================================== C. IMPACT STATS SECTION ========================================================================== */ .idt26-impact { padding: 80px 20px; background: var(--idt26-bg-secondary); position: relative; } .idt26-impact::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('data:image/svg+xml,'); background-size: 80px 80px; } .idt26-impact-inner { position: relative; max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1fr; gap: 24px; } .idt26-stat-number { font-size: 36px; font-weight: 900; background: var(--idt26-accent-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; line-height: 1; margin-bottom: 8px; } .idt26-stat-label { font-size: 13px; color: var(--idt26-text-secondary); line-height: 1.4; text-transform: uppercase; letter-spacing: 0.5px; } .idt26-stat-item { display: flex; align-items: center; gap: 12px; text-align: left; padding: 16px 20px; background: rgba(255, 255, 255, 0.03); border-radius: var(--idt26-border-radius); } /* ========================================================================== D. WHAT IS IDEATOON (Cards Section) ========================================================================== */ .idt26-what { padding: 80px 20px; background-color: var(--idt26-bg-primary); } .idt26-section-header { text-align: center; max-width: 700px; margin: 0 auto 48px; } .idt26-section-header h2 { font-size: 28px; font-weight: 900; margin-bottom: 16px; } .idt26-section-header p { color: var(--idt26-text-secondary); font-size: 16px; line-height: 1.6; } .idt26-cards-container { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr; gap: 24px; } .idt26-card { background: var(--idt26-bg-card); border-radius: var(--idt26-border-radius); overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.05); transition: transform var(--idt26-transition), box-shadow var(--idt26-transition); } .idt26-card:hover { transform: translateY(-4px); box-shadow: var(--idt26-shadow); border-color: rgba(233, 69, 96, 0.2); } .idt26-card-img { width: 100%; height: 200px; object-fit: cover; transition: transform 0.4s ease; } .idt26-card:hover .idt26-card-img { transform: scale(1.05); } .idt26-card-body { padding: 24px; } .idt26-card-body h3 { font-size: 18px; font-weight: 700; margin-bottom: 12px; color: var(--idt26-text-primary); } .idt26-card-body p { font-size: 14px; color: var(--idt26-text-secondary); line-height: 1.6; margin: 0; } /* ========================================================================== E. LATEST NEWS SECTION ========================================================================== */ .idt26-news { padding: 80px 20px; background-color: var(--idt26-bg-secondary); } .idt26-news-grid { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr; gap: 24px; } .idt26-news-card { background: #ffffff; border-radius: var(--idt26-border-radius); overflow: hidden; transition: transform var(--idt26-transition), box-shadow var(--idt26-transition); } .idt26-news-card:hover { transform: translateY(-4px); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3); text-decoration: none; } .idt26-news-card-img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; transition: transform 0.4s ease; } .idt26-news-card:hover .idt26-news-card-img { transform: scale(1.05); } .idt26-news-card-body { padding: 20px; } .idt26-news-card-body h4 { font-size: 16px; font-weight: 700; color: #1a1a1a; line-height: 1.4; margin: 0; } a.idt26-news-card { text-decoration: none; color: inherit; display: block; } .idt26-news-empty { grid-column: 1 / -1; text-align: center; padding: 60px 20px; color: var(--idt26-text-secondary); font-size: 18px; } /* ========================================================================== F. FOOTER ========================================================================== */ .idt26-footer { position: relative; z-index: 1; background-color: rgba(0, 0, 0, 0.65); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); padding: 60px 20px 30px; border-top: 1px solid rgba(255, 255, 255, 0.06); } .idt26-footer-inner { max-width: 1100px; margin: 0 auto; } .idt26-footer-top { display: grid; grid-template-columns: 1fr; gap: 40px; margin-bottom: 40px; } .idt26-footer-brand img { height: 60px; margin-bottom: 12px; opacity: 0.9; } .idt26-footer-brand-hr { border: none; border-top: 1px solid rgba(255, 255, 255, 0.15); margin: 12px 0 16px; } .idt26-footer-tagline { color: var(--idt26-text-secondary); font-size: 16px; line-height: 1.6; margin-top: 8px; margin-bottom: 0; } .idt26-footer-sites-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px; } .idt26-footer h5 { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 16px; color: var(--idt26-text-primary); } .idt26-footer-links { list-style: none; padding: 0; margin: 0; } .idt26-footer-links li { margin-bottom: 10px; } .idt26-footer-links a { color: var(--idt26-text-muted); text-decoration: none; font-size: 14px; transition: color var(--idt26-transition); } .idt26-footer-links a:hover { color: var(--idt26-text-primary); } .idt26-footer-social { display: flex; gap: 10px; flex-wrap: wrap; } .idt26-footer-social a { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: rgba(255, 255, 255, 0.06); color: var(--idt26-text-secondary); font-size: 15px; text-decoration: none; transition: background var(--idt26-transition), color var(--idt26-transition), transform var(--idt26-transition); } .idt26-footer-social a:hover { background: var(--idt26-accent-1); color: #fff; transform: scale(1.15); } .idt26-footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.06); padding-top: 24px; display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; } .idt26-footer-bottom p { color: var(--idt26-text-muted); font-size: 13px; margin: 0; } .idt26-footer-bottom a { color: var(--idt26-text-muted); text-decoration: none; font-size: 13px; } .idt26-footer-bottom a:hover { color: var(--idt26-text-primary); } .idt26-footer-powered { display: flex; align-items: center; gap: 8px; color: var(--idt26-text-muted); font-size: 13px; } .idt26-footer-powered svg { height: 24px; width: auto; } .idt26-footer-sponsors { display: none; } /* ========================================================================== ANIMATIONS ========================================================================== */ @keyframes idt26FadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .idt26-fade-in { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; } .idt26-fade-in.is-visible { opacity: 1; transform: translateY(0); } /* ========================================================================== RESPONSIVE BREAKPOINTS ========================================================================== */ /* Small tablets and up (576px) */ @media (min-width: 576px) { .idt26-hero-logo { width: 320px; } .idt26-phrase { font-size: 20px; } .idt26-phrase-carousel { min-height: 52px; } .idt26-impact-inner { grid-template-columns: repeat(2, 1fr); gap: 20px; } .idt26-stat-item { flex-direction: column; text-align: center; gap: 8px; padding: 24px 12px; background: none; } .idt26-stat-number { font-size: 42px; } .idt26-cards-container { grid-template-columns: repeat(2, 1fr); } .idt26-news-grid { grid-template-columns: repeat(2, 1fr); } } /* Tablets and up (768px) */ @media (min-width: 768px) { .idt26-news-grid { grid-template-columns: repeat(4, 1fr); } .idt26-hero-logo { width: 360px; } .idt26-phrase { font-size: 22px; } .idt26-phrase-carousel { min-height: 52px; } .idt26-hero-quicknav { gap: 48px; } .idt26-quicknav-item i { font-size: 32px; width: 64px; height: 64px; } .idt26-quicknav-item span { font-size: 13px; } .idt26-impact-inner { grid-template-columns: repeat(3, 1fr); } .idt26-stat-number { font-size: 52px; } .idt26-section-header h2 { font-size: 34px; } .idt26-footer-top { grid-template-columns: 1fr 1fr; gap: 32px; } .idt26-footer-brand { grid-column: 1 / -1; } .idt26-footer-bottom { flex-direction: row; justify-content: space-between; align-items: flex-end; text-align: left; } } /* Desktop (992px) */ @media (min-width: 992px) { .idt26-nav-links { display: flex; } .idt26-hamburger { display: none; } .idt26-navbar-pixelatl { display: flex; align-items: center; flex-shrink: 0; } .idt26-hero-logo { width: 400px; } .idt26-phrase { font-size: 24px; } .idt26-phrase-carousel { min-height: 48px; } .idt26-impact-inner { grid-template-columns: repeat(5, 1fr); } .idt26-cards-container { grid-template-columns: repeat(3, 1fr); } .idt26-card-img { height: 220px; } .idt26-impact { padding: 100px 20px; } .idt26-what { padding: 100px 20px; } .idt26-news { padding: 100px 20px; } .idt26-footer-top { grid-template-columns: 1fr 1fr 1.5fr; } .idt26-footer-brand { grid-column: auto; } } /* Large desktop (1200px) */ @media (min-width: 1200px) { .idt26-phrase { font-size: 26px; } .idt26-cards-container { grid-template-columns: repeat(4, 1fr); } } /* ========================================================================== G. BITACORA ARTICLE PAGE ========================================================================== */ .idt26-article-page { position: relative; padding: 100px 20px 60px; min-height: 80vh; } .idt26-article-page::before { content: ''; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90vw; max-width: 1300px; aspect-ratio: 1110 / 370; background-image: url('https://pixelatlstoragelrs1.blob.core.windows.net/pixelatl/dfa52a1d9a2b4856b814795aba3fa051.png'); background-size: contain; background-repeat: no-repeat; background-position: center; pointer-events: none; z-index: -1; } .idt26-article-container { position: relative; z-index: 1; max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr; gap: 40px; } @media (min-width: 768px) { .idt26-article-container { grid-template-columns: 2fr 1fr; } } /* --- Main article column --- */ .idt26-article-card { background: rgba(0, 0, 0, 0.82); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: var(--idt26-border-radius); overflow: hidden; box-shadow: var(--idt26-shadow); } .idt26-article-hero-img { width: 100%; max-height: 480px; object-fit: cover; } .idt26-article-content { padding: 30px 24px; color: var(--idt26-text-primary); line-height: 1.55; font-size: 16px; font-weight: 300; } .idt26-article-content h1 { font-weight: 800; font-size: 2.2rem; margin-top: 1rem; margin-bottom: 0.7rem; } .idt26-article-content h2 { font-size: 1.75rem; font-weight: 700; margin-top: 1.1rem; margin-bottom: 0.5rem; } .idt26-article-content h3 { font-size: 1.45rem; font-weight: 700; margin-top: 1rem; margin-bottom: 0.4rem; } .idt26-article-content h4 { font-size: 1.2rem; font-weight: 700; margin-top: 0.9rem; margin-bottom: 0.35rem; } .idt26-article-content h5 { font-size: 1.05rem; font-weight: 600; margin-top: 0.8rem; margin-bottom: 0.3rem; } .idt26-article-content h6 { font-size: 0.95rem; font-weight: 600; margin-top: 0.8rem; margin-bottom: 0.25rem; text-transform: uppercase; letter-spacing: 0.03em; } .idt26-article-content img { max-width: 100%; height: auto; border-radius: 4px; } .idt26-article-content a { color: var(--idt26-accent-1); text-decoration: underline; } .idt26-article-content p { margin-bottom: 0.65em; } @media (min-width: 768px) { .idt26-article-content { padding: 36px 48px; } } @media (max-width: 767.98px) { .idt26-article-content h1 { font-size: 1.75rem; } .idt26-article-content h2 { font-size: 1.4rem; } .idt26-article-content h3 { font-size: 1.2rem; } .idt26-article-content h4 { font-size: 1.05rem; } } /* --- Article prev/next nav --- */ .idt26-article-nav { display: flex; justify-content: space-between; margin-top: 20px; } .idt26-btn-article-nav { display: inline-block; padding: 10px 20px; background: var(--idt26-accent-1); color: #fff; border-radius: var(--idt26-border-radius); text-decoration: none; font-weight: 700; font-size: 14px; transition: background var(--idt26-transition); } .idt26-btn-article-nav:hover { background: #c73a52; text-decoration: none; color: #fff; } /* --- Article download button --- */ .idt26-article-download { margin-top: 24px; margin-bottom: 8px; text-align: center; } .idt26-article-download .idt26-btn-article-nav { color: #fff; text-decoration: none; } /* --- Sidebar --- */ .idt26-sidebar-title { font-weight: 700; font-size: 18px; margin-bottom: 16px; color: var(--idt26-text-primary); text-align: center; } .idt26-sidebar-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; } @media (min-width: 768px) { .idt26-sidebar-grid { grid-template-columns: 1fr; } } @media (min-width: 1024px) { .idt26-sidebar-grid { grid-template-columns: repeat(2, 1fr); } } .idt26-sidebar-card { display: block; background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: var(--idt26-border-radius); overflow: hidden; text-decoration: none; transition: transform var(--idt26-transition), box-shadow var(--idt26-transition); } .idt26-sidebar-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3); text-decoration: none; } .idt26-sidebar-card-img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; } .idt26-sidebar-card-title { display: block; padding: 8px 10px; font-size: 12px; font-weight: 600; color: var(--idt26-text-primary); line-height: 1.3; } .idt26-sidebar-more { margin-top: 20px; text-align: center; } .idt26-btn-back-home { display: inline-block; padding: 10px 24px; background: var(--idt26-accent-2); color: #fff; border-radius: var(--idt26-border-radius); text-decoration: none; font-weight: 700; font-size: 14px; transition: background var(--idt26-transition); } .idt26-btn-back-home:hover { background: #422a6a; text-decoration: none; color: #fff; } /* ========================================================================== H. STATIC CONTENT PAGES (Qué es Ideatoon, Convocatoria, etc.) ========================================================================== */ /* Sidebar image (vertical article image) */ .idt26-static-sidebar-image { margin-bottom: 20px; border-radius: var(--idt26-border-radius); overflow: hidden; box-shadow: var(--idt26-shadow); } .idt26-static-sidebar-image img { width: 100%; height: auto; display: block; } /* Navigation section title */ .idt26-static-nav-title { font-weight: 700; font-size: 16px; margin-bottom: 14px; color: var(--idt26-text-secondary); text-align: center; text-transform: uppercase; letter-spacing: 0.05em; } /* Navigation tiles grid (2 columns, like elfestival.mx) */ .idt26-static-nav-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; } /* Individual navigation tile */ .idt26-static-nav-tile { display: flex; align-items: center; justify-content: center; text-align: center; min-height: 120px; padding: 16px 12px; background: var(--idt26-accent-2); border-radius: var(--idt26-border-radius); color: #fff; text-decoration: none; font-weight: 700; font-size: 14px; line-height: 1.3; transition: transform var(--idt26-transition), background var(--idt26-transition), box-shadow var(--idt26-transition); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35); } .idt26-static-nav-tile:hover { transform: translateY(-5px); background: linear-gradient(135deg, var(--idt26-accent-1), var(--idt26-accent-2)); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.5); text-decoration: none; color: #fff; } .idt26-static-nav-tile:active { transform: translateY(-2px); } .idt26-static-nav-tile span { display: block; } /* Handle old HTML content (tables, iframes) in article cards */ .idt26-article-content table { width: 100%; border-collapse: collapse; margin-bottom: 1em; font-size: 14px; } .idt26-article-content table td, .idt26-article-content table th { padding: 6px 8px; border: 1px solid rgba(255, 255, 255, 0.15); vertical-align: top; } .idt26-article-content iframe { max-width: 100%; } /* On tablet, give sidebar more room */ @media (min-width: 768px) and (max-width: 1023.98px) { .idt26-static-nav-tile { min-height: 100px; font-size: 13px; } } /* On mobile, keep 2-col grid but smaller tiles */ @media (max-width: 767.98px) { .idt26-static-nav-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; } .idt26-static-nav-tile { min-height: 90px; font-size: 13px; padding: 12px 10px; } } /* ========================================================================== TOUCH & ACCESSIBILITY ========================================================================== */ /* Ensure minimum touch target size (44x44px) */ .idt26-mobile-menu ul li a, .idt26-mobile-menu ul li button { min-height: 44px; display: flex; align-items: center; } .idt26-hamburger { min-width: 44px; min-height: 44px; justify-content: center; align-items: center; } /* Smooth scroll for anchor links */ @media (prefers-reduced-motion: no-preference) { .idt26-body { scroll-behavior: smooth; } } /* Respect reduced motion preference */ @media (prefers-reduced-motion: reduce) { .idt26-fade-in { opacity: 1; transform: none; transition: none; } .idt26-hero-logo, .idt26-hero h1, .idt26-hero p, .idt26-hero .idt26-btn-cta { animation: none; } .idt26-card, .idt26-news-card, .idt26-btn-cta { transition: none; } .idt26-phrase.is-active, .idt26-phrase.is-leaving { animation-duration: 0.01s; } } /* Staggered fade-in delays for cards */ .idt26-cards-container .idt26-card.idt26-fade-in:nth-child(2) { transition-delay: 0.1s; } .idt26-cards-container .idt26-card.idt26-fade-in:nth-child(3) { transition-delay: 0.2s; } .idt26-cards-container .idt26-card.idt26-fade-in:nth-child(4) { transition-delay: 0.3s; } .idt26-cards-container .idt26-card.idt26-fade-in:nth-child(5) { transition-delay: 0.15s; } .idt26-cards-container .idt26-card.idt26-fade-in:nth-child(6) { transition-delay: 0.25s; } .idt26-cards-container .idt26-card.idt26-fade-in:nth-child(7) { transition-delay: 0.35s; } /* Staggered fade-in for news cards */ .idt26-news-grid .idt26-news-card.idt26-fade-in:nth-child(2) { transition-delay: 0.1s; } .idt26-news-grid .idt26-news-card.idt26-fade-in:nth-child(3) { transition-delay: 0.2s; } .idt26-news-grid .idt26-news-card.idt26-fade-in:nth-child(4) { transition-delay: 0.3s; } .idt26-news-grid .idt26-news-card.idt26-fade-in:nth-child(5) { transition-delay: 0.15s; } .idt26-news-grid .idt26-news-card.idt26-fade-in:nth-child(6) { transition-delay: 0.25s; } .idt26-news-grid .idt26-news-card.idt26-fade-in:nth-child(7) { transition-delay: 0.35s; } .idt26-news-grid .idt26-news-card.idt26-fade-in:nth-child(8) { transition-delay: 0.45s; } /* ========================================================================== CROSS-BROWSER FALLBACKS ========================================================================== */ /* backdrop-filter fallback: if not supported, use fully opaque bg */ @supports not (backdrop-filter: blur(10px)) { .idt26-navbar { background-color: rgba(13, 13, 13, 0.98); } .idt26-mobile-menu { background-color: rgba(13, 13, 13, 0.99); } } /* background-clip:text fallback for gradient numbers */ @supports not (-webkit-background-clip: text) { .idt26-stat-number { background: none; color: var(--idt26-accent-1); } } /* Focus visible styles for keyboard navigation */ .idt26-body *:focus-visible { outline: 2px solid var(--idt26-accent-1); outline-offset: 2px; } /* ========================================================================== BYTES PAGES (Listing, Article, Access Denied) ========================================================================== */ /* --- Bytes listing page --- */ .idt26-bytes-page { position: relative; padding: 100px 20px 60px; min-height: 80vh; } .idt26-bytes-page::before { content: ''; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90vw; max-width: 1300px; aspect-ratio: 1110 / 370; background-image: url('https://pixelatlstoragelrs1.blob.core.windows.net/pixelatl/dfa52a1d9a2b4856b814795aba3fa051.png'); background-size: contain; background-repeat: no-repeat; background-position: center; pointer-events: none; z-index: -1; } .idt26-bytes-container { position: relative; z-index: 1; max-width: 1200px; margin: 0 auto; } /* Header */ .idt26-bytes-header { text-align: center; margin-bottom: 30px; max-width: 740px; margin-left: auto; margin-right: auto; background-color: rgba(0, 0, 0, 0.6); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: var(--idt26-border-radius); padding: 28px 32px 24px; } .idt26-bytes-title { position: relative; z-index: 1; font-size: 48px; font-weight: 900; letter-spacing: 0.1em; color: #E7123F; background: linear-gradient(135deg, #E7123F 0%, #E7123F 40%, #e94560 65%, #1D49FB 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 12px; } .idt26-bytes-subtitle { position: relative; z-index: 1; color: #e0e0e0; font-size: 18px; font-weight: 400; max-width: 700px; margin: 0 auto; line-height: 1.7; } /* Category filter buttons */ .idt26-bytes-filters { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-bottom: 40px; } .idt26-bytes-filter-btn { background: var(--idt26-bg-card); color: var(--idt26-text-secondary); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 30px; padding: 10px 24px; font-family: var(--idt26-font-main); font-size: 13px; font-weight: 700; letter-spacing: 0.08em; cursor: pointer; transition: all var(--idt26-transition); } .idt26-bytes-filter-btn:hover { background: var(--idt26-accent-2); color: #fff; border-color: var(--idt26-accent-2); } .idt26-bytes-filter-btn.is-active { background: linear-gradient(135deg, var(--idt26-accent-1), var(--idt26-accent-2)); color: #fff; border-color: transparent; box-shadow: 0 4px 16px rgba(233, 69, 96, 0.3); } /* Bytes grid */ .idt26-bytes-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } @media (max-width: 1023.98px) { .idt26-bytes-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 767.98px) { .idt26-bytes-page::before { display: none; } .idt26-bytes-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; } .idt26-bytes-title { font-size: 36px; } .idt26-bytes-subtitle { font-size: 16px; } .idt26-bytes-header { padding: 20px 18px 18px; } } /* Bytes card */ .idt26-bytes-card { display: block; background: var(--idt26-bg-card); border-radius: var(--idt26-border-radius); overflow: hidden; text-decoration: none; color: var(--idt26-text-primary); box-shadow: var(--idt26-shadow); transition: transform var(--idt26-transition), box-shadow var(--idt26-transition); } .idt26-bytes-card:hover { transform: translateY(-6px); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.5); text-decoration: none; color: var(--idt26-text-primary); } .idt26-bytes-card-img { width: 100%; aspect-ratio: 1 / 1; overflow: hidden; } .idt26-bytes-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--idt26-transition); } .idt26-bytes-card:hover .idt26-bytes-card-img img { transform: scale(1.06); } .idt26-bytes-card-body { padding: 14px 12px; } .idt26-bytes-card-title { font-size: 14px; font-weight: 600; line-height: 1.4; margin: 0; text-align: center; color: var(--idt26-text-primary); } /* Loading indicator */ .idt26-bytes-loading { text-align: center; padding: 30px 0; color: var(--idt26-text-secondary); font-size: 16px; } /* --- Byte article page (reuses article-page layout) --- */ .idt26-byte-article-page { position: relative; padding: 100px 20px 60px; min-height: 80vh; } .idt26-byte-article-page::before { content: ''; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90vw; max-width: 1300px; aspect-ratio: 1110 / 370; background-image: url('https://pixelatlstoragelrs1.blob.core.windows.net/pixelatl/dfa52a1d9a2b4856b814795aba3fa051.png'); background-size: contain; background-repeat: no-repeat; background-position: center; pointer-events: none; z-index: -1; } .idt26-byte-article-container { position: relative; z-index: 1; max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr; gap: 40px; } @media (min-width: 768px) { .idt26-byte-article-container { grid-template-columns: 2fr 1fr; } } /* Sidebar related articles */ .idt26-byte-related-title { font-weight: 700; font-size: 16px; margin-bottom: 14px; color: var(--idt26-text-secondary); text-align: center; text-transform: uppercase; letter-spacing: 0.05em; } .idt26-byte-related-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; } .idt26-byte-related-card { display: block; background: var(--idt26-bg-card); border-radius: var(--idt26-border-radius); overflow: hidden; text-decoration: none; color: var(--idt26-text-primary); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35); transition: transform var(--idt26-transition), box-shadow var(--idt26-transition); } .idt26-byte-related-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5); text-decoration: none; color: var(--idt26-text-primary); } .idt26-byte-related-card-img { width: 100%; aspect-ratio: 1 / 1; overflow: hidden; } .idt26-byte-related-card-img img { width: 100%; height: 100%; object-fit: cover; } .idt26-byte-related-card-body { padding: 10px 8px; } .idt26-byte-related-card-body p { font-size: 12px; font-weight: 600; line-height: 1.3; margin: 0; text-align: center; color: var(--idt26-text-primary); } @media (max-width: 767.98px) { .idt26-byte-related-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; } } /* --- Access denied page --- */ .idt26-access-denied-card { max-width: 600px; margin: 0 auto; background: var(--idt26-bg-card); border-radius: var(--idt26-border-radius); padding: 48px 36px; text-align: center; box-shadow: var(--idt26-shadow); } .idt26-access-denied-card h2 { font-size: 28px; font-weight: 900; margin-bottom: 16px; background: var(--idt26-accent-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .idt26-access-denied-card p { color: var(--idt26-text-secondary); font-size: 16px; line-height: 1.6; margin-bottom: 10px; } .idt26-access-denied-card a { color: var(--idt26-accent-1); text-decoration: underline; font-weight: 700; } .idt26-access-denied-card a:hover { color: #fff; } .idt26-access-denied-logo { max-width: 180px; margin-bottom: 24px; } /* ========================================================================== Account Pages (Login, SignUp, ForgotPassword, etc.) ========================================================================== */ .idt26-account-page { position: relative; padding: 100px 20px 60px; min-height: 80vh; display: flex; align-items: flex-start; justify-content: center; } .idt26-account-card { width: 100%; max-width: 520px; background: var(--idt26-bg-card); border-radius: var(--idt26-border-radius); box-shadow: var(--idt26-shadow); overflow: hidden; margin-top: 20px; } .idt26-account-card.idt26-account-card--wide { max-width: 780px; } .idt26-account-card-header { background: var(--idt26-accent-gradient); padding: 24px 32px; } .idt26-account-card-header h3 { margin: 0; font-size: 22px; font-weight: 900; color: #fff; text-transform: uppercase; letter-spacing: 1px; } .idt26-account-card-body { padding: 32px; } .idt26-account-logo { display: block; max-width: 180px; margin: 0 auto 24px; } /* Form elements */ .idt26-account-card-body .form-group { margin-bottom: 18px; } .idt26-account-card-body label, .idt26-account-card-body .control-label { color: var(--idt26-text-secondary); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px; display: block; } .idt26-account-card-body .form-control { width: 100%; background-color: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 6px; color: var(--idt26-text-primary); padding: 10px 14px; font-size: 15px; transition: border-color var(--idt26-transition), box-shadow var(--idt26-transition); } .idt26-account-card-body .form-control:focus { border-color: var(--idt26-accent-1); box-shadow: 0 0 0 3px rgba(233, 69, 96, 0.15); outline: none; background-color: rgba(255, 255, 255, 0.08); } .idt26-account-card-body .form-control::placeholder { color: var(--idt26-text-muted); } .idt26-account-card-body select.form-control { appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23b0b0b0' d='M6 8L1 3h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; padding-right: 32px; } /* Native select option colors for dark theme */ .idt26-account-card-body select.form-control option { background-color: #16213e; color: #ffffff; } /* --- Select2 overrides for dark theme --- */ .idt26-account-card-body .select2-container { width: 100% !important; } .idt26-account-card-body .select2-container--classic .select2-selection--single { background-color: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 6px; height: auto; padding: 6px 10px; } .idt26-account-card-body .select2-container--classic .select2-selection--single:focus { border-color: var(--idt26-accent-1); box-shadow: 0 0 0 3px rgba(233, 69, 96, 0.15); } .idt26-account-card-body .select2-container--classic .select2-selection--single .select2-selection__rendered { color: var(--idt26-text-primary); font-size: 15px; line-height: 1.5; padding-left: 4px; } .idt26-account-card-body .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: var(--idt26-text-muted); } .idt26-account-card-body .select2-container--classic .select2-selection--single .select2-selection__arrow { background: transparent; border-left: 1px solid rgba(255, 255, 255, 0.12); } .idt26-account-card-body .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: var(--idt26-text-secondary) transparent transparent transparent; } .idt26-account-card-body .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent var(--idt26-text-secondary) transparent; } /* Select2 dropdown (rendered at body level, scoped via .select2-container--classic) */ .select2-container--classic .select2-dropdown, .select2-dropdown { background-color: #16213e !important; border: 1px solid rgba(255, 255, 255, 0.15) !important; border-radius: 6px; } .select2-container--classic .select2-search--dropdown .select2-search__field, .select2-search--dropdown .select2-search__field { background-color: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.15) !important; border-radius: 4px; color: #ffffff !important; padding: 6px 10px; font-size: 14px; } .select2-container--classic .select2-search--dropdown .select2-search__field::placeholder, .select2-search--dropdown .select2-search__field::placeholder { color: #7a7a7a; } .select2-container--classic .select2-results__option, .select2-results__option { color: #ffffff !important; background-color: transparent !important; padding: 8px 12px; font-size: 14px; } .select2-container--classic .select2-results__option--highlighted[aria-selected], .select2-container--classic .select2-results__option--highlighted, .select2-results__option--highlighted[aria-selected], .select2-results__option--highlighted, .select2-results__option.select2-results__option--highlighted { background-color: #e94560 !important; color: #ffffff !important; } .select2-container--classic .select2-results__option[aria-selected="true"], .select2-results__option[aria-selected="true"] { background-color: rgba(233, 69, 96, 0.25) !important; color: #ffffff !important; } .select2-container--classic .select2-results__message, .select2-results__message { color: #7a7a7a !important; } .idt26-account-card-body .input-group { display: flex; } .idt26-account-card-body .input-group .form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; } .idt26-account-card-body .input-group-addon { background-color: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.12); border-left: none; border-radius: 0 6px 6px 0; color: var(--idt26-text-secondary); padding: 10px 14px; font-size: 14px; display: flex; align-items: center; } /* Checkbox */ .idt26-account-card-body .checkbox label { text-transform: none; font-weight: 400; font-size: 14px; color: var(--idt26-text-secondary); display: inline; } .idt26-account-card-body .checkbox a { color: var(--idt26-accent-1); text-decoration: underline; } .idt26-account-card-body .checkbox a:hover { color: #fff; } /* Radio buttons */ .idt26-account-card-body .radio-inline { color: var(--idt26-text-secondary); font-size: 14px; margin-right: 16px; } /* Validation messages */ .idt26-account-card-body .text-danger { color: var(--idt26-accent-1) !important; font-size: 12px; margin-top: 4px; } .idt26-account-card-body .validation-summary-errors { background: rgba(233, 69, 96, 0.1); border: 1px solid rgba(233, 69, 96, 0.3); border-radius: 6px; padding: 12px 16px; margin-bottom: 20px; color: var(--idt26-accent-1); font-size: 13px; } /* Help text */ .idt26-account-card-body .help-block { color: var(--idt26-text-muted); font-size: 12px; margin-top: 6px; } /* text-muted inside cards */ .idt26-account-card-body .text-muted { color: var(--idt26-text-secondary) !important; } /* Buttons */ .idt26-btn-account { display: inline-block; background: var(--idt26-accent-gradient); color: #fff; border: none; border-radius: 6px; padding: 12px 32px; font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; transition: transform var(--idt26-transition), box-shadow var(--idt26-transition); text-decoration: none; } .idt26-btn-account:hover { transform: translateY(-2px); box-shadow: 0 6px 24px rgba(233, 69, 96, 0.35); color: #fff; text-decoration: none; } .idt26-btn-account:active { transform: translateY(0); } .idt26-btn-account-secondary { display: inline-block; background: transparent; color: var(--idt26-text-secondary); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 6px; padding: 10px 24px; font-size: 14px; font-weight: 600; cursor: pointer; transition: color var(--idt26-transition), border-color var(--idt26-transition); text-decoration: none; } .idt26-btn-account-secondary:hover { color: #fff; border-color: rgba(255, 255, 255, 0.4); text-decoration: none; } .idt26-account-link { color: var(--idt26-accent-1); text-decoration: none; font-weight: 600; transition: color var(--idt26-transition); } .idt26-account-link:hover { color: #fff; text-decoration: underline; } .idt26-account-actions { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-top: 24px; } .idt26-account-message { text-align: center; padding: 16px 0; } .idt26-account-message p { color: var(--idt26-text-secondary); font-size: 15px; line-height: 1.6; margin-bottom: 10px; } .idt26-account-message .icon-success { font-size: 48px; color: #4caf50; margin-bottom: 16px; } .idt26-account-divider { border: none; border-top: 1px solid rgba(255, 255, 255, 0.08); margin: 24px 0; } /* Two-column layout for registration */ .idt26-account-row { display: flex; gap: 24px; } .idt26-account-col { flex: 1; min-width: 0; } @media (max-width: 767.98px) { .idt26-account-page { padding: 80px 10px 40px; } .idt26-account-card-body { padding: 20px; } .idt26-account-card-header { padding: 18px 20px; } .idt26-account-row { flex-direction: column; gap: 0; } .idt26-account-actions { flex-direction: column; align-items: stretch; text-align: center; } } /* Terms page */ .idt26-terms-page { position: relative; padding: 100px 20px 60px; min-height: 80vh; } .idt26-terms-card { max-width: 900px; margin: 20px auto 0; background: var(--idt26-bg-card); border-radius: var(--idt26-border-radius); box-shadow: var(--idt26-shadow); overflow: hidden; } .idt26-terms-card-header { background: var(--idt26-accent-gradient); padding: 24px 32px; } .idt26-terms-card-header h3 { margin: 0; font-size: 20px; font-weight: 900; color: #fff; text-transform: uppercase; } .idt26-terms-card-body { padding: 32px; color: var(--idt26-text-secondary); font-size: 14px; line-height: 1.7; } .idt26-terms-card-body p { margin-bottom: 12px; } .idt26-terms-card-body ul { padding-left: 0; } .idt26-terms-card-body li { margin-bottom: 8px; } .idt26-terms-card-body a { color: var(--idt26-accent-1); } .idt26-terms-card-body a:hover { color: #fff; } /* ========================================================================== Last Editions Page ========================================================================== */ .idt26-editions-page { position: relative; padding: 100px 20px 60px; min-height: 80vh; } .idt26-editions-page::before { content: ''; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90vw; max-width: 1300px; aspect-ratio: 1110 / 370; background-image: url('https://pixelatlstoragelrs1.blob.core.windows.net/pixelatl/dfa52a1d9a2b4856b814795aba3fa051.png'); background-size: contain; background-repeat: no-repeat; background-position: center; pointer-events: none; z-index: -1; } .idt26-editions-container { position: relative; z-index: 1; max-width: 1200px; margin: 0 auto; } .idt26-editions-header { text-align: center; margin-bottom: 30px; max-width: 900px; margin-left: auto; margin-right: auto; background-color: rgba(0, 0, 0, 0.75); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: var(--idt26-border-radius); padding: 28px 32px 28px; } .idt26-editions-title { position: relative; z-index: 1; font-size: 36px; font-weight: 900; letter-spacing: 0.1em; white-space: nowrap; color: #E7123F; background: linear-gradient(135deg, #E7123F 0%, #E7123F 40%, #e94560 65%, #1D49FB 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 18px; } /* Year filter buttons */ .idt26-editions-filters { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-bottom: 0; } .idt26-editions-filter-btn { display: inline-block; background: var(--idt26-bg-card); color: var(--idt26-text-secondary); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 30px; padding: 8px 18px; font-family: var(--idt26-font-main); font-size: 13px; font-weight: 700; letter-spacing: 0.08em; cursor: pointer; transition: all var(--idt26-transition); text-decoration: none; } .idt26-editions-filter-btn:hover { background: var(--idt26-accent-2); color: #fff; border-color: var(--idt26-accent-2); text-decoration: none; } .idt26-editions-filter-btn.is-active { background: linear-gradient(135deg, var(--idt26-accent-1), var(--idt26-accent-2)); color: #fff; border-color: transparent; box-shadow: 0 4px 16px rgba(233, 69, 96, 0.3); text-decoration: none; } /* Edition description text */ .idt26-editions-description { text-align: center; max-width: 800px; margin: 20px auto 0; color: var(--idt26-text-secondary); font-size: 17px; font-weight: 400; line-height: 1.7; } .idt26-editions-description a { color: var(--idt26-accent-1); } /* Slick carousel overrides for dark theme */ .idt26-editions-carousel { margin-bottom: 40px; } .idt26-editions-carousel .slickcontainer { padding: 8px; } .idt26-editions-carousel .flip-container { perspective: 1000px; } .idt26-editions-carousel .flipper { transition: 0.6s; transform-style: preserve-3d; position: relative; } .idt26-editions-carousel .flipper.flip { transform: rotateY(180deg); } @media (hover: hover) and (pointer: fine) { .idt26-editions-carousel .flip-container:hover .flipper { transform: rotateY(180deg); } } .idt26-editions-carousel .front, .idt26-editions-carousel .back { backface-visibility: hidden; } .idt26-editions-carousel .back { position: absolute; top: 0; left: 0; width: 100%; transform: rotateY(180deg); } .idt26-editions-carousel .card { border: 0 solid transparent; border-radius: 10px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4); cursor: pointer; width: 100%; display: block; } /* Copyright notice at the bottom */ .idt26-editions-notice { text-align: center; max-width: 600px; margin: 0 auto; padding: 16px 24px; background-color: rgba(0, 0, 0, 0.5); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); border-radius: var(--idt26-border-radius); color: var(--idt26-text-muted); font-size: 13px; font-weight: 300; line-height: 1.6; } .idt26-editions-notice a { color: var(--idt26-accent-1); } @media (max-width: 767.98px) { .idt26-editions-page::before { display: none; } .idt26-editions-title { font-size: 24px; white-space: normal; } .idt26-editions-header { padding: 20px 16px 20px; } .idt26-editions-filters { gap: 5px; } .idt26-editions-filter-btn { padding: 5px 10px; font-size: 11px; } .idt26-editions-description { font-size: 15px; margin-top: 14px; } } /* ========================================================================== PROJECT PAGES (Mis Proyectos, Detalles, Editar, Checkout, etc.) ========================================================================== */ /* --- Shared project page wrapper --- */ .idt26-project-page { position: relative; padding: 100px 20px 60px; min-height: 100vh; } .idt26-project-page::before { content: ''; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -60%); width: 90vw; max-width: 1300px; aspect-ratio: 1110 / 370; background-image: url('https://pixelatlstoragelrs1.blob.core.windows.net/pixelatl/dfa52a1d9a2b4856b814795aba3fa051.png'); background-size: contain; background-repeat: no-repeat; background-position: center; pointer-events: none; z-index: -1; } .idt26-project-container { position: relative; z-index: 1; max-width: 1100px; margin: 0 auto; } /* --- Project card (main content panel) --- */ .idt26-project-card { background: rgba(0, 0, 0, 0.82); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: var(--idt26-border-radius); overflow: hidden; box-shadow: var(--idt26-shadow); min-height: 55vh; } .idt26-project-card-header { background: var(--idt26-accent-gradient); padding: 20px 28px; } .idt26-project-card-header h2 { margin: 0; font-size: 20px; font-weight: 900; color: #fff; text-transform: uppercase; letter-spacing: 1px; } .idt26-project-card-body { padding: 28px; } @media (min-width: 768px) { .idt26-project-card-body { padding: 32px 40px; } } /* --- Toolbar (action buttons row) --- */ .idt26-project-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 24px; } .idt26-project-toolbar-right { margin-left: auto; } /* --- Primary action button --- */ .idt26-btn-project { display: inline-block; background: var(--idt26-accent-gradient); color: #fff; border: none; border-radius: 6px; padding: 10px 24px; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; cursor: pointer; transition: transform var(--idt26-transition), box-shadow var(--idt26-transition); text-decoration: none; } .idt26-btn-project:hover { transform: translateY(-2px); box-shadow: 0 6px 24px rgba(233, 69, 96, 0.35); color: #fff; text-decoration: none; } /* Secondary / outline button */ .idt26-btn-project-secondary { display: inline-block; background: transparent; color: var(--idt26-text-secondary); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 6px; padding: 10px 24px; font-size: 14px; font-weight: 600; cursor: pointer; transition: color var(--idt26-transition), border-color var(--idt26-transition); text-decoration: none; } .idt26-btn-project-secondary:hover { color: #fff; border-color: rgba(255, 255, 255, 0.4); text-decoration: none; } /* Edit / small icon button */ .idt26-btn-project-icon { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: var(--idt26-accent-2); color: #fff; border: none; border-radius: 6px; cursor: pointer; transition: background var(--idt26-transition), transform var(--idt26-transition); text-decoration: none; font-size: 14px; } .idt26-btn-project-icon:hover { background: var(--idt26-accent-1); transform: translateY(-2px); color: #fff; text-decoration: none; } /* Success button (inscribir) */ .idt26-btn-project-success { display: inline-block; background: linear-gradient(135deg, #27ae60, #2ecc71); color: #fff; border: none; border-radius: 6px; padding: 10px 24px; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; cursor: pointer; transition: transform var(--idt26-transition), box-shadow var(--idt26-transition); text-decoration: none; } .idt26-btn-project-success:hover { transform: translateY(-2px); box-shadow: 0 6px 24px rgba(39, 174, 96, 0.35); color: #fff; text-decoration: none; } .idt26-btn-project-success:disabled { opacity: 0.5; cursor: not-allowed; transform: none; box-shadow: none; } /* Danger button */ .idt26-btn-project-danger { display: inline-block; background: var(--idt26-accent-1); color: #fff; border: none; border-radius: 6px; padding: 10px 24px; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; cursor: pointer; transition: transform var(--idt26-transition), box-shadow var(--idt26-transition); text-decoration: none; } .idt26-btn-project-danger:hover { transform: translateY(-2px); box-shadow: 0 6px 24px rgba(233, 69, 96, 0.35); color: #fff; text-decoration: none; } /* Link-style button */ .idt26-btn-project-link { display: inline-block; background: none; border: none; color: var(--idt26-accent-1); font-size: 14px; font-weight: 600; cursor: pointer; text-decoration: underline; padding: 0; transition: color var(--idt26-transition); } .idt26-btn-project-link:hover { color: #fff; } /* --- Project table --- */ .idt26-project-table { width: 100%; border-collapse: collapse; margin-top: 8px; } .idt26-project-table thead th { background: rgba(255, 255, 255, 0.06); color: var(--idt26-text-secondary); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; padding: 12px 14px; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.08); } .idt26-project-table tbody td { padding: 14px 14px; text-align: center; color: var(--idt26-text-primary); font-size: 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); vertical-align: middle; } .idt26-project-table tbody tr:hover { background: rgba(255, 255, 255, 0.03); } .idt26-project-table a { color: var(--idt26-accent-1); text-decoration: none; font-weight: 600; transition: color var(--idt26-transition); } .idt26-project-table a:hover { color: #fff; text-decoration: underline; } /* --- Detail table (key-value pairs) --- */ .idt26-project-detail-table { width: 100%; border-collapse: collapse; } .idt26-project-detail-table td { padding: 10px 14px; vertical-align: top; border-bottom: 1px solid rgba(255, 255, 255, 0.05); } .idt26-project-detail-table dt { color: var(--idt26-text-muted); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 4px; } .idt26-project-detail-table dd { color: var(--idt26-text-primary); font-size: 15px; font-weight: 400; margin: 0; } /* --- Alert banners --- */ .idt26-project-alert { border-radius: 6px; padding: 14px 20px; margin-bottom: 20px; font-size: 14px; font-weight: 600; } .idt26-project-alert-danger { background: rgba(233, 69, 96, 0.12); border: 1px solid rgba(233, 69, 96, 0.3); color: var(--idt26-accent-1); } .idt26-project-alert-info { background: rgba(15, 52, 96, 0.3); border: 1px solid rgba(15, 52, 96, 0.5); color: var(--idt26-text-secondary); } .idt26-project-alert-success { background: rgba(39, 174, 96, 0.12); border: 1px solid rgba(39, 174, 96, 0.3); color: #2ecc71; } /* --- Documents / file display --- */ .idt26-project-file-card { display: inline-flex; align-items: center; gap: 12px; background: rgba(255, 255, 255, 0.06); border-radius: var(--idt26-border-radius); padding: 16px 20px; margin-top: 12px; } .idt26-project-file-card i { font-size: 28px; color: var(--idt26-accent-1); } .idt26-project-file-card a { color: var(--idt26-accent-1); text-decoration: underline; font-weight: 600; font-size: 14px; } .idt26-project-file-card a:hover { color: #fff; } /* --- Tabs (for edit page) --- */ .idt26-project-tabs { display: flex; gap: 0; border-bottom: 2px solid rgba(255, 255, 255, 0.08); margin-bottom: 24px; } .idt26-project-tab { display: inline-block; padding: 12px 24px; color: var(--idt26-text-secondary); font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; cursor: pointer; border: none; background: none; border-bottom: 3px solid transparent; transition: color var(--idt26-transition), border-color var(--idt26-transition); text-decoration: none; margin-bottom: -2px; } .idt26-project-tab:hover { color: var(--idt26-text-primary); text-decoration: none; } .idt26-project-tab.active { color: var(--idt26-accent-1); border-bottom-color: var(--idt26-accent-1); } /* --- Form elements inside project cards --- */ .idt26-project-card-body .form-group { margin-bottom: 18px; } .idt26-project-card-body label, .idt26-project-card-body .control-label { color: var(--idt26-text-secondary); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px; } .idt26-project-card-body .form-control { display: block; width: 100%; background-color: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 6px; color: var(--idt26-text-primary); padding: 10px 14px; font-size: 15px; transition: border-color var(--idt26-transition), box-shadow var(--idt26-transition); } .idt26-project-card-body .form-control:focus { border-color: var(--idt26-accent-1); box-shadow: 0 0 0 3px rgba(233, 69, 96, 0.15); outline: none; background-color: rgba(255, 255, 255, 0.08); } .idt26-project-card-body .form-control::placeholder { color: var(--idt26-text-muted); } .idt26-project-card-body select.form-control { appearance: none; -webkit-appearance: none; background-color: #16213e; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23b0b0b0' d='M6 8L1 3h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; padding-right: 32px; color-scheme: dark; } .idt26-project-card-body select.form-control option { background-color: #16213e; color: #ffffff; padding: 4px 8px; } .idt26-project-card-body select.form-control option:hover, .idt26-project-card-body select.form-control option:focus { background-color: #1a2744; color: #ffffff; } .idt26-project-card-body select.form-control:focus option:checked { background: linear-gradient(0deg, #e94560 0%, #e94560 100%); color: #ffffff; } .idt26-project-card-body select.form-control::-ms-expand { display: none; } .idt26-project-card-body .text-danger { color: var(--idt26-accent-1) !important; font-size: 12px; margin-top: 4px; } .idt26-project-card-body .help-block { display: block; color: var(--idt26-text-muted); font-size: 12px; margin-top: 6px; } .idt26-project-card-body .validation-summary-errors { background: rgba(233, 69, 96, 0.1); border: 1px solid rgba(233, 69, 96, 0.3); border-radius: 6px; padding: 12px 16px; margin-bottom: 20px; color: var(--idt26-accent-1); font-size: 13px; } .idt26-project-card-body .form-check { margin-bottom: 8px; } .idt26-project-card-body .form-check-label { color: var(--idt26-text-secondary); font-size: 14px; font-weight: 400; text-transform: none; letter-spacing: 0; margin-left: 6px; } .idt26-project-card-body .form-check-input { accent-color: var(--idt26-accent-1); } .idt26-project-card-body caption { color: var(--idt26-text-muted); font-size: 13px; caption-side: top; } /* Select2 dark overrides inside project card */ .idt26-project-card-body .select2-container { width: 100% !important; } .idt26-project-card-body .select2-container--classic .select2-selection--single { background-color: rgba(255, 255, 255, 0.06) !important; background-image: none !important; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 6px; height: auto; padding: 6px 10px; } .idt26-project-card-body .select2-container--classic .select2-selection--single .select2-selection__rendered { color: var(--idt26-text-primary); background: transparent !important; font-size: 15px; line-height: 1.5; } .idt26-project-card-body .select2-container--classic .select2-selection--single .select2-selection__arrow { background: transparent !important; background-image: none !important; border-left: 1px solid rgba(255, 255, 255, 0.12); } .idt26-project-card-body .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: var(--idt26-text-secondary) transparent transparent transparent; } /* --- Bootstrap modal base rules (required when Bootstrap CSS is not loaded) --- */ .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { transform: translate(0, -25%); transition: transform 0.3s ease-out; } .modal.in .modal-dialog { transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 30px auto; max-width: 600px; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.in { opacity: 0.5; } /* --- Modal overrides for dark theme --- */ .idt26-project-page .modal-content { background-color: var(--idt26-bg-card); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: var(--idt26-border-radius); color: var(--idt26-text-primary); } .idt26-project-page .modal-header { background: var(--idt26-accent-gradient); border-bottom: none; border-radius: var(--idt26-border-radius) var(--idt26-border-radius) 0 0; padding: 18px 24px; position: relative; text-align: center; } .idt26-project-page .modal-header h4, .idt26-project-page .modal-header h5, .idt26-project-page .modal-header .modal-title { color: #fff; font-weight: 900; font-size: 18px; text-transform: uppercase; letter-spacing: 0.5px; margin: 0; display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; } .idt26-modal-alert-icon { width: 36px; height: 36px; object-fit: contain; flex-shrink: 0; } .idt26-project-page .modal-header .close { color: #fff; opacity: 0.8; text-shadow: none; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); margin: 0; padding: 0; z-index: 1; } .idt26-project-page .modal-header .close:hover { opacity: 1; } .idt26-project-page .modal-body { padding: 24px; color: var(--idt26-text-secondary); font-size: 15px; line-height: 1.6; } .idt26-project-page .modal-body .form-group label { color: var(--idt26-text-secondary); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; } .idt26-project-page .modal-body .form-control { background-color: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 6px; color: var(--idt26-text-primary); padding: 10px 14px; font-size: 15px; } .idt26-project-page .modal-body .form-control:focus { border-color: var(--idt26-accent-1); box-shadow: 0 0 0 3px rgba(233, 69, 96, 0.15); outline: none; } .idt26-project-page .modal-body .help-block { color: var(--idt26-text-muted); font-size: 12px; } .idt26-project-page .modal-footer { border-top: 1px solid rgba(255, 255, 255, 0.06); padding: 16px 24px; } /* --- Section title inside project cards --- */ .idt26-project-section-title { font-size: 16px; font-weight: 700; color: var(--idt26-text-primary); text-transform: uppercase; letter-spacing: 0.05em; margin-top: 20px; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); } /* --- Message card (payment completed, cancelled, etc.) --- */ .idt26-project-message-card { max-width: 600px; margin: 0 auto; background: var(--idt26-bg-card); border-radius: var(--idt26-border-radius); overflow: hidden; box-shadow: var(--idt26-shadow); text-align: center; } .idt26-project-message-card .idt26-project-card-header { padding: 20px 28px; } .idt26-project-message-card .idt26-project-card-body { padding: 36px 32px; } .idt26-project-message-card .idt26-project-message-icon { font-size: 48px; margin-bottom: 16px; } .idt26-project-message-card .idt26-project-message-icon.success { color: #2ecc71; } .idt26-project-message-card .idt26-project-message-icon.error { color: var(--idt26-accent-1); } .idt26-project-message-card h4 { color: var(--idt26-text-primary); font-size: 18px; font-weight: 700; margin-bottom: 16px; } .idt26-project-message-card p { color: var(--idt26-text-secondary); font-size: 15px; line-height: 1.6; margin-bottom: 20px; } .idt26-project-message-card .idt26-project-message-actions { display: flex; flex-direction: column; gap: 10px; max-width: 320px; margin: 0 auto; } /* --- Checkout layout --- */ .idt26-project-checkout-grid { display: grid; grid-template-columns: 1fr; gap: 32px; align-items: start; } @media (min-width: 768px) { .idt26-project-checkout-grid { grid-template-columns: 1fr 2fr; } } .idt26-project-checkout-image { text-align: center; } .idt26-project-checkout-image img { max-height: 200px; border-radius: var(--idt26-border-radius); opacity: 0.9; } /* --- Quantity stepper --- */ .idt26-qty-stepper { display: inline-flex; align-items: center; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 6px; overflow: hidden; background-color: rgba(255, 255, 255, 0.06); } .idt26-qty-stepper button { width: 40px; height: 42px; border: none; background: transparent; color: var(--idt26-text-secondary); font-size: 18px; font-weight: 700; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background var(--idt26-transition), color var(--idt26-transition); } .idt26-qty-stepper button:hover { background: rgba(255, 255, 255, 0.1); color: var(--idt26-text-primary); } .idt26-qty-stepper button:active { background: rgba(233, 69, 96, 0.2); color: var(--idt26-accent-1); } .idt26-qty-stepper input { width: 52px; height: 42px; border: none; border-left: 1px solid rgba(255, 255, 255, 0.12); border-right: 1px solid rgba(255, 255, 255, 0.12); background: transparent; color: var(--idt26-text-primary); font-size: 16px; font-weight: 700; text-align: center; outline: none; -moz-appearance: textfield; } .idt26-qty-stepper input::-webkit-outer-spin-button, .idt26-qty-stepper input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Bank info table */ .idt26-project-bank-table { width: 100%; border-collapse: collapse; margin: 12px 0; } .idt26-project-bank-table td { padding: 8px 12px; vertical-align: top; } .idt26-project-bank-table dt { color: var(--idt26-text-muted); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 2px; } .idt26-project-bank-table dd { color: var(--idt26-text-primary); font-size: 14px; margin: 0; } /* --- Responsive --- */ @media (max-width: 767.98px) { .idt26-project-page { padding: 80px 12px 40px; } .idt26-project-page::before { display: none; } .idt26-project-card-header h2 { font-size: 16px; } .idt26-project-card-body { padding: 20px 16px; } .idt26-project-table thead th { font-size: 11px; padding: 10px 8px; } .idt26-project-table tbody td { font-size: 13px; padding: 12px 8px; } .idt26-project-toolbar { flex-direction: column; align-items: stretch; } .idt26-project-toolbar-right { margin-left: 0; } .idt26-project-detail-table td { display: block; width: 100%; padding: 8px 0; } .idt26-project-detail-table tr { display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.05); padding: 8px 0; } /* Inline form rows stack vertically on mobile */ .idt26-form-row > [class*="col-"] { flex: 0 0 100%; width: 100%; padding-left: 0; padding-right: 0; } } /* --- Inline form rows (Tipo + Duraci�n + P�blico / Pa�s + Estado + Ciudad) --- */ .idt26-form-row { margin-left: 0; margin-right: 0; margin-bottom: 28px; display: flex; flex-wrap: wrap; } .idt26-form-row::before, .idt26-form-row::after { display: none; } .idt26-form-row > [class*="col-"] { padding-left: 8px; padding-right: 8px; float: none; flex: 1 1 0%; min-width: 0; width: auto; } .idt26-form-row > [class*="col-"]:first-child { padding-left: 0; } .idt26-form-row > [class*="col-"]:last-child { padding-right: 0; } .idt26-form-row .form-group { margin-bottom: 0; } .idt26-form-row .control-label { display: block; } /* --- Stacked field group (label above, full-width input) --- */ .idt26-field-group { display: flex; flex-direction: column; gap: 6px; margin-bottom: 28px; } .idt26-field-group .control-label { /* already styled by .idt26-project-card-body .control-label */ margin-bottom: 0; } .idt26-field-input { max-width: 33.333%; } .idt26-field-input--narrow { max-width: 50%; } @media (max-width: 767.98px) { .idt26-field-input, .idt26-field-input--narrow { max-width: 100%; } } /* --- T�cnica + G�nero side-by-side row --- */ .idt26-checks-row { margin-left: 0; margin-right: 0; margin-bottom: 28px; display: flex; flex-wrap: wrap; } .idt26-checks-row::before, .idt26-checks-row::after { display: none; } .idt26-checks-row > [class*="col-"] { float: none; flex: 1 1 0%; min-width: 0; width: auto; } .idt26-checks-panel { padding: 12px 0; } /* Visual separator: right border on the left panel only */ .idt26-checks-panel--left { border-right: 1px solid rgba(255, 255, 255, 0.08); padding-right: 16px; } .idt26-checks-panel:not(.idt26-checks-panel--left) { padding-left: 16px; } /* Checkbox grid: 1 column per panel (both panels sit side-by-side) */ .idt26-checks-grid { display: grid; grid-template-columns: 1fr; row-gap: 6px; margin-top: 10px; } .idt26-check-item { display: flex; align-items: center; gap: 8px; } .idt26-check-input { width: 15px; height: 15px; flex-shrink: 0; accent-color: var(--idt26-accent-1); cursor: pointer; } .idt26-check-label { color: var(--idt26-text-primary); font-size: 13px; font-weight: 400; text-transform: none; letter-spacing: 0; margin: 0; cursor: pointer; line-height: 1.3; } .idt26-checks-panel .control-label small { font-size: 11px; font-weight: 400; text-transform: none; letter-spacing: 0; opacity: 0.75; } @media (max-width: 767.98px) { .idt26-checks-row > [class*="col-"] { width: 100%; padding-left: 0; padding-right: 0; } .idt26-checks-panel--left { border-right: none; border-bottom: 1px solid rgba(255, 255, 255, 0.08); padding-right: 0; padding-bottom: 20px; margin-bottom: 20px; } .idt26-checks-panel:not(.idt26-checks-panel--left) { padding-left: 0; } /* On very small screens collapse to 1 column */ .idt26-checks-grid { grid-template-columns: 1fr; } } /* ========================================================================= Etapa 3 � Descripci�n: textarea restringido y scrollbar personalizada ========================================================================= */ /* restrict resize to vertical only and set a comfortable min-height */ .idt26-textarea { resize: vertical; min-height: 96px; /* approx 4 rows at default line-height */ } /* In side-by-side layout, let textarea fill available height */ .idt26-desc-col .idt26-textarea { flex: 1 1 auto; min-height: 120px; } /* custom scrollbar for webkit browsers */ .idt26-textarea::-webkit-scrollbar { width: 6px; } .idt26-textarea::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.04); border-radius: 3px; } .idt26-textarea::-webkit-scrollbar-thumb { background: var(--idt26-accent-2); border-radius: 3px; } .idt26-textarea::-webkit-scrollbar-thumb:hover { background: var(--idt26-accent-1); } /* Firefox scrollbar */ .idt26-textarea { scrollbar-width: thin; scrollbar-color: var(--idt26-accent-2) rgba(255, 255, 255, 0.04); } @media (max-width: 767.98px) { /* already handled by .idt26-field-input reset */ } /* ========================================================================= Etapa 4 � Campos de adaptaci�n en una sola l�nea ========================================================================= */ .idt26-adaptation-section { margin-bottom: 18px; padding: 14px 16px; border: 1px solid rgba(255, 255, 255, 0.07); border-radius: var(--idt26-border-radius); background: rgba(255, 255, 255, 0.02); } .idt26-adaptation-title { display: block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--idt26-text-muted); margin-bottom: 12px; } .idt26-adaptation-section .idt26-form-row { margin-left: 0; margin-right: 0; } .idt26-adaptation-section .form-group { margin-bottom: 0; } @media (max-width: 767.98px) { .idt26-adaptation-section > .idt26-form-row > [class*="col-"] { flex: 0 0 100%; width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 14px; } .idt26-adaptation-section > .idt26-form-row > [class*="col-"]:last-child { margin-bottom: 0; } } /* ========================================================================= Etapa 5 � Biblia (PDF): bot�n estilizado + textos + estados de upload ========================================================================= */ /* Hide the native file input; the