/* Minification failed. Returning unminified contents.
(1393,22): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(1394,17): run-time error CSS1039: Token not allowed after unary operator: '-font-color'
(1395,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(1396,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height'
(1399,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1400,30): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(1425,23): run-time error CSS1039: Token not allowed after unary operator: '-menu-height'
(1426,22): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(1504,23): run-time error CSS1039: Token not allowed after unary operator: '-menu-height'
(1533,25): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(1556,23): run-time error CSS1039: Token not allowed after unary operator: '-menu-height'
(1567,48): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(1567,64): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(1567,80): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(1573,47): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(1573,63): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(1573,79): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(1594,65): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(1601,133): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(1617,88): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(1622,126): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(1628,278): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(1651,118): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(1657,104): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(1665,257): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(1681,102): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(1714,212): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(1716,232): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(1736,221): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(1740,188): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(1748,29): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(1748,66): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1749,29): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(1750,29): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(1756,157): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(1758,153): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(1758,207): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(1759,90): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(1759,153): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(1759,207): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(1762,158): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(1762,214): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(1780,51): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(1803,62): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(1810,93): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(1824,99): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1827,206): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(1828,91): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(1832,174): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(1835,136): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(1847,151): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(1848,157): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(1850,78): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(1851,63): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(1856,159): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(1856,227): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(1858,158): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(1858,226): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(1858,250): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(1860,124): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(1864,87): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(1864,132): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(1916,24): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(1917,39): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(1968,58): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(1969,35): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(1974,58): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(1975,35): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(1987,34): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(1988,34): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(1990,55): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(1990,97): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(1996,123): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(1997,133): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(2011,96): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(2016,22): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(2018,34): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(2019,60): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(2025,95): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(2031,21): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(2032,36): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(2037,90): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2038,69): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(2053,23): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(2054,36): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(2059,71): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(2079,42): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(2128,116): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2131,220): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(2133,114): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(2135,109): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2164,62): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2167,62): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2170,53): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2172,236): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(2192,88): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(2204,211): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2204,263): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(2205,30): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(2207,84): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(2218,47): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2291,140): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2292,141): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2297,83): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(2318,100): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2321,84): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(2321,135): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(2339,152): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2340,99): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2343,56): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2410,57): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(2411,32): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(2440,122): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(2449,122): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2458,12): run-time error CSS1030: Expected identifier, found '.'
(2458,37): run-time error CSS1031: Expected selector, found ')'
(2458,37): run-time error CSS1025: Expected comma or open brace, found ')'
(2462,12): run-time error CSS1030: Expected identifier, found '.'
(2462,37): run-time error CSS1031: Expected selector, found ')'
(2462,37): run-time error CSS1025: Expected comma or open brace, found ')'
(2470,12): run-time error CSS1030: Expected identifier, found '.'
(2470,37): run-time error CSS1031: Expected selector, found ')'
(2470,37): run-time error CSS1025: Expected comma or open brace, found ')'
(2476,12): run-time error CSS1030: Expected identifier, found '.'
(2476,37): run-time error CSS1031: Expected selector, found ')'
(2476,37): run-time error CSS1025: Expected comma or open brace, found ')'
(2482,12): run-time error CSS1030: Expected identifier, found '.'
(2482,37): run-time error CSS1031: Expected selector, found ')'
(2482,37): run-time error CSS1025: Expected comma or open brace, found ')'
(2487,16): run-time error CSS1030: Expected identifier, found '.'
(2487,41): run-time error CSS1031: Expected selector, found ')'
(2487,41): run-time error CSS1025: Expected comma or open brace, found ')'
(2501,137): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(2530,40): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(2536,126): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(2553,52): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2554,50): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(2560,177): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(2562,111): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(2563,95): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2572,68): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(2574,51): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(2581,154): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(2584,84): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(2591,93): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2655,51): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2670,148): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2699,247): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2699,311): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(2703,165): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(2713,62): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(2722,87): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2723,152): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2730,55): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2731,168): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2747,188): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2747,252): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(2791,206): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2791,273): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(2799,111): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2827,201): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2827,300): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(2846,199): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2846,302): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(2847,43): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2863,74): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2864,158): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2875,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2895,138): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2904,106): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2911,152): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2935,103): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2937,60): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2978,107): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2980,64): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2983,283): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2985,47): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2989,67): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2995,110): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2999,92): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3002,166): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3007,87): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(3012,53): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3020,92): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(3038,57): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3053,51): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3087,196): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3091,73): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3150,136): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3195,258): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3242,179): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3263,50): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3264,108): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(3266,102): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(3266,173): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3269,14): run-time error CSS1030: Expected identifier, found '-'
(3269,14): run-time error CSS1031: Expected selector, found '-'
(3269,14): run-time error CSS1025: Expected comma or open brace, found '-'
(3279,175): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(3279,273): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3286,95): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3297,37): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(3317,125): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3329,131): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3334,83): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(3337,27): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(3338,43): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(3342,97): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3346,94): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(3346,119): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(3346,178): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(3346,268): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3353,88): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3360,121): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3361,158): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(3361,225): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(3361,289): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3367,152): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(3367,268): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(3367,298): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3367,345): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(3375,63): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(3382,39): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(3385,31): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(3385,72): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3389,119): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(3408,179): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(3451,39): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(3481,21): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(3524,177): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3525,225): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3526,118): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3678,65): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(3679,76): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(3851,169): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3855,47): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3890,173): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3894,51): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3905,89): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3952,209): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3973,62): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(3974,72): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(4064,55): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(4065,72): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(4067,67): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(4068,74): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(4150,33): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(4285,73): run-time error CSS1039: Token not allowed after unary operator: '-weight-fa'
(4288,65): run-time error CSS1039: Token not allowed after unary operator: '-weight-fa'
(4289,36): run-time error CSS1039: Token not allowed after unary operator: '-weight-fa'
(4293,35): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(4303,195): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(4305,92): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4314,128): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(4326,44): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4328,158): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(4328,189): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(4335,46): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4337,173): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(4337,204): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(4450,114): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(4450,150): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(4450,202): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(4450,292): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4457,73): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(4474,129): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(4474,165): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(4474,217): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(4474,307): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4475,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4478,73): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(4485,196): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(4495,129): run-time error CSS1039: Token not allowed after unary operator: '-color1-neg'
(4495,205): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(4495,295): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4496,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4499,73): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(4506,145): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(4507,161): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(4507,236): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(4517,129): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(4517,165): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(4517,217): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(4517,307): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4518,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4521,73): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(4529,221): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(4529,296): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(4539,129): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(4539,165): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(4539,217): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(4539,307): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4540,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4543,73): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(4560,129): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(4560,165): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(4560,217): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(4560,307): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4561,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4564,82): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(4593,61): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(4605,38): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(4606,62): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(4613,91): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(4614,78): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(4620,39): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(4621,63): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(4628,92): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(4629,92): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(4630,81): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(4634,37): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin'
(4635,48): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(4636,168): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin'
(4649,110): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(4657,33): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(4658,44): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(4659,154): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(4662,57): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(4702,36): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(4703,47): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(4704,116): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(4718,155): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(4728,46): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(4742,30): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(4803,96): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(4808,93): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(4818,96): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(4827,93): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(4829,101): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin'
(4834,102): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin'
(4836,93): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(4847,94): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(4860,38): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(4861,75): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(4864,39): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(4868,92): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(4873,59): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(4878,62): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(4918,67): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin'
(4921,71): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin'
(4926,165): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(4930,93): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(5030,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5031,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5032,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5033,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5034,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5035,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5036,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5037,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5038,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5039,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5041,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5042,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5043,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5044,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5045,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5046,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5047,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5048,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5049,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5050,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5051,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5052,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5053,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5054,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5055,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5056,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5057,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5058,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5059,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5060,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5061,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5062,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5063,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5064,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5065,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5066,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5067,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5069,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5070,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5071,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5072,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5073,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5074,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5075,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5076,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5077,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5078,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5079,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5080,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5081,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5086,23): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(5087,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5089,30): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(5091,23): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(5094,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5097,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5103,85): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(5111,40): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5112,49): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5166,12): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5167,12): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5168,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5188,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5208,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5215,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5221,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5225,35): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5226,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5244,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5249,12): run-time error CSS1030: Expected identifier, found '.'
(5249,37): run-time error CSS1031: Expected selector, found ')'
(5249,37): run-time error CSS1025: Expected comma or open brace, found ')'
(5253,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5278,25): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(5303,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height'
 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
/* -------------------------------- 
Main Components 
-------------------------------- */
.cd-dropdown-wrapper {
    position: relative;
    display: flex;
}

.no-touch .cd-dropdown-trigger:hover {
}

.cd-dropdown-trigger::before, .cd-dropdown-trigger::after {
    /* this is the arrow inside the dropdown trigger*/
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1px;
    height: 2px;
    width: 9px;
    background: #ffffff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: width 0.3s, -webkit-transform 0.3s;
    -moz-transition: width 0.3s, -moz-transform 0.3s;
    transition: width 0.3s, transform 0.3s;
}

.cd-dropdown-trigger::before {
    right: 22px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cd-dropdown-trigger::after {
    right: 17px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media only screen and (min-width: 769px) {

    .cd-dropdown-trigger.dropdown-is-active {
    }

    .no-touch .cd-dropdown-trigger.dropdown-is-active:hover {
    }

    .cd-dropdown-trigger.dropdown-is-active::before, .cd-dropdown-trigger.dropdown-is-active::after {
        /* transform the arrow into a 'X' */
        width: 14px;
    }

    .cd-dropdown-trigger.dropdown-is-active::before {
        /* transform the arrow into a 'X' */
        -webkit-transform: translateX(5px) rotate(-45deg);
        -moz-transform: translateX(5px) rotate(-45deg);
        -ms-transform: translateX(5px) rotate(-45deg);
        -o-transform: translateX(5px) rotate(-45deg);
        transform: translateX(5px) rotate(-45deg);
    }

    .cd-dropdown-trigger.dropdown-is-active::after {
        /* transform the arrow into a 'X' */
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a {
}

@media only screen and (min-width: 769px) {
    .cd-dropdown h2,
    .cd-dropdown-content a,
    .cd-dropdown-content ul a {
    }
}

@media only screen and (min-width: 769px) {
    .cd-dropdown h2,
    .cd-dropdown-content a,
    .cd-dropdown-content ul a {
    }
}

.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a,
.cd-dropdown-content .cd-divider {
}

.cd-dropdown {
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    color: #333;
    visibility: hidden;
    /* Force Hardware Acceleration */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s;
    -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s;
    transition: transform 0.5s 0s, visibility 0s 0.5s;
}

.cd-dropdown h2 {
    /* dropdown title - mobile version only */
    position: relative;
    z-index: 1;
}

.cd-dropdown .cd-close {
    /* 'X' close icon - mobile version only */
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    height: 50px;
    width: 50px;
    /* image replacement */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    color: transparent;
}

.cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before {
    /* this is the 'X' icon */
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    height: 20px;
    width: 2px;
    background-color: #333;
}

.cd-dropdown .cd-close::after {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.cd-dropdown .cd-close::before {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

.cd-dropdown.dropdown-is-active {
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0s;
    -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0s;
    transition: transform 0.5s 0s, visibility 0s 0s;
}

@media only screen and (min-width: 769px) {
    .cd-dropdown .cd-close {
        top: 5px;
    }
}

@media only screen and (min-width: 769px) {
    .cd-dropdown {
        position: absolute;
        top: calc(100% - 2px);
        /* reset style*/
        height: auto;
        width: auto;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        background-color: #ffffff;
        color: #111433;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        opacity: 0;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);
        -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
        -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
        transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
    }

    .open-to-left .cd-dropdown {
        /* use the .open-to-left class if you want to open the dropdown on the left */
        right: 0;
        left: auto;
    }

    .cd-dropdown h2, .cd-dropdown .cd-close {
        /* on desktop - hide title and 'X' */
        display: none;
    }

    .cd-dropdown.dropdown-is-active {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: opacity 0.3s 0s, visibility 0.3s 0s, -webkit-transform 0.3s 0s;
        -moz-transition: opacity 0.3s 0s, visibility 0.3s 0s, -moz-transform 0.3s 0s;
        transition: opacity 0.3s 0s, visibility 0.3s 0s, transform 0.3s 0s;
    }
}

.cd-dropdown-content, .cd-dropdown-content ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    padding-top: 50px;
}

.cd-dropdown-content a, .cd-dropdown-content ul a {
    display: block;
    /* truncate text with ellipsis if too long */
    overflow: hidden;
}

.cd-dropdown-content li:first-of-type > p, .cd-dropdown-content ul li:first-of-type > p {
    border-top-width: 0;
}

.cd-dropdown-content li:last-of-type > a, .cd-dropdown-content ul li:last-of-type > a {
    border-bottom-width: 1px;
}

.cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider {

}

.cd-dropdown-content .cd-divider + li > p, .cd-dropdown-content ul .cd-divider + li > p {
    border-top-width: 0;
}

.cd-dropdown-content p, .cd-dropdown-content .cd-search, .cd-dropdown-content .cd-divider, .cd-dropdown-content ul a, .cd-dropdown-content ul .cd-search, .cd-dropdown-content ul .cd-divider {
    /* Force Hardware Acceleration */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
}

.cd-dropdown-content.is-hidden, .cd-dropdown-content ul.is-hidden {
    /* push the secondary dropdown items to the right */
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

.cd-dropdown-content.is-hidden > li > p, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > p, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > p, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > p, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
    /* lower down the dropdown items opacity - when secondary dropdown slides in or for dropdown items hidden on the right */
    opacity: 0;
}

.cd-dropdown-content.move-out > li > p, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.move-out > li > p, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
    /* push the dropdown items to the left when secondary dropdown slides in */
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

.dropdown-is-active .cd-dropdown-content, .dropdown-is-active .cd-dropdown-content ul {
    -webkit-overflow-scrolling: touch;
}

@media only screen and (min-width: 769px) {
    .cd-dropdown-content, .cd-dropdown-content ul {
        padding-top: 60px;
    }

    .cd-dropdown-content a, .cd-dropdown-content ul a {
    }
}

@media only screen and (min-width: 769px) {
    .cd-dropdown-content, .cd-dropdown-content ul {
        padding-top: 0;
        overflow: visible;
    }

    .cd-dropdown-content a, .cd-dropdown-content ul a {
    }

    .cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider {
        background-color: transparent;
        color: #b3b3b3;
        border-top: 1px solid #ebebeb;
    }

    .cd-dropdown-content .cd-divider + li > p, .cd-dropdown-content ul .cd-divider + li > p {
        border-top-width: 1px;
    }

    .cd-dropdown-content.is-hidden > li > p, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > p, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > p, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > p, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
        /* reset mobile style */
        opacity: 1;
    }
}

.cd-dropdown-content .see-all a {
    /* different style for the See all links */
    color: #3f8654;
}

.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
    /* items with picture (or icon) and title */
    height: 80px;
    line-height: 80px;
}

.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item h3, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
    /* truncate text with ellipsis if too long */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {
    padding-left: 90px;
}

.cd-dropdown-content .cd-dropdown-gallery img {
    position: absolute;
    display: block;
    height: 40px;
    width: auto;
    left: 20px;
    top: 50%;
    margin-top: -20px;
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
    padding-left: 75px;
    position: relative;
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
    color: #111433;
    /* hide description on small devices */
    display: none;
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {
    /* item icon */
    content: '';
    display: block;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px 40px;
}

@media only screen and (min-width: 769px) {
    .cd-dropdown-content {
        /* reset mobile style */
        position: static;
        height: auto;
        width: 280px;
        display: none;
    }

    .cd-dropdown.dropdown-is-active .cd-dropdown-content {
        display: block;
    }

    .cd-dropdown-content > li:last-of-type a {
        border-bottom: none;
    }

    .no-touch .cd-dropdown-content > li:not(.has-children) a:hover {
    }

    .cd-dropdown-content.move-out > li > p, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider {
        /* reset mobile style */
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    .cd-dropdown-content .cd-secondary-dropdown, .cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        left: 100%;
        height: auto;
        background-color: #ffffff;
        box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);
    }

    .cd-dropdown-content .cd-secondary-dropdown::after, .cd-dropdown-content .cd-dropdown-gallery::after, .cd-dropdown-content .cd-dropdown-icons::after {
        clear: both;
        content: "";
        display: table;
    }

    .open-to-left .cd-dropdown-content .cd-secondary-dropdown, .open-to-left .cd-dropdown-content .cd-dropdown-gallery, .open-to-left .cd-dropdown-content .cd-dropdown-icons {
        /* use the .open-to-left class if you want to open the dropdown on the left */
        left: auto;
        right: 100%;
    }

    .cd-dropdown-content .cd-secondary-dropdown.is-hidden, .cd-dropdown-content .cd-dropdown-gallery.is-hidden, .cd-dropdown-content .cd-dropdown-icons.is-hidden {
        /* reset mobile style */
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .cd-dropdown-content .cd-secondary-dropdown.fade-in, .cd-dropdown-content .cd-dropdown-gallery.fade-in, .cd-dropdown-content .cd-dropdown-icons.fade-in {
        /* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */
        -webkit-animation: cd-fade-in 0.2s;
        -moz-animation: cd-fade-in 0.2s;
        animation: cd-fade-in 0.2s;
    }

    .cd-dropdown-content .cd-secondary-dropdown.fade-out, .cd-dropdown-content .cd-dropdown-gallery.fade-out, .cd-dropdown-content .cd-dropdown-icons.fade-out {
        /* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */
        -webkit-animation: cd-fade-out 0.2s;
        -moz-animation: cd-fade-out 0.2s;
        animation: cd-fade-out 0.2s;
    }

    .cd-dropdown-content .cd-secondary-dropdown > .go-back, .cd-dropdown-content .cd-dropdown-gallery > .go-back, .cd-dropdown-content .cd-dropdown-icons > .go-back {
        display: none;
    }

    .cd-dropdown-content .cd-secondary-dropdown > .see-all, .cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all {
        position: absolute;
        bottom: 20px;
        height: 45px;
        text-align: center;
    }

    .cd-dropdown-content .cd-secondary-dropdown > .see-all a, .cd-dropdown-content .cd-dropdown-gallery > .see-all a, .cd-dropdown-content .cd-dropdown-icons > .see-all a {
        margin: 0;
        height: 100%;
        line-height: 45px;
        background: #ebebeb;
        pointer-events: auto;
        -webkit-transition: color 0.2s, background-color 0.2s;
        -moz-transition: color 0.2s, background-color 0.2s;
        transition: color 0.2s, background-color 0.2s;
    }

    .no-touch .cd-dropdown-content .cd-secondary-dropdown > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-gallery > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-icons > .see-all a:hover {
    }

    .cd-dropdown-content .cd-secondary-dropdown .cd-dropdown-item, .cd-dropdown-content .cd-secondary-dropdown a, .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-gallery a, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons a {
        border: none;
    }

    .cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons {
        padding: 20px 30px 100px;
    }

    .cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all {
        width: calc(100% - 60px);
    }

    .cd-dropdown-content .cd-dropdown-icons > li, .cd-dropdown-content .cd-secondary-dropdown > li {
        width: 100%;
    }

    .cd-dropdown-content .cd-secondary-dropdown {
        overflow: hidden;
    }

    .cd-dropdown-content .cd-secondary-dropdown::before {
        /* this is the separation line in the middle of the .cd-secondary-dropdown element */
        position: absolute;
        content: '';
        top: 290px;
        left: 15px;
        height: 1px;
        width: 520px;
        background-color: #ebebeb;
        display: none;
    }

    .cd-dropdown-content .cd-secondary-dropdown > li > p {
        pointer-events: none;
    }

    .cd-dropdown-content .cd-secondary-dropdown > li > p::after, .cd-dropdown-content .cd-secondary-dropdown > li > p::before {
        /* hide the arrow */
        display: none;
    }

    .cd-dropdown-content .cd-secondary-dropdown.move-out > li > p {
        /* reset mobile style */
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .cd-dropdown-content .cd-secondary-dropdown > li {
    }

    .cd-dropdown-content .cd-secondary-dropdown > li:nth-of-type(2n) {
        border-right-width: 0;
    }

    .cd-dropdown-content .cd-secondary-dropdown > li > ul {
        /* reset mobile style */
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
        position: relative;
        height: auto;
    }

    .cd-dropdown-content .cd-secondary-dropdown > li > ul > .go-back {
        display: none;
    }

    .cd-dropdown-content .cd-secondary-dropdown a {
        /*padding-left: 0;*/
    }

    .no-touch .cd-dropdown-content .cd-secondary-dropdown a:hover {
    }

    .cd-dropdown-content .cd-secondary-dropdown ul {
        overflow: hidden;
        height: auto;
    }

    .cd-dropdown-content .cd-secondary-dropdown .go-back a {
        padding-left: 20px;
        color: transparent;
    }

    .no-touch .cd-dropdown-content .cd-secondary-dropdown .go-back a:hover {
        color: transparent;
    }

    .cd-dropdown-content .cd-secondary-dropdown .go-back a::before, .cd-dropdown-content .cd-secondary-dropdown .go-back a::after {
        left: 0;
    }

    .cd-dropdown-content .cd-secondary-dropdown .see-all {

    }

    .cd-dropdown-content .cd-dropdown-gallery {
        width: 600px;
        padding-bottom: 100px;
    }

    .cd-dropdown-content .cd-dropdown-gallery > li {
        width: 48%;
        float: left;
        margin-right: 4%;
    }

    .cd-dropdown-content .cd-dropdown-gallery > li:nth-of-type(2n) {
        margin-right: 0;
    }

    .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {
        padding: 0;
        height: auto;
        line-height: normal;
        color: #3f8654;
        margin-bottom: 2em;
    }

    .cd-dropdown-content .cd-dropdown-gallery > li:nth-last-of-type(2) a,
    .cd-dropdown-content .cd-dropdown-gallery > li:last-of-type a {
        margin-bottom: 0;
    }

    .cd-dropdown-content .cd-dropdown-gallery img {
        position: static;
        height: auto;
        width: 100%;
        margin: 0 0 0.6em;
    }

    .cd-dropdown-content .cd-dropdown-icons {
        width: 600px;
    }

    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
        height: 80px;
        line-height: 1.2;
        padding: 24px 0 0 85px;
    }

    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item:hover {
    }

    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
        color: #3f8654;
    }

    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
        display: block;
    }

    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {
        left: 25px;
    }

    .cd-dropdown-content > .has-children > ul {
        visibility: hidden;
        min-height: 100%;
        display: none;
    }

    .cd-dropdown-content > .has-children > ul.is-active {
        /* when hover over .cd-dropdown-content items - show subnavigation */
        visibility: visible;
        display: block;
    }

    .cd-dropdown-content > .has-children > .cd-secondary-dropdown.is-active > li > ul {
        /* if .cd-secondary-dropdown is visible - show also subnavigation */
        visibility: visible;
    }

    .cd-dropdown-content > .has-children > p.is-active {
    }

    .cd-dropdown-content > .has-children > p.is-active::before, .cd-dropdown-content > .has-children > p.is-active::after {
        background: #3f8654;
    }

    .open-to-left .cd-dropdown-content > .has-children > p.is-active {
        box-shadow: inset -2px 0 0 #3f8654;
    }
}

@-webkit-keyframes cd-fade-in {
    0% {
        opacity: 0;
        visibility: visible;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}

@-moz-keyframes cd-fade-in {
    0% {
        opacity: 0;
        visibility: visible;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}

@keyframes cd-fade-in {
    0% {
        opacity: 0;
        visibility: visible;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}

@-webkit-keyframes cd-fade-out {
    0% {
        opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        visibility: visible;
    }
}

@-moz-keyframes cd-fade-out {
    0% {
        opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        visibility: visible;
    }
}

@keyframes cd-fade-out {
    0% {
        opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        visibility: visible;
    }
}

.cd-search input[type="search"] {
    width: 100%;
    height: 50px;
    padding: 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-color: #242643;
    color: #ffffff;
    border: none;
    border-radius: 0;
}

.cd-search input[type="search"]::-webkit-input-placeholder {
    color: #ffffff;
}

.cd-search input[type="search"]::-moz-placeholder {
    color: #ffffff;
}

.cd-search input[type="search"]:-moz-placeholder {
    color: #ffffff;
}

.cd-search input[type="search"]:-ms-input-placeholder {
    color: #ffffff;
}

.cd-search input[type="search"]:focus {
    background: #ffffff;
    color: #111433;
    outline: none;
}

.cd-search input[type="search"]:focus::-webkit-input-placeholder {
    color: rgba(17, 20, 51, 0.4);
}

.cd-search input[type="search"]:focus::-moz-placeholder {
    color: rgba(17, 20, 51, 0.4);
}

.cd-search input[type="search"]:focus:-moz-placeholder {
    color: rgba(17, 20, 51, 0.4);
}

.cd-search input[type="search"]:focus:-ms-input-placeholder {
    color: rgba(17, 20, 51, 0.4);
}

@media only screen and (min-width: 769px) {
    .cd-search input[type="search"] {
        background-color: #ebebeb;
    }

    .cd-search input[type="search"]::-webkit-input-placeholder {
        color: #b3b3b3;
    }

    .cd-search input[type="search"]::-moz-placeholder {
        color: #b3b3b3;
    }

    .cd-search input[type="search"]:-moz-placeholder {
        color: #b3b3b3;
    }

    .cd-search input[type="search"]:-ms-input-placeholder {
        color: #b3b3b3;
    }
}

.has-children > p, .go-back a {
    position: relative;
}

.has-children > p::before, .has-children > p::after, .go-back a::before, .go-back a::after {

}

.has-children > p::before, .go-back a::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.has-children > p::after, .go-back a::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media only screen and (min-width: 769px) {
    .has-children > p::before, .has-children > p::after, .go-back a::before, .go-back a::after {
        background: #b3b3b3;
    }
}

.has-children > p {
}

.has-children > p::before, .has-children > p::after {
    /* arrow goes on the right side - children navigation */
    right: 20px;
    -webkit-transform-origin: 9px 50%;
    -moz-transform-origin: 9px 50%;
    -ms-transform-origin: 9px 50%;
    -o-transform-origin: 9px 50%;
    transform-origin: 9px 50%;
}

@media only screen and (min-width: 769px) {
    .open-to-left .cd-dropdown-content > .has-children > p {
        padding-left: 40px;
        padding-right: 20px;
    }

    .open-to-left .cd-dropdown-content > .has-children > p::before, .open-to-left .cd-dropdown-content > .has-children > p::after {
        right: auto;
        left: 20px;
        -webkit-transform-origin: 1px 50%;
        -moz-transform-origin: 1px 50%;
        -ms-transform-origin: 1px 50%;
        -o-transform-origin: 1px 50%;
        transform-origin: 1px 50%;
    }
}

.cd-dropdown-content .go-back a {
    padding-left: 40px;
}

.cd-dropdown-content .go-back a::before, .cd-dropdown-content .go-back a::after {
    /* arrow goes on the left side - go back button */
    left: 20px;
    -webkit-transform-origin: 1px 50%;
    -moz-transform-origin: 1px 50%;
    -ms-transform-origin: 1px 50%;
    -o-transform-origin: 1px 50%;
    transform-origin: 1px 50%;
}

.cd-main-content {
    background-color: #e6e6e6;
    min-height: calc(100vh - 100px);
    padding: 2em 5%;
    line-height: 2;
}

.no-js .cd-dropdown-wrapper:hover .cd-dropdown {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.no-js .cd-dropdown-wrapper .cd-close {
    display: none;
}

.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

*, *:after, *:before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; }

a[href^="tel:"] { color: inherit; text-decoration: inherit; }
html.loading * { cursor: wait; }

html{
    font-family:var(--font1);
    color: var(--font-color);
    font-size: var(--font-size);
    line-height: var(--line-height);
}
body {min-width: 300px;max-width: 100%;overflow-x: hidden;outline: none;}
a { color: var(--primary) }
b, strong{ font-weight: var(--bold1);}

/* overlays */
.overlay { position: fixed; width: 100%; height: 100%; opacity: 0; z-index: 6; left: 0; top: 0; }
.overlay .cart-overlay {}
.overlay .login-overlay {}

/* capas de reemplazo para cookies */
div[data-tpc="rpl"]{background:#f5f5f5;padding:30px;text-align:center;display:flex;align-items:center;justify-content:center;flex:1;font-size:120%;color:#333; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
div[data-tpc="rpl"] span{display:block;padding:16px;border:2px dashed #ccc;}

.fbBox.dvBanner div[data-tpc="rpl"] { display: none; }

/*menu horizontal resultados (RES_FILTRO_subCatsMode) & menu*/
:root {
   
}

nav.menu-horizontal {
    visibility: hidden;
    z-index: 3;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    line-height: var(--menu-height);
    background: var(--menu-bg);
    position: relative;
}

.kh {
    display: flex;
    white-space: nowrap;
    overflow-x: auto;
    max-width: 100%;
    z-index: 3;
    scrollbar-width: none;
}

.kh, .khsub ul, .kh li, .kbsub li {
    list-style: none;
}

.khsub ul ul {
    padding: 0 0 0 8px;
}

.kh::-webkit-scrollbar {
    display: none;
}

.kh > li {
    margin: 0 8px;
    padding: 0 8px;
}

.kh > li.ellipsis > p {
    display: flex;
    align-items: center;
}

.kh > li.ellipsis > p > a {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
}

.kh > li.opened {
    background: rgba(0, 0, 0, 0.05);
}

.kh > li a {
    color: inherit;
    font-size: 16px;
    text-decoration: none;
}

.kh ul, .khsub ul {
    display: none;
    background: #fff;
    padding: 16px;
    white-space: nowrap;

}

.khsub {
    z-index: 10;
    position: absolute;
    left: 0;
    min-width: 100px;
    display: none;
}

.khsub.visible {
    display: block;
}

.khsub > ul {
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
    border-radius: 0 4px 4px 4px;
}

.khsub li {
    line-height: var(--menu-height);
    border-top: 1px solid #eee;
    overflow: hidden;
}

.khsub li:first-child {
    border: 0;
}

.khsub li p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin:0;
}

.khsub > ul p a { color: inherit; text-decoration: none; display: block; width: 100%;  }
.khsub > ul p a:hover {text-decoration: underline; }

.kh .openclose, .khsub .openclose {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    line-height: 100%;
    text-align: center;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.05);
    border-radius: var(--radius1);
    margin-left: 6px;
}

.khsub > ul li.has-children.opened ul { margin: 0 0 12px; background: rgba(0,0,0,0.05); }

.openclose:before { 
    content:"\f0d7";
    font-weight: 900; font-family: "Font Awesome 6 Pro";
}

.opened > p .openclose:before {
    content: "\f0d8"
}

.khsub .visible {
    display: block;
}

.menu-horizontal .arrow {
    color: currentColor;
    cursor: pointer;
    padding: 0 16px;
    line-height: var(--menu-height);
    opacity: 1;
    z-index: 4;
    transition: all 300ms ease;
    position: absolute;
    top: 0;
    bottom: 0;
    font-size: 20px;
}

.menu-horizontal .arrow.arrow-left {
    background: linear-gradient(to right, var(--menu-bg), var(--menu-bg), var(--menu-bg), rgba(255, 255, 255, 0));
    left: 0;
    padding-right: 40px;
}

.menu-horizontal .arrow.arrow-right {
    background: linear-gradient(to left, var(--menu-bg), var(--menu-bg), var(--menu-bg), rgba(255, 255, 255, 0));
    right: 0;
    padding-left: 40px;
}

.menu-horizontal .arrow i {
}


.menu-horizontal .arrow.arrow-left.scroll-0,
.menu-horizontal .arrow.arrow-right.scroll-100 {
    opacity: 0;
    z-index: -1;
}

.kh li.campExpress a:after{ content: "\f2f2"; font-weight: 400; font-family: "Font Awesome 6 Pro"; display: inline-block; color: #333; font-size: 120%; flex-shrink: 0; transform: scale(1.4) rotate(-20deg); opacity: .6; margin-left:8px;}

/*#########################
###### M O D A L E S ######
###########################*/
#msjSuperior { padding: 8px; background-color: #333; color:#fff; }
#msjSuperior .msjSuperiorCont { margin: 0 auto; max-width: var(--max-width); display: flex; align-items: center; justify-content: center;}
#msjSuperior .msjSuperiorCont a{ display: block; width: 100%; color: inherit; text-decoration: none; text-align: center; line-height: 120%; margin-left: 40px;}
#msjSuperior .msjSuperiorCont p{ margin:0;}
#msjSuperior .msjSuperiorCont i { flex-shrink: 0; cursor: pointer; display: flex; width: 40px; height: 40px; align-items: center; justify-content: center; }

.SimpleModal { display: none; justify-content: center; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 10; margin: 0 auto; align-items: center; padding: 8px; }
.SimpleModal .bg { position: absolute; z-index: -1; width: 100%; height: 100%; top: 0; left: 0; background: black; opacity: .8; }
.SimpleModal .wrap { max-height: 92vh; max-width: 1024px; padding: 20px; background: white; text-align: center; border-radius: var(--radius1); box-shadow: 0 0 30px rgba(0,0,0,.5); overflow-y: auto; }
.SimpleModal .wrap.half { max-width: 512px; }
.SimpleModal .wrap img { max-width: 100%; }
.SimpleModal.dialog-modal .dialog { display: flex; align-items: center; justify-content: center; margin: 16px 0; }
.SimpleModal.dialog-modal .icon { font-size: 28px;margin-right: 8px; }
.SimpleModal.dialog-modal .icon-alert {color: orange;}
.SimpleModal.dialog-modal .icon-confirm { color: gray; }
.SimpleModal.dialog-modal .icon-info { color: #2185d0; }
.SimpleModal.dialog-modal .icon-error { color: #d01919; }
.SimpleModal.dialog-modal .icon-loading { color: #ccc; }
.SimpleModal.dialog-modal .dialog .text { align-self: center; }
.SimpleModal .btncnt {  margin-top: 12px; display: flex; justify-content: space-around; flex-wrap: nowrap;}
.SimpleModal .btncnt .btn {margin: 0 8px;padding: 8px 16px;border-radius:  4px;text-decoration:  none; cursor: pointer; }
.SimpleModal .btncnt .btn.btnAceptar { background-color: #333; color: white; }
.SimpleModal .btncnt .btn.btnVolver { background-color: #f5f5f5; color: #333; border: 1px solid rgba(0,0,0,0.1);  padding: 7px 15px;}
.SimpleModal .btncnt .btn.btnVolver:before {content: "\f104"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-right: 8px; font-size: 10px; }
.SimpleModal .content > .title { font-size: 24px; line-height: 28px; font-weight: var(--bold1); margin: 0 0 12px; }
.SimpleModal .title { font-size: 18px; margin: 0 0 8px; }

.SimpleModal .login-register {  }
.SimpleModal .login-register input[type="email"],
.SimpleModal .login-register input[type="password"] {border: 0;background: #fff; border: 2px solid #eee; border-radius: var(--radius1);margin: 0 0 8px;padding: 8px 8px;width: 100%;}

.SimpleModal.LoginRegister-modal .wrap { width: 100%; max-width: 420px; position: relative; padding: 48px 20px 20px;}
.SimpleModal.LoginRegister-modal .btncnt { position: absolute; top: -16px; right: 0; }
.SimpleModal.LoginRegister-modal .btncnt .btn.btnVolver { border-radius: 0 0 4px 4px; }
.SimpleModal.LoginRegister-modal .btncnt .btn.btnVolver:before { display: none; }
.SimpleModal .login-register input[type="button"], .SimpleModal .login-register input[type="submit"], .SimpleModal .anon button, .SimpleModal .login-register #lnkBtnReg{background-color: #333;color: #fff;/* margin-bottom: 8px; */border: 0;padding: 6px 20px;border-radius: var(--radius1);font-size: 14px;line-height: 18px;border: 2px solid #333;text-decoration:  none;display:  inline-block;width:  100%; max-width: 160px; font-weight:  bold; margin: 0; }
.SimpleModal .login-register #lnkBtnReg{ }
.SimpleModal .login-register a{color: inherit;font-size:  14px;line-height:  16px;margin-bottom: 8px;display:  inline-block;}
.SimpleModal .login-register .spnLogError { display: none; color: #d01919; }
.SimpleModal .login-register .usuario-registrado { padding: 12px; background: #fff; margin: 0; border-radius: 8px 8px 0 0; border: 4px solid #e0e0e0; }
.SimpleModal .login-register .usuario-no-registrado {padding: 12px; background: #e0e0e0; margin: 0 0 12px; border-radius: 0 0 8px 8px;}
.SimpleModal .login-register .usuario-no-registrado > p:not(.title) { margin: 0 0 12px; font-size: 14px; line-height: 16px; }
.SimpleModal .anon {padding: 12px;margin: 0;border-radius: 8px;background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(238,238,238,0) 100%);background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,0) 100%);background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(238,238,238,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#00eeeeee',GradientType=0 );}
.SimpleModal .anon p:not(.title) { margin: 0 0 12px; font-size: 14px; line-height: 16px; }

/*CUPONES*/
.SimpleModal.modal-mcd { }
.SimpleModal.modal-mcd .wrap{position: relative;padding: 32px 20px 20px;max-width: 800px;background: transparent;box-shadow: none;}
.SimpleModal.modal-mcd .wrap .content{}
.SimpleModal.modal-mcd .icon-info {margin-right:0; margin-bottom:20px; font-size:40px; display: none;}
.SimpleModal.modal-mcd .btncnt {position: absolute;top: -12px;right: 0;}
.SimpleModal.modal-mcd .btncnt .btn {background-color: rgba(0,0,0,0.5);color: #fff;border: 2px solid;width: 32px;height: 32px;border-radius: 20px;text-transform: uppercase;font-size: 12px;/* line-height: 100%; */padding: 0;display: flex;align-items: center;justify-content: center;}
.SimpleModal.modal-mcd .btncnt .btn span { display: none; }
.SimpleModal.modal-mcd .btncnt .btn:after {content: "\f00d";font-weight: 900;font-family: "Font Awesome 6 Pro";font-size: 16px; }
.SimpleModal.modal-mcd .dvBanner {background: transparent;padding: 0;}
.SimpleModal.modal-mcd .cuponInfoCont {padding: 0;display: flex;}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText {background: #fff;display: flex;align-items:center;width: 50%;/* flex: 1; */padding: 20px;flex-direction: column;justify-content: center;}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText:first-child {width: 100%;min-height: 200px;padding: 20px;}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .nombre{font-size: 24px;line-height: 32px;font-weight: var(--bold1);text-transform: uppercase;}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .nombre a {text-decoration: none; color: inherit;}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .codigo { padding: 4px 8px; border: 1px dashed rgba(0,0,0,0.5); margin-top: 8px; display: inline-block; border-radius: 8px;}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText p:not(.nombre){ max-height: 80px; overflow: hidden;}
.SimpleModal.modal-mcd .cuponInfoCont .img{width: 50%;flex: 1;background: #fff;}
.SimpleModal.modal-mcd .cuponInfoCont img { display: block; }
.SimpleModal.modal-mcd .title {margin-bottom: 20px;font-size: 28px;line-height: 140%;font-weight: var(--bold1);color: #fff;}
.SimpleModal.modal-mcd .dialog {flex-direction:column;}
.SimpleModal.modal-mcd .dialog .text {width:100%}
.SimpleModal.modal-mcd .slideCuponesCont {max-width:100%; position: relative;}
.SimpleModal.modal-mcd .slideCuponesCont .swiper-slide {width: 100% !important;background: transparent;}
/*.SimpleModal.modal-mcd .slideCuponesCont .swiper-container {position: static;}*/
.SimpleModal.modal-mcd .slideCuponesCont .btnInfo { display: none;}
.SimpleModal.modal-mcd .btnPromo { margin-top: 16px;}
.SimpleModal.modal-mcd .btnPromo a {display: inline-flex;/* background-color: #007aff; */color: #fff;padding: 7px 15px;border-radius: 4px;text-decoration: none;border: 2px solid;background-color: rgba(0,0,0,0.5);text-transform: uppercase;font-weight: var(--bold1);align-items: center;}
.SimpleModal.modal-mcd .btnPromo a:after {content: "\f105";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-left: 8px;font-size: 16px; }
.SimpleModal.modal-mcd .swiper-container {padding-bottom: 0;}
.SimpleModal.modal-mcd .swiper-wrapper { align-items: center; }

.SimpleModal.modal-mcd .swiper-button-prev {left: -8px;}
.SimpleModal.modal-mcd .swiper-button-next {right: -8px;}
.SimpleModal.modal-mcd .swiper-button-prev, .SimpleModal.modal-mcd .swiper-button-next {transform: translateY(-50%);color: #fff;font-size: 30px;width: 40px;margin: 0; background:none; display:none;}
.SimpleModal.modal-mcd .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {/* background: rgba(0,0,0,0.5); */border-radius:12px;bottom: 4px;right: initial;height: 20px;left: 50%; margin: 0 auto; line-height:100%;}
.SimpleModal.modal-mcd .swiper-container-horizontal .swiper-pagination-bullet { background: #666; opacity: 1; vertical-align:  bottom; }
.SimpleModal.modal-mcd .swiper-container-horizontal .swiper-pagination-bullet-active {background: #111;opacity: 1;}

.swiper-container-horizontal .swiper-pagination-bullet { vertical-align: bottom; }

.socialShare { display: flex; align-items: center; margin: 0 0 12px; padding: 4px; border-bottom: 1px solid rgba(0,0,0,0.05); justify-content: flex-end; flex-flow: row wrap; }
.socialShare > div > div{margin: 2px 4px;}
.socialShare > span{margin-right: 4px; text-transform: uppercase; font-size: 12px; font-weight: var(--bold1); color: #666;}
.socialShare > div {display: flex;align-items: center}

.socialShare > div > div > a , .socialShare > div > div > span{ display: flex; align-items: center; color: #fff; font: normal 18px/20px Arial; text-decoration:none; padding: 0; height: 20px; border-radius: 3px; opacity: .75; cursor: pointer;}
.socialShare > div > div > a:before{ font-family: "Font Awesome 5 Brands"; }
.socialShare > div > div > span:before { font-family: "Font Awesome 6 Pro"; font-weight: 900; }

.socialShare > div > div > a:hover, .socialShare > div > div > span:hover { opacity: 1; }

.socialShare .sstw{}
.socialShare .sstw a {color: #1da1f2;}
.socialShare .sstw a:before{content:"\f099";}

.socialShare .ssfb{ }
.socialShare .ssfb a { color: #3b5998;}
.socialShare .ssfb a:before{content:"\f09a";}

.socialShare .sswa span{ }
.socialShare .sswa a { color: #25d366;}
.socialShare .sswa a:before{content:"\f232";}

.socialShare .sspi span{ display: block; }
.socialShare .sspi a { color: #bd081c;}
.socialShare .sspi a:before{content:"\f0d2";}

.socialShare .ssgp span{ display: block; }
.socialShare .ssgp a { color: #dd4b39;}
.socialShare .ssgp a:before{content:"\f2b3";}

.socialShare .ssco span { color: #333; position: relative;}
.socialShare .ssco span:before{content:"\f328";}
.socialShare .ssco.copied span { opacity: 1; }
.socialShare .ssco.copied span:before{content:"\f46c"; color: #3c763d;}
.socialShare .ssco.copied span:after { content:"copiado"; position: absolute; top: 100%; right: -8px; background: #DFF0D8; color: #3c763d; padding: 4px 8px; margin-top: 4px; margin-top: 2px; border-radius: var(--radius1); font: normal 10px/12px Arial;}
.socialShare .ssco.not-copied span:before{ color: #a94442;}
.socialShare .ssco.not-copied span:after { content:"no copiado"; position: absolute; top: 50%; left: 100%; transform: translateX(-100%); background: #F2DEDE; color: #a94442; padding: 4px 8px; margin-right: 4px; border-radius: var(--radius1); font: normal 10px/12px Arial;}




/*#########################
##### M E N S A J E S #####
###########################*/
.msgBox {font-size: 90%;line-height: 140%;margin: 4px 0;opacity: .8;padding: 12px 20px;background: #fff9c4;border: 1px solid #e2dca7;border-radius: 4px;display: inline-flex;align-items: flex-start;text-align: left;}
.msgBox:before { content: "\f05a"; font-family: "Font Awesome 6 Pro"; font-weight: 900; margin: 0 8px 0 0; font-size: 18px; line-height: 120%; }
#spnAprtEnvFactCampOblig { text-align: right; font-size: 12px; color: #999; display: block;line-height: 16px; }
.field-validation-error {font-size: 90%;line-height: 140%;margin: 8px 0 0;opacity: .8;padding: 8px 12px;background: #fff6f6;border: 1px solid #e0b4b4;border-radius: 4px;display: inline-flex;align-items: flex-start;text-align: left;margin: 8px 0;color: #912d2b;}
.field-validation-error:before { content: "\f05a"; font-family: "Font Awesome 6 Pro"; font-weight: 900; margin: 0 8px 0 0; font-size: 18px; line-height: 120%; }

.msgBoxTip {font-size: 90%;line-height: 140%;margin: 4px 0;opacity: .8;padding: 12px 20px;background: #e8f5e9;border: 1px solid #c8e6c9;border-radius: 4px;display: inline-flex;align-items: flex-start;text-align: left;}
.msgBoxTip:before {content: "\f0c0";font-family: "Font Awesome 6 Pro";font-weight: 900;margin: 0 12px 0 0;font-size: 30px;line-height: 120%;align-self: center;}

/********
GoToTop
*********/
#goToTop {display: none;position: fixed;bottom: 8px;right: 8px;z-index: 9;width: 40px;height: 40px;cursor: pointer;background: rgba(0,0,0,0.4);justify-content: center;align-items: center;color: white;border-radius: var(--radius1);color: rgba(255,255,255,0.8);}
#goToTop:after {content: "\f106";font-weight: 900;font-family: "Font Awesome 6 Pro";font-size:  28px;}

input[type="text"], input[type="password"] {border: 0;background: #eee;border-radius: 4px;margin: 0 0 8px;padding: 8px 8px;width: 100%;}
input[type="button"] { background: #333; color: #fff; border: 0; padding: 8px 8px; text-decoration: none; display: flex; align-items: center; text-transform: uppercase; font-weight: var(--bold1); justify-content: center; width: 100%; border-radius: 4px; }
input[type="button"].sending-form { opacity: .5; cursor: wait; }

/**********
  COMUNES
**********/

/* TEXTOS */
.title1 { font-weight: var(--bold1); font-size: 32px; color:var(--primary); line-height: 140%; margin: 0 0 20px; }
.title2 { font-weight: var(--bold1); font-size: 26px; line-height: 140%; margin: 0 0 16px; }
.title3 { font-weight: var(--bold1); font-size: 20px; line-height: 140%; margin: 0 0 12px; }

.oculto {display: none;}

.select {position: relative;}
.select select {display: inline-block;width: 100%;padding: 8px 32px 8px 12px;cursor: pointer;border-radius: 4px;outline: 0;background: #fff;border: 1px solid rgba(0,0,0,0.2);line-height: 18px;appearance: none;-webkit-appearance: none;-moz-appearance: none;max-width:  100%;}
.select:after { position: absolute; right: 24px; width: 0; pointer-events: none; top: 50%; transform: translateY(-50%); content: "\f0dc"; font-weight: var(--bold1); font-family: "Font Awesome 6 Pro"; }
#dvVolverGuardar { display: flex; justify-content: space-between; width: 100%;}
.btnIzq {display: inline-flex;align-items: center;text-decoration: none;background: rgba(0,0,0,0.05);color: #333;padding: 12px 16px;border-radius: var(--radius1);text-transform: uppercase;font-weight: var(--bold1);margin-right:  4px;text-align:  center;}
.btnDer {display: inline-flex;align-items: center;text-decoration: none;background: var(--secondary);color: #fff;padding: 12px 16px;border-radius: var(--radius1);text-transform: uppercase;font-weight: var(--bold1);cursor: pointer;border:  0;margin-left:  4px;text-align:  center; align-self: flex-end;}
.btnDer:after {content: "\f105";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-left: 8px;font-size: 16px;}
.btnIzq:before {content: "\f104";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-right: 8px;font-size: 16px;}
.btnDer#spnAceptar { display: inline-flex; align-items: center; text-decoration: none; background: #333; color: #fff; padding: 8px 16px; border-radius: var(--radius1); text-transform: uppercase; font-weight: var(--bold1); }
.btnDer#spnAceptar:before { content: "\f00c"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-right: 8px; }

.btnDer#lnkDatosCompraSiguiente:after { content: "\f105"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-left: 8px; }

.btnDerCont {  display: flex; flex-direction: column;  }
.btnDerCont .btnDer:not(:first-child) { margin-top: 12px;}

.btnDer.disabled { background: #999; color: white; }

/*RECAPTCHA*/
.g-recaptcha {display: none;justify-content: flex-end;margin:  0 0 12px;}
.ddCamposOblig, .liObli{ text-align: right; font-size: 12px; color: #999; display: block; }

/*#########################
####### H E A D E R #######
###########################*/
#google_translate_element { background: -moz-linear-gradient(top, rgba(240,240,240,0) 0%, rgba(240,240,240,1) 100%); background: -webkit-linear-gradient(top, rgba(240,240,240,0) 0%,rgba(240,240,240,1) 100%); background: linear-gradient(to bottom, rgba(240,240,240,0) 0%,rgba(240,240,240,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f0f0', endColorstr='#f0f0f0',GradientType=0 ); }
#google_translate_element > div { max-width: var(--max-width); margin: 0 auto; display: flex; justify-content: flex-end; padding: 4px 8px; }
#google_translate_element .goog-te-gadget-simple { border: 0;border-radius: 4px; box-shadow: 0 -4px 8px rgba(0,0,0,0.05); padding: 2px 0px 2px 4px;}

.iframe { position: relative; padding-bottom: 56.25%; overflow: hidden; }
.iframe > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*Buscador*/
.searchCont{width:100%; max-width:300px;position:relative;}
#search {/* width: 100%; *//* display: block; *//* position: relative; *//* transition: opacity 500ms linear; *//* opacity: 1; *//* overflow: hidden; *//* transition: opacity 500ms linear; */ display: none; }
#search .close { display: none; font-size: 24px; margin-bottom: 16px; }
#search .close i.far { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; margin-left: auto;}

header .header .headerCont .hcRight { display: flex; justify-content: flex-end; align-items: center; flex-shrink: 0; }
#searchbtn { display: none; }
#searchbtn a { text-decoration: none; display: flex; line-height: 32px; border: 0;  color: currentColor; overflow: hidden; align-items: center; }
#searchbtn a i { font-size: 20px; width: 32px;height: 32px;  text-align: center; display: inline-flex; justify-content: center; align-items: center;   }

.searchCont #search_results {position:  absolute;z-index:3;width:  100%;background: #fefefe; color:#333;box-shadow: 0 4px 8px rgba(0,0,0,0.1);border-radius:  4px;overflow: auto; min-width:300px; font-size:15px;line-height:130%;}
.searchCont #search_results ul {list-style:  none;}
.searchCont #search_results ul li {/* padding: 8px; */}
.searchCont #search_results ul li:not(.liTitle):hover { background-color: rgba(0,0,0,0.05); }
.searchCont #search_results ul li:not(:last-child) { border-bottom: 1px solid #eee; }
.searchCont #search_results ul li.liTitle {font-weight: var(--bold1);border-bottom: 1px solid #ccc;padding: 8px;background-color: rgba(0,0,0,0.03);display: flex;align-items: center;}
.searchCont #search_results ul li.liTitle:before { content: "\f105"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-right: 4px; font-size: 12px; }
.searchCont #search_results ul li.verTodos { text-align: center; background-color: rgba(0,0,0,0.05); padding: 8px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; width: 100%; }
.searchCont #search_results ul li.verTodos a { color: black; }
.searchCont #search_results ul li p { display: flex; flex-direction: row-reverse; }
.searchCont #search_results ul li p a{color: inherit;text-decoration: none;display:  block;padding: 8px;}
.searchCont #search_results ul li p .img{ width: 80px; flex-shrink: 0;}
.searchCont #search_results ul li p .img img{display: block;width: 100%;border-radius: var(--radius-default);}
.searchCont #search_results ul li p .nom {width: 100%;display:  flex;}
.searchCont #search_results ul li p .nom .nomCont{display: flex; max-height: 72px; overflow: hidden; line-height: 25px; align-items: center; position: relative; width: 100%;}
.searchCont #search_results ul li p .nom .nomCont::after { content:""; width: 100%; height: 8px; position: absolute; bottom: 0; left: 0; background: -moz-linear-gradient(top, rgba(246,246,246,0) 0%, rgba(246,246,246,1) 100%);
background: -webkit-linear-gradient(top, rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%);
background: linear-gradient(to bottom, rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
.searchCont #search_results ul li p .nom a {display: flex; max-height: 72px;}




/*MODAL USUARIO*/

#login_box:after {content: "\f0d8";font-weight: 900;font-family: "Font Awesome 6 Pro";color: var(--primary);display: block;position: absolute;bottom: 100%;font-size: 28px;line-height: 16px;right: 32px;}
#login_box input[type="text"], #login_box input[type="email"], #login_box input[type="password"] {border: 0;background: #eee;border-radius: 4px;margin: 0 0 8px;padding: 8px 8px;width: 100%;}
#login_box .spnLogError { display: none; color: #ff1100; }
#login_box #lnkBtnReg, #login_box input[type="submit"], #login_box #btLoginUsu, #login_box #btLogout{border: 0;padding: 6px 16px;border-radius: 4px;font-size: 14px;line-height: 18px;border: 1px solid var(--secondary);text-decoration:  none;display: block;width:  100%;font-weight:  bold;}
#login_box .title {font-size: 18px; line-height: 22px; margin: 0 0 12px;font-weight: var(--bold1);}
#login_box .desc {  margin: 0 0 8px; font-size: 14px; line-height: 18px;}
#login_box .usuario-registrado { padding: 12px; }
#login_box .usuario-registrado a{color: inherit;font-size:  14px;line-height:  16px;margin-top: 8px;display:  block;}
#login_box .usuario-registrado input[type="button"], #login_box .usuario-registrado input[type="submit"], #login_box .usuario-registrado #btLoginUsu {background-color: var(--secondary);color: #fff;}
#login_box .usuario-registrado input[type="button"]:not(:last-child), #login_box .usuario-registrado input[type="submit"]:not(:last-child), #login_box .usuario-registrado #btLoginUsu:not(:last-child) { margin-bottom: 8px; }
#login_box .usuario-no-registrado { padding: 12px; background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(238,238,238,0) 100%); background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,0) 100%); background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(238,238,238,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#00eeeeee',GradientType=0 ); }
#login_box .usuario-no-registrado #lnkBtnReg, #login_box .usuario-no-registrado input[type="submit"], #login_box #btLogout{color: var(--secondary);background-color: #fff;}


/* CARRITO LISTA PRODUCTOS */
#cart .cart-prod-list {display: none;}
#cart .cart-prod-list .hCartProd {position: relative;display: flex;padding: 8px 0;max-width: 100%;overflow: hidden;border-bottom: 1px solid rgba(0,0,0,0.1);margin: 0px;}
#cart .cart-prod-list .hCartProd .hCartProdInfo { display: flex; align-items: center; width: 100%; padding: 4px; overflow: hidden; color: inherit; text-decoration: none; }
#cart .cart-prod-list .hCartProd .hCartProdInfo img {display: block;width: 100%;max-width: 48px;margin: 0 8px 0 0;flex-shrink: 0;}
#cart .cart-prod-list .hCartProd .hCartProdInfo p { overflow: hidden; width: 100%; }
#cart .cart-prod-list .hCartProd .hCartProdInfo p span { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#cart .cart-prod-list .hCartProd .hCartProdInfo p .attachedFiles { min-height: 20px; margin: 2px 0 0; }
#cart .cart-prod-list .hCartProd .hCartProdDelete {padding: 4px 0;text-decoration: none;color: inherit;margin-left: 8px;}
#cart .cart-prod-list .hCartTotal {display: flex;justify-content: space-between;width: 100%;text-transform: uppercase;margin-top: 0;font-weight: var(--bold1);font-size: 14px;line-height: 18px;background: rgba(0,0,0,0.1);padding: 12px;}
#cart .cart-prod-list .hCartTotalSinIva {display: flex;justify-content: space-between;width: 100%;text-transform: uppercase;margin-top: 0;font-weight: var(--bold1);font-size: 12px;line-height: 14px;background: rgba(0,0,0,0.08);padding: 12px; opacity: .8;}
#cart .cart-prod-list .hEnvioGratis { }
#cart .cart-prod-list .hEnvioGratis a {padding: 0px 12px;border-radius: var(--radius-default);display: flex;margin-top: 8px;align-items: center;text-decoration: none;color: #333;/* border: 1px dashed rgba(0,0,0,0.2); */justify-content: center;}
#cart .cart-prod-list .hEnvioGratis a span{ font-weight: var(--bold1); line-height: 120%; }
#cart .cart-prod-list .hEnvioGratis a:before{content:"\f48b";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-right: 8px;font-size: 20px;line-height: 24px;text-align: center;}
#cart .cart-prod-list .hCartButtons { display: flex; margin: 8px 0 0; justify-content: space-between;}
#cart .cart-prod-list .hCartButtons .hOrderLink { width: 60%; }
#cart .cart-prod-list .hCartButtons .hCartLink{text-align: center; width: 39%;}
#cart .cart-prod-list .hCartButtons .hOrderLink a {display: flex;align-items: center;justify-content: center;border: 0;padding: 8px 16px; border-radius: var(--radius1); font-size: 14px;line-height: 18px;background-color: var(--secondary);text-decoration: none;color: #fff;font-weight:  bold;}
#cart .cart-prod-list .hCartButtons .hOrderLink a:after {content: "\f105";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-left: 4px;font-size: 12px;padding-top: 2px;line-height: 12px;}
#cart .cart-prod-list .hCartButtons .hCartLink a {display: flex;align-items: center;justify-content: center;border: 0;padding: 7px 15px; border-radius: var(--radius1); font-size: 14px;line-height: 18px;border: 1px solid var(--secondary);color: var(--secondary);text-decoration: none;font-weight:  bold;}
#cart .cart-prod-list .hCartButtons .hCartLink a:before { content: "\f07a"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-right: 8px; font-size: 12px; line-height: 12px }
#cart .cart-prod-list.cart-empty { padding: 20px;font-size: 18px; line-height: 22px; text-align: center; font-weight: var(--bold1);}

/*Header Menú*/
header .menu {position: relative;z-index: 2; padding-bottom:8px; }
header .menu .menuCont {display: flex;justify-content: space-between; max-width: var(--max-width);margin: 0 auto;font-weight: var(--bold1);}
.mcPrincipal { z-index: 10; }
.mcPrincipal .cd-dropdown-trigger{display: flex;align-items: center;text-decoration: none;padding: 8px 32px 8px 12px;justify-content: space-around;text-transform: uppercase; color:currentColor;}
.mcPrincipal .cd-dropdown-trigger span{padding:0 4px 0 0; letter-spacing:1px;}
.cd-dropdown-trigger::before, .cd-dropdown-trigger::after{background:currentColor;}
.mcPrincipal li {list-style: none;/* display:  flex; */}
.mcPrincipal li p{border-bottom: 1px solid rgba(0,0,0,0.05)}
.mcPrincipal li a { display: block; padding: 12px; text-decoration: none; color: #333;}
.mcPrincipal li.campExpress:first-child a{ border-top: 1px solid #fff; }
.mcPrincipal li.campExpress a { background-color: #eee; display: flex; align-items: center; justify-content: space-between;}
.mcPrincipal li.campExpress:hover:not(.go-back) > p > a{ }
.mcPrincipal li.campExpress:hover:not(.go-back) a:after { color: #333; opacity: .8; }
.mcPrincipal li.campExpress a:after{ content: "\f2f2"; font-weight: 400; font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 8px; color: #333; font-size: 120%; flex-shrink: 0; transform: scale(2.8) rotate(-20deg); opacity: .6; margin-left: 12px;}
.mcPrincipal li:hover:not(.go-back) > p > a,
.mcPrincipal li.current-selected { background-color: rgba(0,0,0,0.05); box-shadow: inset 4px 0 0 #666;}
.mcPrincipal > ul > li > ul > li > p > a{ display: none;}
.mcPrincipal ul > li > p { display: flex; margin:0;}
.mcPrincipal ul > li > p.jump { display: none; }
.mcPrincipal ul > li > p > a{ width: 100%;}
.mcPrincipal ul > li > p > span {display: none;flex-shrink: 1;width: 40px;flex-shrink: 0;text-align: center;justify-content: center;align-items: center;background-color: rgba(0,0,0,0.03);cursor: pointer;}
.mcPrincipal ul > li > p > span:after { content:"\f105"; font-weight: 600; font-family: "Font Awesome 6 Pro"; }
.mcPrincipal ul > li.has-children > p > span { display: flex;}
.mcPrincipal ul > li.go-back > p > span { display: flex; width: 40px; flex-shrink: 1; text-align: center; justify-content: center; align-items: center; background-color: rgba(0,0,0,0.03); cursor: pointer;}
.mcPrincipal ul > li.go-back > p > span:after { content:"\f104"; font-weight: 600; font-family: "Font Awesome 6 Pro"; display: block; padding:12px;}
.mcPrincipal ul > li.go-back > p > a { opacity: 0.7 }
.mcPrincipal ul > li .see-all { display: none; }
.mcDestacado { width: 100%; display: flex;}
.mcDestacado ul { display: flex; width: 100%; justify-content:flex-end;}
.mcDestacado ul li { display: flex;  margin-left:20px;}
.mcDestacado ul li a {display: flex;align-items: center;padding: 8px 12px;text-decoration: none;text-transform: uppercase; color:currentColor;}
.mcDestacado ul li a:hover { opacity: .8 }
.mcDestacado ul li a span { }


.navTrigger { cursor: pointer; width: 32px; height: 32px; padding: 4px; display: flex; align-items: center; flex-flow: row wrap; align-content: center; justify-content:center;}
.navTrigger i { background-color: currentColor; border-radius: 2px; content: ''; display: block; width: 100%; height: 2px; }
.navTrigger i:nth-child(1) { -webkit-animation: outT 0.5s backwards; animation: outT 0.5s backwards; -webkit-animation-direction: reverse; animation-direction: reverse; }
.navTrigger i:nth-child(2) { margin: 4px 0; -webkit-animation: outM 0.5s backwards; animation: outM 0.5s backwards; -webkit-animation-direction: reverse; animation-direction: reverse; }
.navTrigger i:nth-child(3) { -webkit-animation: outBtm 0.5s backwards; animation: outBtm 0.5s backwards; -webkit-animation-direction: reverse; animation-direction: reverse; }
.navTrigger.active{ color:#333;}
.navTrigger.active i{width:80%;}
.navTrigger.active i:nth-child(1), .dropdown-is-active .navTrigger i:nth-child(1){ -webkit-animation: inT 0.5s forwards; animation: inT 0.5s forwards; }
.navTrigger.active i:nth-child(2), .dropdown-is-active .navTrigger i:nth-child(2) { -webkit-animation: inM 0.5s forwards; animation: inM 0.5s forwards; margin: 3px 0;}
.navTrigger.active i:nth-child(3), .dropdown-is-active .navTrigger i:nth-child(3) { -webkit-animation: inBtm 0.5s forwards; animation: inBtm 0.5s forwards; display:none; }

.menu_mob { display: none;}

/*#########################
###### P O R T A D A ######
###########################*/

#PORT01 { }
#PORT02 {padding: var(--section-margin)  16px;}
#PORT02 .PORT02Cont {  max-width:var(--max-width); margin: 0 auto; display: grid;  grid-template-columns:1fr 1fr 1fr; grid-gap:8px;}
#PORT02 .PORT02Cont > * { position:relative; margin:0;}
 @media screen and (min-width: 1024px) {
    #PORT02 .PORT02Cont > *:not(:first-child):not(:nth-child(3n+1)):before{
        content: "";
        height: 60%;
        width: 1px;
        position: absolute;
        left: -4px;
        top: 0;
        bottom: 0;
        margin: auto;
        background: #e5e5e5;
    }
}
 @media screen and  (min-width: 641px) and (max-width: 1023px)  {
    #PORT02 .PORT02Cont > *:not(:first-child):not(:nth-child(2n+1)):before{
        content: "";
        height: 60%;
        width: 1px;
        position: absolute;
        left: -4px;
        top: 0;
        bottom: 0;
        margin: auto;
        background: #e5e5e5;
    }
 }
 @media screen and (max-width: 640px) {
    #PORT02 .PORT02Cont > *:not(:last-child):before{
        content: "";
        display:block;
        height: 1px;
        width: 70%;
        position: absolute;
        left: 0!important;
        top:inherit!important;
        right:0;
        bottom: -8px!important;
        margin: auto;
        background: #e5e5e5;
    }
}

#PORT01  .title2,
.panel__desc--skin1[data-items="1"] .boxItem .bicTitle { font-size: 32px; line-height: 140%;  }

/*#########################
###### C A J O N E S ######
###########################*/
/* CAJA SEO */
.seo1 {text-align: center;background: #fff;padding: var(--section-margin) 16px;}
.seo1 .seo1Cont { max-width: var(--max-width); margin: 0 auto;}
.seo1 .seo1Cont .title1 { }
.seo1 .seo1Cont p:not(:last-child) { margin: 0 0 12px; }

/*CAJA VIDEO*/
.seo2 {text-align: center;background: #fff;padding: var(--section-margin) 16px;}
.seo2 .seo2Cont { max-width: var(--max-width); margin: 0 auto;  }
.seo2 .seo2Cont .title1 { }
.seo2 .seo2Cont p:not(:last-child) { margin: 0 0 12px; }
.seo2 .seo2Cont iframe { display: block; border: 0; width: 100%; }
.iframeCont { position: relative; padding-bottom: 56.25%; overflow: hidden; }
.iframeCont > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

/* BOX SIN LINK */
.boxItem a[href^="#"] {cursor:default;}

/*BOX 2: */
.box2 { padding: 20px 16px 0; background: #fff; }
.box2 .boxCont { max-width: var(--max-width); margin: 0 auto; }
.box2 .boxCont { max-width: var(--max-width); margin: 0 auto; }
.box2 .boxCont > div > div{ display: flex; justify-content: space-between; }
    .box2 .boxCont .boxItem { width: calc(50% - (var(--mosaico-margin)/2)); margin-bottom: var(--mosaico-margin); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; display: none; }
.box2 .boxCont .boxItem:first-child, .box2 .boxCont .boxItem:nth-child(2){ display: block; }
.box2 .boxCont .boxItem > div { padding-bottom: 75%; width: 100%; display: flex; }
.box2 .boxCont .boxItem a { display: block; width: 100%; text-decoration: none; color: inherit; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; position: absolute; top: 0; left: 0; height: 100%; }
.box2 .boxCont .boxItem .boxItemImg { display: none; }
.box2 .boxCont .boxItem .boxItemImg img { display: block; width: 100%; }
.box2 .boxCont .boxItem .boxItemCont { background: rgba(255,255,255,0.8); padding: 4px; margin: 12px; border-radius: var(--radius-default); }
.box2 .boxCont .boxItem .bicTitle { margin: 0; border: 1px solid; padding: 4px 40px; text-transform: uppercase; border-radius: var(--radius-default); }
.box2 .boxCont .boxItem .bicDesc { display: none; }
.box2 .boxCont .boxItem .bicBtn { display: none; }
.box2 .boxCont .boxItem .bicBtn span { }
.box2 .boxCont .swiper-button-next, .box2 .boxCont .swiper-button-prev, .box2 .boxCont .swiper-pagination { display: none; }

.box3a { padding: 0 16px 20px; background: #fff; }
.box3a .boxCont { max-width: 1400px; margin: 0 auto; display: flex; overflow-X: auto; }
.box3a .boxCont .boxItem { width: 33.3333%; background-size: cover; background-position: center; background-repeat: no-repeat; border: 4px solid #FFF; position: relative; flex-shrink: 0; }
.box3a .boxCont .boxItem > div { padding-bottom: 75%; display: flex; }
.box3a .boxCont .boxItem a { display: block; width: 100%; text-decoration: none; color: inherit; display: flex; align-items: flex-end; justify-content: center; text-align: center; position: absolute; top: 0; left: 0; height: 100%; }
.box3a .boxCont .boxItem .boxItemImg { display: none; }
.box3a .boxCont .boxItem .boxItemImg img { display: block; width: 100%; }
.box3a .boxCont .boxItem .boxItemCont { background: rgba(0,0,0,0.5); padding: 8px; width: 100%; }
.box3a .boxCont .boxItem .bicTitle { margin: 0; text-transform: uppercase; border-radius: var(--radius-default); color: #fff; }
.box3a .boxCont .boxItem .bicDesc { display: none; }
.box3a .boxCont .boxItem .bicBtn { display: none; }
.box3a .boxCont .boxItem .bicBtn span { }

.box3 {padding: var(--section-margin)  16px ;background: #fff;}
.box3 .swiper-container { width: 100%; }
.box3 .boxCont { max-width: var(--max-width); margin: 0 auto; display: flex; overflow-X: auto; }
.box3 .boxCont .boxItem { width: calc((1/3 * 100%) - (var(--mosaico-margin)*(2/3))); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; flex-shrink: 0; }
.box3 .boxCont .boxItem > div { padding-bottom: 75%; display: flex; }
.box3 .boxCont .boxItem a { display: block; width: 100%; text-decoration: none; color: inherit; display: flex; align-items: flex-end; justify-content: center; position: absolute; top: 0; left: 0; height: 100%; }
.box3 .boxCont .boxItem .boxItemImg { display: none; }
.box3 .boxCont .boxItem .boxItemImg img { display: block; width: 100%; }
.box3 .boxCont .boxItem .boxItemCont { background: rgba(0,0,0,0.5); padding: 8px; width: 100%; }
.box3 .boxCont .boxItem .bicTitle { margin: 0; text-transform: uppercase; border-radius: var(--radius-default); color: #fff; }
.box3 .boxCont .boxItem .bicDesc { display: none; }
.box3 .boxCont .boxItem .bicBtn { display: none; }
.box3 .boxCont .boxItem .bicBtn span { }
.box3 .boxCont .swiper-button-next, .box3 .boxCont .swiper-button-prev, .box3 .boxCont .swiper-pagination { display: none; }

.box4 {padding:var(--section-margin) 16px; }
.box4 .slideCont { max-width: var(--max-width); margin: 0 auto; position: relative; }
.box4 .slideCont .slideInfo {margin: 0 0 20px;text-align: center;padding: 0 16px;}
.box4 .slideCont .slideInfo .title2 { }
.box4 .slideCont .slideInfo p { }
.box4 .slideCont .swiper-container { margin: 0; position: static; }
.box4 > div > p{ text-align:center;font-size: 120%; line-height: 120%; font-weight: var(--bold1); font-style: italic;}
.box4 .swiper-slide { height:auto; width: calc((1/4 * 100%) - (var(--productos-margin) * 3 / 4)); }/*25% - el margen entre items del slide de los 4 que se ven repartido entre los 3 que llevan margen a la derecha*/
/*.box4 .swiper-button-next, .box4 .swiper-button-prev { background: #fff; height: 40px; width: 40px; border-radius: 20px; box-shadow: 0 0 12px rgba(0,0,0,0.4); display: flex; align-items: center; justify-content: center; transition: all 300ms ease;}*/

/*    .box4 .swiper-button-next { right: 4px;}
    .box4 .swiper-button-prev { left: 4px; }
    .box4 .swiper-button-next,
    .box4 .swiper-button-prev { transform: scale(0); }
    .box4 .slideCont:hover .swiper-button-next,
    .box4 .slideCont:hover .swiper-button-prev { transform: scale(1) }


.box4 .swiper-button-next i, .box4 .swiper-button-prev i{line-height: 100%; width: auto;}
    .box4 .swiper-button-next i { padding-left: 2px;}
    .box4 .swiper-button-prev i{padding-right: 2px;}*/

.box6 { padding: var(--section-margin) 16px; }
.box6 .slideCont { max-width: var(--max-width); margin: 0 auto; position: relative; }
.box6 .slideCont .slideInfo { margin: 0 0 20px; text-align: center; padding: 0 20px; }
.box6 .slideCont .slideInfo .title2 { }
.box6 .slideCont .slideInfo p { }
.box6 .slideCont .swiper-container { margin: 0; position: static; }
    .box6 .slideCont .swiper-slide { width: calc((1/6 * 100%) - (var(--productos-margin) * 5 / 6)) }


.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev { background: #fff; height: 38px; width: 38px; border-radius: 20px; box-shadow: 0 0 4px rgba(0,0,0,0.4); display: flex; align-items: center; justify-content: center; transition: all 300ms ease; }
.swiper-container .swiper-button-next { right: 4px; }
.swiper-container .swiper-button-prev { left: 4px; }
.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev { transform: scale(0); }
.swiper-container:hover .swiper-button-next,
.swiper-container:hover .swiper-button-prev { transform: scale(1) }
.swiper-button-next i, .swiper-button-prev i { line-height: 100%; width: auto; }
.swiper-button-next i { padding-left: 2px; }
.swiper-button-prev i { padding-right: 2px; }
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled{ display: none; }

.boxMini { padding: 40px 16px 0; overflow: hidden; background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%); background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%); background: linear-gradient(to bottom, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='f0f0f0', endColorstr='00f0f0f0',GradientType=0 ); }
.boxMiniRel { margin: 0 0 20px; overflow: hidden; }
.boxMini .slideCont,
.boxMiniRel .slideCont { max-width: var(--max-width); margin: 0 auto; position: relative; overflow: hidden;}

.boxMini .slideCont .slideInfo { margin: 0 0 20px; text-align: center; padding: 0 20px; }
.boxMiniRel .slideCont .slideInfo { margin: 0 0 20px; }
    
.boxMini .slideCont .swiper-container,
.boxMiniRel .slideCont .swiper-container {position: static; overflow: visible;}

.boxMini .slideCont .swiper-slide,
.boxMiniRel .slideCont .swiper-slide { width: calc((100% / 6) - (12px * 5 / 6)); }

.boxMini .prodItemImg > a .PIITag,
.boxMiniRel .prodItemImg > a .PIITag { display: none; }


.boxMini .prodItem .prodItemCont,
.boxMiniRel .prodItem .prodItemCont { font-size: 80%; line-height: 100% }


.boxMini .prodItem .prodItemCont .PICTitle,
.boxMiniRel .prodItem .prodItemCont .PICTitle{ font-size: 1em; line-height: 100% }


.boxMini .prodItem .prodItemCont .PICPrice span,
.boxMiniRel .prodItem .prodItemCont .PICPrice span { font-size: 120%; line-height: 100% }

.boxMini .prodItem .prodItemCont .PICVar,
.boxMiniRel .prodItem .prodItemCont .PICVar { font-size: 100%; }


.boxMini .prodItem .prodItemBt .btAddToCart,
.boxMiniRel .prodItem .prodItemBt .btAddToCart { font-size: 12px; line-height: 100%; padding: 8px; }










/*CAJONES PRODUCTOS GENERAL*/
.prodItem {font-weight: normal; font-size: 18px; line-height: 140%; display:flex; flex-direction:column; overflow: hidden; margin: 0 0 12px; }
.prodItem .prodItemImg { position: relative; overflow: hidden; border:1px solid #eee;}
.prodItem .prodItemImg > a { display: block; overflow: hidden; }
.prodItem .prodItemImg > a img {display: block;width: 100%;font-size:  0; padding: 0 !important; opacity: 1 !important;}
.prodItem .prodItemImg > a img:nth-of-type(2) {left:  0;position: absolute;top: 0;/* left: 100%; */opacity: 0 !important;/*transition: opacity 300ms ease, left 0ms ease 300ms; -webkit-transition: opacity 300ms ease, left 0ms ease 300ms;*/transition:  all 300ms ease;padding:  0 !important;}
.prodItem .prodItemImg:hover > a img:nth-of-type(2) {/* left: 0; */opacity: 1 !important;/*transition: opacity 300ms ease, left 0s ease 0ms; -webkit-transition: opacity 300ms ease, left 0s ease 0ms;*/}
.prodItem .prodItemImg .PIITag { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-weight: var(--bold1); font-size: 14px; line-height: 100%; text-transform: uppercase; letter-spacing: 0.5px; }

.prodItem .prodItemImg .PIITag > div { padding: 4px; }
.prodItem .prodItemImg .PIITag .PIITagPorcentaje { width: 40px; height: 40px; border-radius: 100%; display: flex; align-items: center; justify-content: center; position: absolute; top: 4px; right: 4px; background: var(--secondary); color: #fff; }
.prodItem .prodItemImg .PIITag .PIITagPorcentaje span { }
.prodItem .prodItemImg .PIITag .PIITagOferta {position: absolute;bottom: 0;left: 0;background: #fff; color: var(--secondary); box-shadow: inset 0 0 0 1px currentcolor;}
.prodItem .prodItemImg .PIITag .PIITagOferta span { }
.prodItem .prodItemImg .PIITag .PIITagDestacado { position: absolute; bottom: 0; right: 0; background: var(--primary);background-image:linear-gradient(rgba(0,0,0,0.10),rgba(0,0,0,0.10)); color: #fff; }
.prodItem .prodItemImg .PIITag .PIITagDestacado span { }
    .prodItem .prodItemImg .PIITag .PIITagNovedad { position: absolute; top: 0; left: 0; background: #03a9f3; color: #fff; }
.prodItem .prodItemImg .PIITag .PIITagNovedad span { }
.prodItem .prodItemImg .PIITag .PIITagOutlet {position: absolute;top: 0;left: 0;background: #333; color: #fff;}
.prodItem .prodItemImg .PIITag .PIITagNovedad ~ .PIITagOutlet{ top: 24px;}
.prodItem .prodItemImg .PIITag .PIITagOutlet span { }
.prodItem .prodItemImg .PIITag .PIITagAgotado { position: absolute; top: 50%; left: 50%; background: rgba(0,0,0,0.5); padding: 8px 20px; color: #fff; transform: translate(-50%, -50%); box-shadow: 0 0 0 300px rgba(255,255,255,0.2); }
.prodItem .prodItemImg .PIITag .PIITagAgotado span { }
.prodItem .prodItemImg .PIITag .PIITagSoloOnline { position: absolute; bottom: 0; right: 0; background: #666; color: #fff; }
.prodItem .prodItemImg .PIITag .PIITagSoloOnline span { }

.prodItem .prodItemImg .PIITag .PIITagFlash { position: absolute; top: 4px; left: 4px; background: #f8c931; padding: 4px 8px; border-radius: 24px; color: #333; }
/*.prodItem .prodItemImg .PIITag .PIITagFlash { animation: flash 6s linear 2s infinite; }*/
.prodItem .prodItemImg .PIITag .PIITagFlash span { }
.prodItem .prodItemImg .PIITag .PIITagFlash span:before { content: "\f2f2"; font-weight: 400; font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 8px; font-size: 120%; flex-shrink: 0; }

.prodItem.flash .prodItemImg .PIITag .PIITagNovedad{ display: none; }
.prodItem.flash .PICPriceValue:before { content: "\f2f2"; font-weight: 400; font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 8px; font-size: 80%; display: none; }


.prodItem .prodItemCont {padding: 8px 0;flex:1;}
.prodItem .prodItemCont .PICTitle {font-weight: normal; font-size: 14px; line-height: 120%; margin: 0 0 4px;}
.prodItem .prodItemCont .PICTitle a { color: inherit; text-decoration: none; }
.prodItem .prodItemCont .flash .PICPrice { margin: 0 0 4px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.prodItem.flash .prodItemCont .PICPrice{ border: 2px solid #f8c931; background:#fff; display: block; border-radius: 8px; overflow: hidden; padding: 4px 4px 4px 40px; position: relative; margin-bottom: 4px;}
.prodItem.flash .prodItemCont .PICPrice:before{ content: "\f2f2"; font-weight: 400; font-family: "Font Awesome 6 Pro"; display: inline-flex; align-items: center; justify-content: center; font-size: 100%; color: #111; padding: 0 4px; position: absolute; background: #f8c931; left: 0; top: 0; height: 100%;}
.prodItem.flash:not(.flashenvio) .prodItemCont .PICPrice .PICPriceOld { display: block; margin: 0; }
.prodItem.flashenvio .prodItemCont .PICPrice > span:last-child { display: block; font-size: 12px; text-transform: uppercase; }
.prodItem .prodItemCont .PICPrice > span { font-weight: var(--bold1); font-size: 18px; line-height: 120%; }
.prodItem .prodItemCont .PICPrice .PICPriceIva { font-size: 16px; opacity: .8; display: block;}
.prodItem .prodItemCont .PICPrice .PICPriceIva > span { text-transform: uppercase; font-size: 14px; }
.prodItem .prodItemCont .PICPrice .PICPriceValue{color: var(--primary);}
.prodItem .prodItemCont .PICPrice .PICPriceOld {color: inherit;margin-right: 8px;text-decoration: line-through;font-size: 14px; opacity:0.75;}
.prodItem .prodItemCont .PICDesc { margin: 0 0 4px; font-size: 12px; line-height: 120%; display: none; }
.prodItem .prodItemCont .PICVar { font-weight: var(--bold1);opacity: 0.5;font-size:  14px; line-height: 100%;}
.prodItem .prodItemBt{ padding:8px; }
.prodItem .prodItemBt .btAddToCart{display: inline-flex;  align-items: center; justify-content: center; padding: 8px; background-color: #666; text-decoration: none; color: white; font-size: 16px; line-height: 20px; border-radius: var(--radius1);}
.prodItem .prodItemBt .btAddToCart i{margin-right:8px;}



/*CAJONES MARCAS*/
.PorMarcas { text-align: center; font-weight: normal; font-size: 18px; line-height: 140%; padding:1px;}
.PorMarcas .PorMarcasImg { position: relative; overflow: hidden; width: 100%; padding-bottom: 100%; position: relative; background: #fff; border: 1px solid #eee; }
.PorMarcas .PorMarcasImg > a { overflow: hidden; position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 12px;}
.PorMarcas .PorMarcasImg > a img { display: block; max-width: 100%; }
.PorMarcas .PorMarcasCont { padding: 8px; }
.PorMarcas .PorMarcasCont .PMCTitle { font-weight: normal; font-size: 14px; line-height: 120%; margin: 0; }
.PorMarcas .PorMarcasCont .PMCTitle a { color: inherit; text-decoration: none; }
.PorMarcas .PorMarcasCont .PPCDesc { margin: 0 0 4px; display: none; }




/* BANDAS CON Nº DE ELEMENTOS*/
.bndBox3 { padding: 20px 16px; background-color: #fff; }
.bndBox3 .bndBox3Cont { display: flex; justify-content: space-between; max-width: var(--max-width); margin: 0 auto; }
.bndBox3 .bndBox3Cont > div { width: 32%; }

/*NEWSLETTER*/
.news1 { padding: 40px  16px; background:#f5f5f5; text-align: center; }
.news1 .newsCont { }
.news1 .newsCont .title2 { font-size: 32px; line-height: 140%;margin: 0 0 8px; }
.news1 .newsCont .newsDesc { margin: 0 0 12px; font-weight: normal; font-size: 16px; line-height: 140%; }
.news1 .newsCont .newsMail {max-width: 524px; margin: 0 auto; }
.news1 .newsCont .newsMail form { display: flex; justify-content: center;  }
.news1 .newsCont .newsMail form label { width: 100%; }
.news1 .newsCont .newsMail .newsInput {width: 100%;padding: 8px 16px;border: 0;color: #333;border-radius: 4px; border:1px solid #ccc;}
.news1 .newsCont .newsMail .newsBtn {background: #666;color: #fff;border:0;padding: 4px 32px;text-decoration: none;display: flex;margin-left: 6px;align-items: center;text-transform: uppercase;font-weight: var(--bold1);justify-content: center;border-radius: var(--radius1);}
#PORT01 .news1{ padding:var(--section-margin);  background:none;}
#PORT01 .news1:last-child{padding-bottom:0;}
#PORT01 .news1 .newsCont { padding: 32px  16px; background:#f5f5f5; max-width:var(--max-width); margin: 0 auto;}

/*ENVÍO*/
.envio1 {  background-color: #35baf5; color: #fff; justify-content: space-between; }
.envio1:after { content: "\f1d8"; font-weight: 900; font-family: "Font Awesome 6 Pro"; font-size: 60px; margin-left: 12px; display: block; flex-shrink: 0; line-height: 100%; }
.envio1 .envioCont { }
.envio1 .envioContDesc { display: flex; align-items: center; justify-content: space-between; }
.envio1 .envioContLink { font-size: 12px; }
.envio1 .envioContLink a { color: inherit; }

/*SOCIAL*/
.socialBox { padding: 20px; font-weight: var(--bold1); font-size: 20px; line-height: 140%; display: flex; align-items: center; justify-content: center; text-align: center; flex-flow: column-reverse; width: 100%;}
.socialBox .socialCont { }
.socialBox .socialContDesc { display: flex; align-items: center; justify-content: space-between; }
.socialBox .socialUl { margin: 0 0 8px; font-weight: normal; }
.socialBox .socialUl li { display: inline-flex; margin: 2px; border-radius: 40px;}
.socialBox .socialUl a { text-decoration: none; color: #fff; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; margin: 2px;  font-size: 20px; }
.socialBox .socialUl a span span{ display: none; }
.socialBox .socialUl .instagram { background-color: #d10869; padding: 0; }
.socialBox .socialUl .instagram a { color: #fff; }
.socialBox .socialUl .twitter { background-color: #1da1f2; padding: 0; }
.socialBox .socialUl .twitter a { color: #fff; }
.socialBox .socialUl .facebook { background-color: #3b5998; padding: 0; }
.socialBox .socialUl .facebook a { color: #fff; }
.socialBox .socialUl .whatsapp { background-color: #128c7e; }
.socialBox .socialUl .whatsapp a { color: #fff; }
.socialBox .socialUl .socialBox .socialUl.socialBox .socialUl.phone { background-color: #666; }
.socialBox .socialUl .phone a { color: #fff; }

/* Social fixed*/
.socialBox--fixed{    position: fixed;bottom: 60px; right: 4px; padding:0; width: auto;z-index:3;}
.socialBox--fixed .socialUl{margin:0;}
.socialBox--fixed .socialUl li{display:block;box-shadow: 2px 2px 3px rgba(0,0,0,0.4);}
.socialBox--fixed .socialUl li:not(:last-child){margin:0 0 4px;}
.socialBox--fixed .socialUl a{ width: 60px; height: 60px; font-size:32px; }

.socialLine { list-style: none; }
.socialLine li {display: inline-block;background: #fff;padding: 0px 12px;min-width: 28px;border-radius: 3px;text-align: center;margin: 2px 0 2px 3px;font-size: 14px; line-height:28px;}
.socialLine li a { text-decoration: none; color: #333; }
.socialLine li a span span { margin-left: 4px;}
.socialLine li a i {font-weight: 900;}
.socialLine .news { }
.socialLine .news a { color: #868686; }
.socialLine .instagram { padding: 0; }
.socialLine .instagram a { color: #d10869; }
.socialLine .instagram a span span { display: none; }
.socialLine .twitter {  padding: 0; }
.socialLine .twitter a { color: #1da1f2; }
.socialLine .twitter a span span { display: none; }
.socialLine .facebook { padding: 0; }
.socialLine .facebook a { color: #3b5998; }
.socialLine .facebook a span span { display: none; }
.socialLine .whatsapp { padding:0; }
.socialLine .whatsapp a { color: #128c7e; }
.socialLine .whatsapp a span span { display: none; }

.socialLine .phone { }
.socialLine .phone a { color: #666; }
.socialLine .mobile a { color: #666; }

.socialLine .twitter a i, .socialLine .facebook a i, .socialLine .instagram a i, .socialLine .whatsapp a i { font-weight: 200; }

/*.langSelector { display: flex; align-items:center;}
.langSelector:not(:first-child) { margin-left: 8px; }
.langSelector:not(:last-child) { margin-right: 8px; }
    .langSelector .select2  { border: 0; text-transform: uppercase; line-height: 28px; height: 28px; background-color: #fff; border-radius: 28px; padding: 0 0 0 4px; border: 4px solid #fff; outline: 0; font-size: 80%; letter-spacing: 1px; }
        .langSelector .select2 :hover { box-shadow: 0 0 4px rgba(0,0,0,.05) }
header .menu .menuCont .menulang { padding: 8px; background-color: #ccc; text-align: right; display: none; margin: 0; }
header .menu .menuCont .menulang .select2 { height: 36px; min-width: 60px;}*/
.langSelector {margin-left: 8px;}
.select2-container { width: 52px !important; text-align: center; text-transform: uppercase; }
.select2-search { display:none; }
.select2-results__option{ font-size: 0; line-height: 0; }
.select2-results__option img {display: block; width: 100%;}
.select2-container .select2-selection--single{ border-color: #ccc; background:#f5f5f5; }
.select2-container .select2-selection--single .select2-selection__rendered {}
.select2-container .select2-selection--single { display: flex; }
.select2-container .select2-selection--single .select2-selection__rendered {  margin: 4px; background-size: contain; background-position: center center; background-repeat: no-repeat; font-size: 0; line-height: 0; }
.select2-container .select2-selection--single .select2-selection__rendered[title="es"] {  background-image: url(../images/languages/es.svg);}
.select2-container .select2-selection--single .select2-selection__rendered[title="en"] {  background-image: url(../images/languages/en.svg);}
.select2-container .select2-selection--single .select2-selection__rendered[title="gl"] {  background-image: url(../images/languages/gl.svg);}

header .menu .menuCont .menulang {display: none;}

.contactBox { display: flex; padding: 20px; justify-content: center; text-align: center; flex-flow: column; width: 100%; font-weight: var(--bold1); font-size: 18px; line-height: 140%; }
.contactBox:after{margin:0 0 8px; order:1;   content: "\f82d"; font-family: "Font Awesome 6 Pro";font-size:40px;font-weight:300; color:var(--primary); line-height:100%;}
.contactBox > div { margin: 0 0 8px; order:2; }
.contactBox > div .title { margin: 0 !important; font-size: 20px; line-height:140%; }
.contactBox > div .desc { font-weight:400; display:none;}
.contactBox .socialUl { margin: 0; text-transform: uppercase; order:3; }
.contactBox .socialUl li { display: inline-flex; margin: 2px; border-radius: var(--radius1);  font-size: 14px; background:#eee;}
.contactBox .socialUl a { text-decoration: none; color: #fff;  display: inline-flex; align-items: center; justify-content: center; margin: 2px; padding: 0 8px;}
.contactBox .socialUl a span span { margin-left: 4px; margin-left: 4px; }
.contactBox .socialUl .instagram { background-color: #d10869; padding: 0; }
.contactBox .socialUl .instagram a { color: #fff; }
.contactBox .socialUl .twitter { background-color: #1da1f2; padding: 0; }
.contactBox .socialUl .twitter a { color: #fff; }
.contactBox .socialUl .facebook { background-color: #3b5998; padding: 0; }
.contactBox .socialUl .facebook a { color: #fff; }
.contactBox .socialUl .whatsapp { background-color: #128c7e; }
.contactBox .socialUl .whatsapp a { color: #fff; }
.contactBox .socialUl .phone { }
.contactBox .socialUl .phone a { color: #333; }
.contactBox .socialUl .mail { }
.contactBox .socialUl .mail a { color: #333; }
.contactBox .socialUl .mobile { }
.contactBox .socialUl .mobile a { color: #333; }


.contactBand {color: #666;display: flex;padding: 20px 8px;justify-content: space-between;width: 100%; font-size: 18px; line-height: 140%;align-items:  center;text-align: left;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.contactBand > div {margin: 0 0 8px;width:  100%;}
.contactBand > div .title { margin: 0 0 8px; font-size: 24px; line-height: 120%; font-weight: var(--bold1); color:#333;}
.contactBand > div .desc { }
.contactBand .socialUl {margin: 0 0 4px;text-transform: uppercase;text-align:  right;flex-shrink:  0;}
.contactBand .socialUl li { display: inline-flex; margin: 2px; border-radius: var(--radius1); font-size: 16px; background-color: var(--secondary); }
.contactBand .socialUl a {text-decoration: none;color: #fff;display: inline-flex;align-items: center;justify-content: center;margin: 2px;padding: 4px 12px;}
.contactBand .socialUl .phone > a{color: #fff;}
.contactBand .socialUl a span span { margin-left: 4px; margin-left: 4px; }


/*CAJON CONTACTO*/
.duda1 { background: #999; color: #fff; }
.duda1 .dudaCont { }
.duda1 .dudaCont .dudaContText { margin: 0 0 8px; }
.duda1 .dudaCont .dudaContText .DCTTitle { font-size: 28px; line-height: 120%; }
.duda1 .dudaCont .dudaContButtons { }
.duda1 .dudaCont .dudaContButtons a { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; color: #999; background-color: white; border-radius: 40px; padding: 8px 16px; font-size: 16px; line-height: 100%; margin: 4px; }
.duda1 .dudaCont .dudaContButtons a i { margin-right: 4px; transform: scaleX(-1) }



/*BANNERS POR DEFECTO*/
.dvBanner{display: flex;align-items: center;justify-content: center; flex-direction:column;color: #333;padding: 20px;font-size: 20px; font-weight:var(--bold1);line-height: 140%;  text-align:center;}
.dvBanner:after { font-weight: 900; font-family: "Font Awesome 6 Pro";font-weight:300; color:var(--primary); font-size: 40px; display: block; flex-shrink: 0; line-height: 100%; text-align: center; width: 68px; text-align: center; order:1; }
.dvBanner:before { margin-right: 20px; }
.dvBanner:after {margin: 0 0 8px;}
.dvBanner .dvBannerCont {width: 100%;font-weight: var(--bold1); order:2; max-width:290px; }
.dvBanner .dvBannerCont a:not(.dvBannerContLink4) { font-size: 14px; color: inherit; line-height: 120%; display: block; margin-top: 8px; color:#666; }
.dvBanner .dvBannerCont .dvBannerContLink4 { color: inherit;}
.dvBanner .dvBannerCont .dvBannerContText4 { text-transform: lowercase;}

/*BANNERS PERSONALIZADOS*/
.secureBox { color: #39b549;}
.secureBox:after { content: "\f2f7";}
.secureBox .dvBannerCont { }
.secureBox .dvBannerCont p:first-child {font-size: 26px;}
.secureBox .dvBannerCont p span { display: inline-block; }
.secureBox .dvBannerCont p span:not(:first-child) { margin-left: 4px;}
.secureBox .dvBannerCont a { }


.dvBannerContLink4 {  }
.envioBox {}
.envioBox:after { content: "\f48b"; font-family: "Font Awesome 6 Pro";}
.envioBox .dvBannerCont { }
.envioBox .dvBannerCont a { }

.dvBanner.envioMini { padding: 12px; justify-content: center; background: #37474f; color: #ffffff; margin: 0 !important; }
.dvBanner.envioMini:before {content: "\f48b";font-family: "Font Awesome 6 Pro";font-size: 20px;width: auto;margin-right: 12px;}
.dvBanner.envioMini .dvBannerCont {width: auto;flex-flow: row wrap;text-transform: uppercase;font-size: 16px;letter-spacing: 2px;line-height: 16px;align-items: center;justify-content: center; text-align: center; }
.dvBanner.envioMini .dvBannerCont a:not(.dvBannerContLink4) {font-size: 12px;line-height: 12px;display: inline-block;margin: 4px;/* opacity: 0.5; */text-transform: lowercase;letter-spacing: 0;}
.dvBanner.envioMini .dvBannerCont .dvBannerContText4 { text-transform: uppercase; }

.dvBanner.fbBox {  font-size: 24px; }
.dvBanner.fbBox:after { content: "\f09a"; font-family: "Font Awesome 5 Brands"; color:#3B5998;}
.dvBanner.fbBox .dvBannerCont .dvBannerCont { }
.dvBanner.fbBox .dvBannerCont a {text-decoration: none;color: inherit;margin: 0;font-size: 20px;}
.dvBanner.fbBox .dvBannerCont a span:last-of-type { display: inline-block; }
.dvBanner.fbBox iframe {height: 20px;margin-top: 12px;max-width: 100%; display:none;}

.dvBanner.twBox {  font-size: 24px; }
.dvBanner.twBox:after { content: "\f099"; font-family: "Font Awesome 5 Brands"; color:#1da1f2;}
.dvBanner.twBox .dvBannerCont { }
.dvBanner.twBox .dvBannerCont a {text-decoration: none;color: inherit;margin: 0; font-size: 20px;}
.dvBanner.twBox .dvBannerCont a span:last-of-type { display: inline-block; }

.dvBanner.instaBox {  font-size: 24px; }
.dvBanner.instaBox:after { content: "\f16d"; font-family: "Font Awesome 5 Brands"; color:#D10869;}
.dvBanner.instaBox .dvBannerCont { }
.dvBanner.instaBox .dvBannerCont a { text-decoration: none; color: inherit; font-size: inherit; margin: 0;font-size: 20px; }
.dvBanner.instaBox .dvBannerCont a span:last-of-type { display: inline-block; }

.dvBanner.urgentBox { }
.dvBanner.urgentBox:after { content: "\f48c";}
.dvBanner.urgentBox .dvBannerCont { }
.dvBanner.urgentBox .dvBannerCont a { }
.dvBanner.urgentBox .dvBannerCont span:last-of-type { font-size: 28px;line-height:120%;margin-left:8px; }

.dvBanner.interBox { }
.dvBanner.interBox:after { content: "\f072";}
.dvBanner.interBox .dvBannerCont .dvBannerCont { }
.dvBanner.interBox .dvBannerCont a { }
.dvBanner.interBox .dvBannerCont span:last-of-type {  word-break: break-all; }

.dvBanner.privateBox {}
.dvBanner.privateBox:after { content: "\f21b";}
.dvBanner.privateBox .dvBannerCont .dvBannerCont { }
.dvBanner.privateBox .dvBannerCont a { }
.dvBanner.privateBox .dvBannerCont p:first-child span:last-of-type { font-size: 28px;line-height:120%; margin-left:8px; }

.defaultBox { padding: 12px; background-color: #eee; }

/*BOX DE FORMULARIO*/
.formBox {/* background-color: #f0f0f0; */padding: var(--section-margin)  16px;background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(240,240,240,0) 100%);background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%);background: linear-gradient(to bottom, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#00f0f0f0',GradientType=0 );}
.formBox > div{max-width: var(--max-width); text-align: center; margin: 0 auto; padding: 20px; box-shadow: 0 -12px 12px rgba(0,0,0,0.05); border-radius: 8px; background-color: #fff; }
.formBox > div > p { margin: 0 0 12px; }
.formBox > div #ulContatoInfo{   }
.formBox > div #ulContatoInfo .dvContatoInfoSup{ display: flex; justify-content: space-between; }
.formBox > div #ulContatoInfo .dvContactoFormLeft { }
.formBox > div #ulContatoInfo .dvContactoFormRight { margin-left: 8px;}
.formBox > div #ulContatoInfo input[type="text"],
.formBox > div #ulContatoInfo input[type="tel"],
.formBox > div #ulContatoInfo input[type="email"],
.formBox > div #ulContatoInfo textarea { padding: 12px; }
.formBox > div #ulContatoInfo .dvContatoInfoSub { }
.formBox > div #ulContatoInfo .dvContatoInfoSub { display: flex; flex-flow: row wrap; justify-content: center;  }
.formBox > div #ulContatoInfo .dvContatoInfoSub #bc_enviar { width: calc(50% - 6px); }

/*MIGAS DE PAN*/
.breadcrumb {margin: 0 0 20px;font-size: 90%;opacity: 0.9;}
.breadcrumb ol{padding: 0 !important; display: flex; flex-flow: row wrap; }
.breadcrumb ol li{list-style: none;display: inline-flex;align-items: center;margin-right: 8px; max-width: 100%;}
.breadcrumb ol li:not(:first-child):before {content: "\f105";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-right: 8px;font-size: 10px;line-height:  10px;}
.breadcrumb ol li > span, .breadcrumb ol li > a{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.breadcrumb ol li a { color: inherit; text-decoration: none; }
.breadcrumb ol li a:hover { text-decoration: underline; }


/***FOOTER***/
footer { background: #333; color: white; }
footer a { color: inherit; text-decoration: none; display:inline-block; }

footer .footerInfo {padding: 30px 16px;}
footer .footerInfo .footerInfoCont { display: flex; justify-content: space-between; flex-flow: row wrap; max-width: var(--max-width); margin: 0 auto; }
footer .footerInfo .footerInfoCont .FICBox:first-of-type { width: 25%;order: 1; }
footer .footerInfo .footerInfoCont .FICBox:nth-of-type(2) { width: 25%; order: 3;}
footer .footerInfo .footerInfoCont .FICBox:last-of-type { width: 40%; order: 5;}
footer .footerInfo .footerInfoCont .vline { width: 1px; background: rgba(255,255,255,0.1); }
footer .footerInfo .footerInfoCont:before, footer .footerInfo .footerInfoCont:after{content:""; border-left: 1px solid rgba(255,255,255,0.1);}
footer .footerInfo .footerInfoCont:before { order: 2; }
footer .footerInfo .footerInfoCont:after { order: 4;}
footer .footerInfo .footerInfoCont .FICBox ul { list-style: none; }
footer .footerInfo .footerInfoCont .FICBox .FICBoxTitle {margin-bottom: 8px;text-transform: uppercase;font-weight:  var(--bold1);font-size:  18px;line-height: 140%;}
footer .footerInfo .footerInfoCont .FICBox .FICBoxList { column-count: 2; }
footer .footerInfo .footerInfoCont .FICBox .FICBoxList li { display: inline-flex; width: 100%; padding: 4px 0; }
footer .footerInfo .footerInfoCont .FICBox .FICBoxList li a:hover { text-decoration: underline; }
footer .footerInfo .footerInfoCont .FICBox .FICBoxList li:before { content: "\f105"; font-weight: 300; font-family: "Font Awesome 6 Pro"; margin-right: 6px; }
footer .footerInfo .footerInfoCont .FICBox .FICBoxPagos { line-height: 0; margin-top:12px;}
footer .footerInfo .footerInfoCont .FICBox .FICBoxPagos li { display: inline-block; margin: 0 4px 4px 0; }
footer .footerInfo .footerInfoCont .FICBox .FICBoxPagos li img { max-width: 60px; display: block;}

footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .FICBox:nth-last-of-type(2) {
    width: 40%;
    order: 5;
}
footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .dvCajaBannerPerso.FICBox {
    all: unset;
    border-top: 1px solid rgba(255,255,255,0.1);
    width: 100%;
    order: 6;
    margin-top: 20px;
    padding-top: 20px;
}
footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .dvCajaBannerPerso.FICBox nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}
footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .dvCajaBannerPerso.FICBox nav a {
    display: inline-flex;
    padding: 8px 16px;
    background: rgba(0,0,0,0.2);
    border-radius: 4px;
}
footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .dvCajaBannerPerso.FICBox nav a:hover {
    background: rgba(0,0,0,0.4);
}

@media screen and (max-width: 768px) {
    footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .FICBox:nth-last-of-type(2) {
        width: 100%;
        margin: 12px 0;
    }
}

/*CATALOGO*/
body.catalog footer .footerInfo .footerInfoCont .FICBox:first-of-type { width: 58%;}
body.catalog footer .footerInfo .footerInfoCont .FICBox:nth-of-type(2) { width: 0;}
body.catalog footer .footerInfo .footerInfoCont .FICBox:last-of-type { width: 38%;}
body.catalog footer .footerInfo .footerInfoCont:after{ display: none; }
body.catalog footer .footerInfo .footerInfoCont .FICBox .FICBoxList { column-count: 1; }

footer .footerEnd {padding: 12px 20px 40px;background-color: rgba(0,0,0,0.1);font-size: 14px;}
footer .footerEnd .footerEndCont { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; max-width: var(--max-width); margin: 0 auto; }
footer .footerEnd .footerEndCont .FECLegal {margin: 0 8px 0 0;}
footer .footerEnd .footerEndCont .FECPaxinas { font: normal 12px/120% Arial; display: flex; align-items: flex-end; margin: 12px 0 12px auto;}
footer .footerEnd .footerEndCont .FECPaxinas a { display: block; color: inherit; font: normal 12px/16px Arial; text-transform: uppercase; opacity: 0.3; background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0)); }



/*CHEKBOX*/
.checkBoxCont { display: flex; align-items: center;}
.checkBoxCont:not(:last-child) { margin-bottom: 12px; }
.checkBoxCont .checkBox {margin: 0 8px 0 0 !important;flex-shrink:  0;}
.checkBox { position: relative; cursor: pointer; line-height: 22px; margin-right: 4px; overflow: hidden; flex-shrink: 0; }
.checkBox input { position: absolute; z-index: 1; opacity: 0; cursor: pointer; width: 100%; height: 100%; top: 0; left: 0; }
.checkBox .control_indicator { top: 1px; left: 0; width: 20px; height: 20px; background: white; border: 1px solid #ccc; border-radius: 4px; text-align: center; line-height: 16px; color: #666; }
.checkBox .control_indicator:after { content: ""; font-weight: 900; font-family: "Font Awesome 6 Pro"; width: 100%; text-align: center; font-size: 14px; display: flex; align-items: center; justify-content: center; height: 18px;}
.checkBox input:disabled ~ .control_indicator:after { border-color: #7b7b7b; }
.checkBox input:checked ~ .control_indicator:after { content: "\f00c"; }
.checkText {display: flex;align-items: flex-start;}
.checkText .checkBox { flex-shrink: 0; margin-right: 4px; }

/*RADIOBUTTON*/
.radiobtn { display: inline-flex; align-items: center; }
.radiobtn input[type="radio"] {opacity: 0;position: absolute;width: 20px;height: 20px;}
.radiobtn > span { display: flex; align-items: center; }
.radiobtn > span:before {content: "";display: inline-block;height: 16px;width: 16px;background: white;border: 2px solid #ccc;border-radius: 100%;text-align: center;line-height: 16px;margin: 0px 5px 0 0;vertical-align: middle;cursor: pointer;flex-shrink: 0;}
.radiobtn input[type="radio"]:checked ~ span:before { background: #666666; background: -moz-radial-gradient(center, ellipse cover, #666666 0%, #666666 40%, #ffffff 50%, #ffffff 100%, #ffffff 100%); background: -webkit-radial-gradient(center, ellipse cover, #666666 0%,#666666 40%,#ffffff 50%,#ffffff 100%,#ffffff 100%); background: radial-gradient(ellipse at center, #666666 0%,#666666 40%,#ffffff 50%,#ffffff 100%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#ffffff',GradientType=1 ); }

/*CONTENEDOR GENÉRICO*/
.generic {padding: 20px 20px 40px;}
.generic .genericCont{ max-width: var(--max-width); margin: 0 auto; }
.genericDesc { align-self: center;}
.genericDesc:not(:last-child) { margin: 0 0 20px;}
.genericDesc .genericDescCont:not(:last-child) { margin: 0 0 20px;}
.genericDesc ul, .genericDesc ol { padding-left: 18px; }
.genericDesc ul:not(:last-child), .genericDesc ol:not(:last-child), .genericDesc p:not(:last-child) { margin: 0 0 12px;}
.genericDesc > span .morelink {font-size: 14px;/* background: rgba(0,0,0,0.05); *//* padding: 4px 8px; */border-radius: var(--radius1);margin-top: 8px;display:  inline-block;}

.generic .genericCont p:not(:last-child){ margin: 0 0 20px;}
.generic .genericCont ul, .generic .genericCont ol {padding-left: 18px;list-style:disc;}
.generic .genericCont ul:not(:last-child), .generic .genericCont ol:not(:last-child) { margin: 0 0 20px; }
.generic .genericCont > ul > li, .generic .genericCont > ol li, .generic .genericCont > div > *:not(.breadcrumb) ol li {margin: 0 0 4px !important;}

/***LISTADO MARCAS***/
.Marcas .genericCont .listadoMarcas { overflow: hidden; }
.Marcas .genericCont .listadoMarcas ul{display: flex;flex-flow: row wrap;margin-left: -8px;width:  calc(100% + 16px);padding:  0;}
.Marcas .genericCont .listadoMarcas ul li{ width: calc(16.6666% - 16px); margin: 0 0 20px; list-style: none; text-align: center; margin: 8px;  padding: 8px; background: #f5f5f5;}
.Marcas .genericCont .listadoMarcas ul li a{ color: inherit; text-decoration: none; }
.Marcas .genericCont .listadoMarcas ul li .listadoMarcasImg { display: flex;position: relative; padding-bottom: 100%; margin: 0 0 8px; background: #fff;}
.Marcas .genericCont .listadoMarcas ul li .listadoMarcasImg img { display: block; max-width: 90%; max-height: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }


/****SLIDE CUPONES****/
.slideCupones {text-align: center;background: var(--primary); background-image:linear-gradient(rgba(255,255,255,0.90),rgba(255,255,255,0.90));font-size: 16px;line-height: 20px;padding: 20px;}
.slideCupones .slideCuponesCont {max-width: var(--max-width);margin: 0 auto;width:  100%;/* display: flex; */}
.slideCupones .slideCuponesCont .switem {padding: 0;}
.slideCupones .slideCuponesCont .slideCuponesInfo {flex-shrink: 0;display: flex;align-items: center;align-content: center;/* padding: 4px 32px; background-color: rgba(0,0,0,0.1); */}
.slideCupones .slideCuponesCont .slideCuponesInfo .title2 {display: block;margin: 0 0 12px;width:  100%;font-size:  20px;}
.slideCupones .slideCuponesCont .slideCuponesInfo .title2:after {content: "\f061";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-left: 12px;display: none;}
.slideCupones .slideCuponesCont .slideCuponesInfo .desc { display: none; }
.slideCupones .slideCuponesCont .sliderCuponesRes {display: flex;justify-content: center;align-items: center;/* padding: 12px 8px; */background-color: #fff;border-radius: var(--radius-default);}
.slideCupones .slideCuponesCont .sliderCuponesRes .swiper-wrapper {display: flex;align-items: inherit;}
.slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo {margin: 0 20px;padding: 8px;border-radius: var(--radius-default);}
.slideCupones .slideCuponesCont .sliderCuponesRes .nombre { display: block; font-weight: var(--bold1); }
.slideCupones .slideCuponesCont .sliderCuponesRes .nombre a{text-decoration:none;}
.slideCupones .slideCuponesCont .sliderCuponesRes .img img{display:block; width:100%;}
.slideCupones .swiper-button-next, .slideCupones .swiper-button-prev {font-size: 18px;}
.slideCupones .slideCuponesCont .sliderCuponesRes .swiper-pagination {bottom: -6px;}
.slideCupones .slideCuponesCont .btnInfo {margin: 8px auto 0;font-size:  14px;}
.slideCupones .slideCuponesCont .btnInfo a{color:#666;}


.slideCupones3 {text-align: center;line-height: 20px;padding: var(--section-margin) 16px; }
.slideCupones3:not(:last-child) { margin: 0; }
.slideCupones3 .slideCuponesCont {max-width: var(--max-width);margin: 0 auto;width:  100%;font-size: 16px;}
.slideCupones3 .slideCuponesCont .switem {}
.slideCupones3 .slideCuponesCont .slideCuponesInfo {flex-shrink: 0;display: flex;align-items: center;align-content: center;/* padding: 4px 32px; *//* background-color: rgba(0,0,0,0.1); */ flex-direction: column;}
.slideCupones3 .slideCuponesCont .slideCuponesInfo .title2 {display: block;/* margin: 0 0 12px; */width:  100%;/* font-size:  24px; */}
.slideCupones3 .slideCuponesCont .slideCuponesInfo .title2:last-child{ margin: 0;}
.slideCupones3 .slideCuponesCont .slideCuponesInfo .title2:after {content: "\f061";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-left: 12px;display: none;}
.slideCupones3 .slideCuponesCont .slideCuponesInfo .desc { }
.slideCupones3 .slideCuponesCont .sliderCuponesRes {display: flex;flex-direction:column;justify-content: center;align-items: center; border-radius: var(--radius-default); padding: 20px 0; }
.slideCupones3 .slideCuponesCont .sliderCuponesRes .switem { width: calc(33.333% - 12px + 4px)}/* 4px es el margen de Swiper */
.slideCupones3 .slideCuponesCont .sliderCuponesRes .swiper-wrapper {display: flex;align-items: inherit;  }
.slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo {border-radius: var(--radius-default);background: #ffffff;flex: 1;display: flex;overflow: hidden; border:1px solid #eee;}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo:before{font-weight: 900;font-family: "Font Awesome 6 Pro";content:"\f295";background: #333;color: #fff;width: 60px;flex-shrink:1;display: flex;justify-content: center;align-items: center;display: none;}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo .cuponInfoCont {width: 100%;text-align: center;/* padding:  8px; */display: flex;flex-direction: row;min-height: 120px;}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo .cuponInfoCont .cuponInfoContText {width: 100%;min-height: 90px;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 8px;}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .img {overflow: hidden;width: 120px;display: flex;/* align-items: center; *//* display: none; */flex-shrink: 0;}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .img a{display: flex;/* align-items: center; */justify-content: center;width: 100%;position: relative;}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .img a img{display: block;width: 100%;height: 100%;object-fit: cover;flex: 1;position: absolute;}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .nombre {display: flex;font-weight: var(--bold1);align-items: center;/* padding: 8px; */width: 100%;justify-content: center;margin: 0 0 8px;}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .nombre a {font-size: 18px;line-height: 22px;color: inherit;text-decoration: none;}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .desc .codigo {background: rgba(0,0,0,0.05);padding: 4px 8px;}
.slideCupones3 .slideCuponesCont .sliderCuponesRes p:not(.nombre):not(.desc){ max-height: 60px; overflow: hidden; position: relative; min-height: 40px}
.slideCupones3 .slideCuponesCont .sliderCuponesRes p:not(.nombre):not(.desc):before { content: ""; width: 100%; height: 16px; position: absolute; bottom: 0; left: 0; z-index: 1; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );}
.slideCupones3 .swiper-button-next, .slideCupones3 .swiper-button-prev {font-size: 16px;}
.slideCupones3 .swiper-button-next { right: 0;  }
.slideCupones3 .swiper-button-prev { left: 0; }
.slideCupones3 .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { transform: none; -webkit-transform: none; }
.slideCupones3 .slideCuponesCont .sliderCuponesRes .swiper-pagination { position: static; margin-top: 12px;}
.slideCupones3 .slideCuponesCont .btnInfo {margin: 8px auto 0;font-size:  14px; display: none; }



.dvBanner.slideCupones {}
.dvBanner.slideCupones .slideCuponesCont {}
.dvBanner.slideCupones .slideCuponesCont .switem {}
.dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo {}
.dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo .title2 {}
.dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo .title2:last-child{ }
.dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo .title2:after {}
.dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo .desc { }
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes {
    padding: 0px 0 12px;
}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .switem {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .swiper-wrapper {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo {
    margin: 0;
}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo:before{}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo .cuponInfoCont {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo .cuponInfoCont .cuponInfoContText {
    padding: 0 12px;
}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .img {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .img a{}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .img a img{
    display: block;
    margin: 0 auto 12px;
    max-height: 200px;
    max-width: 100%;
}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .nombre {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .nombre a {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .desc .codigo {}
.dvBanner.slideCupones .swiper-button-next, .slideCupones3 .swiper-button-prev {}
.dvBanner.slideCupones .swiper-button-next {right: 2px;}
.dvBanner.slideCupones .swiper-button-prev {left: 2px;}
.dvBanner.slideCupones .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { }
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .swiper-pagination {bottom: 0;}
.dvBanner.slideCupones .slideCuponesCont .btnInfo { }


/****FORMAS DE PAGO****/
.generic .genericCont .dvFormasPago { margin-bottom:20px; }
.generic .genericCont .dvFormasPago > ul { list-style: none; padding: 0; }
.generic .genericCont .dvFormasPago > ul > li { margin: 0 0 20px }
.generic .genericCont .dvFormasPago > ul .dvFormasPagoItem {margin: 0 0 8px;padding-top: 20px;border-top: 2px dashed rgba(0,0,0,0.2);}
.generic .genericCont .dvFormasPago > ul .dvFormasPagoItem .dvFormasPagoItemNombre { margin: 0 0 4px;}
.generic .genericCont .dvFormasPago > ul .dvFormasPagoItem .dvFormasPagoItemNombre > span > b {  }
.generic .genericCont .dvFormasPago > ul .dvFormasPagoCards { list-style: none; padding: 0; }
.generic .genericCont .dvFormasPago > ul .dvFormasPagoCards > li { display: inline-block; margin: 2px 4px 2px 0; }
.generic .genericCont .dvFormasPago > ul .dvFormasPagoCards > li img{width:70px;}
#dvAvisoPedMin { display: flex; font-weight: var(--bold1); background: rgba(0,0,0,0.05); border-radius: 4px; padding: 8px 16px}
#dvAvisoPedMin p:last-child{margin:0;}
#dvAvisoPedMin:before { content: "\f05a"; font-weight: 400; font-family: "Font Awesome 6 Pro"; margin-right: 8px; }


/****GASTOS DE ENVÍO****/
.generic .genericCont .dvGastosEnvio { }
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div { margin: 0 0 20px; padding-top: 20px; border-top: 2px dashed rgba(0,0,0,0.2); }
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div > p { margin: 0 0 8px;}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div img { display: block; max-width: 100%; margin: 0 0 8px; }
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvGastosEnvioItemNombre b { font-size: 120% }
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioPrecios { padding: 12px 16px; border-radius: 12px; background: -moz-linear-gradient(top, rgba(240,240,240,0.6) 0%, rgba(240,240,240,1) 100%); background: -webkit-linear-gradient(top, rgba(240,240,240,0.6) 0%,rgba(240,240,240,0) 100%); background: linear-gradient(to bottom, rgba(240,240,240,0.6) 0%,rgba(240,240,240,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#00f0f0f0',GradientType=0 ); }
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioEnv .pEnviosA { margin: 0 0 8px; }
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > div { padding: 8px 0; }
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > ul { padding: 8px 0 8px 16px; }
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > div .spnProv { font-weight: var(--bold1); margin-bottom: 4px; display: block; }
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > div .comboProvincias { padding-left: 12px; margin: 0 0 8px;}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > div > ul { margin-left: 18px; }
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > .ulRecogTiendaEst a{ display: inline-flex;}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > .ulRecogTiendaEst a:after { content: "\f35d"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-left: 4px; font-size: 10px; text-decoration: none;}
.fichaCupones { margin: 20px 0 0; }


/****NEWSLETTER****/
.Newsletter .pTitulo {font-size: 32px;line-height: 34px;opacity:  0.6;}
.Newsletter .pDesc {}
.Newsletter .pDesc > span { display: block; }
.Newsletter #dvNewsletterRegister #dvNewsletterRegisterCont form { display: flex; padding: 20px; border: 4px dashed rgba(0,0,0,0.1); margin: 0 auto 0 0; }
.Newsletter #dvNewsletterRegister #dvNewsletterRegisterCont form > div {  width: 50%; }
.Newsletter #dlNewsletterRegister {padding: 0 8px;margin-left: 20px;}
.Newsletter #dlNewsletterRegister > div > div { margin: 0 0 8px; }
.Newsletter #dlNewsletterRegister > div > div label { display: none; margin: 0 0 4px; }
.Newsletter #dlNewsletterRegister input[type="text"],
.Newsletter #dlNewsletterRegister input[type="email"] {display: block;width: 100%;padding: 8px;border: 0;background: rgba(0,0,0,0.05);border-radius: 4px;}
.Newsletter #dlNewsletterRegister div.dlNewsTac { margin: 0 0 12px; }
.Newsletter #dlNewsletterRegister div.dlNewsTac > div {display: flex;align-items: center;justify-content: center;}
.Newsletter #dlNewsletterRegister div.dlNewsTac div .checkBox { flex-shrink: 0; margin-right: 4px; }
.Newsletter #dlNewsletterRegister div.dlNewsTac .txtTacError {color: #ff1100;display: block;text-align:  center;}
.Newsletter #dlNewsletterRegister .newsletterEnvio {/* display: flex; */}
.Newsletter #dlNewsletterRegister .newsletterEnvio .dlCaptcha {width: 160px;flex-shrink: 0;margin: 0 4px 0 0;}
.Newsletter #dlNewsletterRegister .newsletterEnvio .dvCaptcha .dvOper { display: flex; align-items: center;}
.Newsletter #dlNewsletterRegister .newsletterEnvio .dvCaptcha p { margin: 0;}
.Newsletter #dlNewsletterRegister .newsletterEnvio .dvCaptcha span { display: none; }
.Newsletter #dlNewsletterRegister .newsletterEnvio > div:last-child { width: 100%; }
.Newsletter #dlNewsletterRegister .newsletterEnvio > div:last-child input[type="submit"] {background: #333;color: #fff;border: 0;padding: 8px 8px;text-decoration: none;display: flex;align-items: center;text-transform: uppercase;font-weight: var(--bold1);justify-content: center;width: 100%;border-radius: var(--radius1);}
.Newsletter #dlNewsletterRegister .newsletterEnvio > div .ddCamposOblig { display: none; }
.Newsletter #dlNewsletterRegister .newsletterEnvio > div .pLegal{font-size:80%;line-height:140%;margin:12px 0 0;}
.dvBtnVolver { margin: 12px 0; }
.dvBtnVolver a{ display: inline-flex; align-items: center; text-decoration: none; background: rgba(0,0,0,0.05); color: #333; padding: 8px 16px; border-radius: var(--radius1); }
.dvBtnVolver a:before {content: "\f104";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-right: 8px;font-size: 10px;}


/****PROMOCIONES****/
.generic .dvPromo { background: rgba(0,0,0,0.05); border-left: 8px solid rgba(0,0,0,0.1); display: flex; }
.generic .dvPromo.flash { border-left: 8px solid #f8c931 }
.generic .dvPromo:not(:last-child) { margin: 0 0 20px; }
.generic .dvPromo .img{width: 200px;flex-shrink: 0;display: flex;/* align-items: center; */justify-content: center;}
.generic .dvPromo .img a{display: flex;width: 100%;flex: 1;align-items: flex-start;justify-content: center;/* background: rgba(0,0,0,0.05); */padding: 12px 0 12px 12px;}
.generic .dvPromo .img a img{width: 100%;border-radius: var(--radius-default);display: block;}
.generic .dvPromo .left {padding: 12px;width:  100%;font-size: 14px;line-height: 20px;display: flex;flex-direction: column;justify-content: center;}
.generic .dvPromo .left .dvPromoNombre { margin: 0 0 8px; }
.generic .dvPromo .left a { font-size: 20px; line-height: 24px; }
.generic .dvPromo .right {width: 320px;flex-shrink: 0;background: rgba(0,0,0,0.05);padding: 20px;display:  flex;flex-direction:  column;justify-content: center;}
.generic .dvPromo .right p:not(:last-child) { margin: 0 0 8px;}
.generic .dvPromo .right .code { }
.generic .dvPromo .right .code .sin, .generic .dvPromo .right .code span:first-child {background: white;display:  block;text-align:  center;padding: 8px;border: 2px dashed rgba(0,0,0,0.2);font-size:  20px;line-height:  20px; margin: 0 0 8px;}
.generic .dvPromo .right .code span:last-child:not(:first-child) {display: block;font-size: 14px;line-height: 16px;}
.generic .dvPromo .right p.copy, .generic .dvPromo .right p.nocopy{ font-weight: var(--bold1); }
.generic .dvPromo .right p.of { display: block; text-align: center; background: #333; color: #fff; padding: 8px; border-radius: 4px; font-weight: var(--bold1); }
.generic .dvPromo .right .campExpressDesc { text-align: center; }
.generic .dvPromo .right .campExpressDesc .campExpressDescCont > div { display: block;}


/*PROMO FLASH*/
.generic .dvPromo.flash { }
.generic .dvPromo.flash .right > p{ font-weight: var(--bold1); }
.generic .dvPromo.flash .right > p > span { display: flex; text-align: center; background: #333; color: #fff; padding: 8px 12px; border-radius: 4px; font-weight: var(--bold1); overflow: hidden; margin-top: 8px; justify-content: center;}
.generic .dvPromo.flash .right > p > span:before { content: "\f2f2"; font-weight: 400; font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 8px; color: #fff; font-size: 120%; flex-shrink: 0; transform: scale(2.4) rotate(-20deg); opacity: .6; margin-right: 24px; }

/****CHEQUES****/
.Cheque .pTitulo { font-size: 32px; line-height: 34px; opacity: 0.6; }
.Cheque .pDesc { }
.Cheque .pDesc > span { display: block; }
.Cheque input[type="text"] {display: block;width: 100%;padding: 8px;border: 0;background: rgba(0,0,0,0.05);border-radius: 4px;}
#dvValidarChequeRegalo {border: 4px dashed rgba(0,0,0,0.1);display:  flex;padding: 20px;}
#dvValidarChequeRegalo > div{width:  100%;}
#dvValidarChequeRegalo > form {width:  100%;max-width: 500px;margin-left:  20px;}
.Cheque .validarCheque { }
.Cheque .validarCheque > * { margin:0 0 8px }
.Cheque .validarCheque .dvOper { display: flex; }
.Cheque .validarCheque .dvOper input{ width: 100%}
.Cheque .validarCheque .dvOper img { flex-shrink: 0; }
.Cheque input[type="submit"] {background: #333;color: #fff;border: 0;padding: 8px 20px;text-decoration: none;display: flex;align-items: center;text-transform: uppercase;font-weight: var(--bold1);justify-content: center;width: 100%;border-radius: var(--radius1);}


/****CONTACTO****/
#dvContactoCont { display: flex; }

#dvContactoInfo {width: 100%;}
#dvContactoInfo .ContactoInfo p { margin: 0 0 8px;}
#dvContactoInfo .ContactoInfo { }
#dvContactoInfo .ContactoMapa{margin-top: 20px; position: relative; min-height: 200px; }
#dvContactoInfo .ContactoMapa iframe{display: block;width: 100%;height: 380px;}
.dvContactoForm, #dvContactoPeticionFeita {padding: 0 0 0 20px;border-left: 4px dashed rgba(0,0,0,0.1);max-width: 400px;flex-shrink:  0;margin-left: 20px;display: flex;flex-direction:  column;justify-content:  center;}
.dvContactoForm .spnContactoTitulo { display: block; margin: 0 0 8px;}
.dvContactoForm .spnContactoTitulo a { color: inherit; }
    .dvContactoForm .spnContactoCont span { display: inline-block;}
    #dvContactoResult { background: rgba(0,0,0,0.05); padding: 12px; border-radius: 8px; margin: 8px 0; border: 1px solid rgba(0,0,0,0.1) }
#dvContactoResult b { text-transform: uppercase; font-size: 120%; line-height: 140%; margin: 0 0 8px; display: inline-block;}

#ulContatoInfo { }
#ulContatoInfo .spnContactoTit { display: none; }
#ulContatoInfo .dvContactoFormItem, #ulContatoInfo .dvContactoFormGroup { margin: 0 0 12px; }
#ulContatoInfo input[type="text"], #ulContatoInfo input[type="tel"], #ulContatoInfo input[type="email"], #ulContatoInfo textarea { display: block; width: 100%; padding: 8px; border: 0; background: rgba(0,0,0,0.05); border-radius: 4px; }
#ulContatoInfo textarea { resize: vertical; }
.dvContatoInfoSup {display: block;}
.dvContatoInfoSup .dvContactoFormLeft {width: 100%;margin-right: 4px;}
.dvContatoInfoSup .dvContactoFormLeft .dvContactoFormItem { width: 100%; }
.dvContatoInfoSup .dvContactoFormLeft .dvContactoFormItem input { width: 100%; }
.dvContatoInfoSup .dvContactoFormRight {width: 100%;display:  flex;}
.dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem { width: 100%; display: flex; flex-direction: column; }
.dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo{flex: 1;display:  flex;}
.dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo label { display:  flex; }
.dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo label,
.dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo textarea{width: 100%;/* height: 100%; */}

.dvContatoInfoSub { }
.dvContatoInfoSub .ulContatoInfoSubItem { display: flex; justify-content: space-between; }
.dvContatoInfoSub .ulContatoInfoSubItem .dvContactoInfo:last-child{width: 100%;max-width: 400px;}
.dvContatoInfoSub .tac {display: block;margin: 0 0 12px;}
.dvContatoInfoSub .tac .dvContactoInfo {display: flex;align-items:  center;justify-content: center;line-height: 100%;}
.dvContatoInfoSub .tac .txtTacError { display: none; }
.dvContatoInfoSub .dvCaptcha { width: 160px; flex-shrink: 0; margin: 0 4px 0 0; }
.dvContatoInfoSub .dvCaptcha .dvOper { display: flex; align-items: center; }
.dvContatoInfoSub .dvCaptcha p { margin: 0; }
.dvContatoInfoSub .dvCaptcha .captchaDesc { display: none;}
.dvContatoInfoSub input[type="button"] { background: #333; color: #fff; border: 0; padding: 8px 8px; text-decoration: none; display: flex; align-items: center; text-transform: uppercase; font-weight: var(--bold1); justify-content: center; width: 100%; border-radius: var(--radius1); }
.dvContatoInfoSub .pLegal{font-size:80%;line-height:140%;margin: 4px 0 8px;width:100%; opacity: .7}

/****USUARIOS****/
/*ALTA USUARIOS*/
.usuarios{}
.usuarios #datosFactCiudad,
.usuarios #datosEnvio_ciudad { display: none; }
.usuarios .pDatosGenerales { padding-bottom: 4px; border-bottom: 1px solid rgba(0,0,0,0.1); font-weight: var(--bold1);}
.usuarios .dvDatosGenerales .dlSeleccPartEmpr { margin: 0 0 12px;}
.usuarios .dvDatosGenerales .dlSeleccPartEmpr .radiobtn:nth-of-type(2) { margin-left: 12px; }
.usuarios .dvDatosGenerales .altaCampoTitle {margin: 0 0 4px;}
.usuarios .dvDatosGenerales .altaCampoTitle .spnInfo {opacity: 0.8;font-size: 12px;margin-left: 4px;line-height:  12px;display:  inline-block;}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm {display: flex;justify-content: space-between;border-radius: 8px;}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm > div { display: inline-block;padding: 8px 0;width:  100%;}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm > div input[type=text],
.usuarios .dvDatosGenerales > div input[type=email],
.usuarios .dvDatosGenerales > div input[type=password],
.usuarios .dvDatosGenerales > div select,
.usuarios .dvDatosGenerales > div textarea { display: block; width: 100%; padding: 8px; border: 0; background: rgba(0,0,0,0.05); border-radius: 4px; margin: 0 0 8px; }
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .dvDatosGeneralesFormLeft {margin-right: 20px;}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .dvDatosGeneralesFormRight {border-left: 2px solid rgba(0,0,0,0.05);padding-left: 20px;}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaNombre { }
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaNombreEmpresa { }
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaNombreParticular { }
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect { display: flex; justify-content: space-between; }
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect span {width: 24%;display: block;flex-shrink: 0;}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect span:nth-child(2) { width: 49% }
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha select { padding: 8px; border: 0; border-radius: 4px; background: rgba(0,0,0,0.05); width: 100%;}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaEmail { }
.usuarios .dvDatosGenerales .required { margin: 0 0 12px; text-align: right; font-size: 14px; }
/*EDITAR USUARIOS*/
.usuarios .modNewsTac { margin: 20px 0; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; }
.usuarios .modNewsTac .checkText { margin: 0 0 8px; display: flex; }

.usuarios .dvRegister {  margin-top: 12px; display: flex; justify-content: space-between;}
.usuarios .dvRegister input[type="button"] {background: #333;color: #fff;border: 0;padding: 8px 8px;text-decoration: none;display: flex;align-items: center;text-transform: uppercase;font-weight: var(--bold1);justify-content: center;width: 100%;max-width: 200px;margin-left: 12px;border-radius: var(--radius1);}

.usuarios .altaNewsTac {margin: 12px 0;overflow: hidden;display: flex;flex-direction: column;/* align-items: flex-end; */background-color: rgba(0,0,0,0.05);padding: 12px;margin-left:  calc(50% + 28px);border-radius: 4px;}
.usuarios .altaNewsTac .altaNewsTacCont { }
.usuarios .altaNewsTac .checkText { display: flex; }
.usuarios .altaNewsTac .checkText:not(:last-child) { margin: 0 0 8px; display: flex; }
.envioIgual { margin-bottom: 20px}

/*INICIO USUARIOS*/
.usuarios .dvUserMod { padding: 12px; margin: 0 0 12px; background-color: rgba(0,0,0,0.05); border-radius: 4px; }
.usuarios .dvUserMod:last-child {  margin-bottom: 20px; }
.usuarios .dvUserMod p.pDatos, .usuarios .dvUserMod p.pPedidos { display: flex; align-items: center; margin: 0 0 8px; }
.usuarios .dvUserMod p.pDatos:before, .usuarios .dvUserMod p.pPedidos:before { content: "\f105"; font-weight: 600; font-family: "Font Awesome 6 Pro"; margin-right: 8px; font-size: 12px; color: #666; }
.usuarios .dvUserMod .pDatos a, .usuarios .dvUserMod .pPedidos a { font-size: 18px }

/*RECUPERAR CONTRASEÑA*/
#dvPassRec form {max-width: 540px;padding: 12px;background-color:  rgba(0,0,0,0.02);border-radius: 4px;}
#dvPassRec .dvDesc { margin: 0 0 12px;}
#dvPassRec input[type="email"] { border: 0; background: #eee; border-radius: 4px; margin: 0 0 8px; padding: 8px 8px; width: 100%; }
#dvPassRec input[type="submit"] { background: #333; color: #fff; border: 0; padding: 8px 8px; text-decoration: none; display: flex; align-items: center; text-transform: uppercase; font-weight: var(--bold1); justify-content: center; width: 100%; max-width: 320px; margin-top: 20px; border-radius: var(--radius1); margin-bottom: 4px; }
#dvPassRec .dlUserMail{ font-weight: var(--bold1); margin: 0 0 4px; }
/*LISTA PEDIDOS*/
#dvPedidosListUserCont { }
#dvPedidosListUserCont .dvNoResults { margin: 8px 0 0; padding: 20px; background: #fff9c4; border: 1px solid #e2dca7; border-radius: 4px; display: flex; align-items: flex-start; text-align: left; justify-content: center;}
#dvPedidosListUserCont .dvNoResults:before { content: "\f05a"; font-family: "Font Awesome 6 Pro"; font-weight: 900; margin: 0 8px 0 0; font-size: 18px; line-height: 120%; }
#dvPedidosListUserCont table{ width: 100%; text-align: center; margin: 0 0 40px;}
#dvPedidosListUserCont table th{padding: 8px;background: rgba(0,0,0,0.1);}
#dvPedidosListUserCont table tr:nth-child(2n+1) { background: rgba(0,0,0,0.05) }
#dvPedidosListUserCont table tr td {padding: 8px;}
#dvPedidosListUserCont table tr td:first-child {width: 100px;min-width: 100px;}
#dvPedidosListUserCont table tr td:last-child { width: 120px; min-width: 120px;}
#dvPedidosListUserCont table tr td:last-child a { text-decoration: none; display: flex; align-items: center;}
#dvPedidosListUserCont table tr td:last-child a:after { content: "\f105"; font-weight: 600; font-family: "Font Awesome 6 Pro"; margin-left: 8px; font-size: 12px; }
/*DETALLES PEDIDO*/
.generic .genericCont #dvDetDetPed { margin: 0 0 12px; }
.generic .genericCont #dvDetResumen, .generic .genericCont #dvDetFactEnv, .generic .genericCont #dvDetProdObs { padding: 20px; background: rgba(0,0,0,0.05); margin: 0 0 20px; border-radius: 4px; }
.generic .genericCont #dvDetResumen p span:last-child{ font-weight: var(--bold1); }
.generic .genericCont p.pDetFactEnvEnc, .generic .genericCont p.pDetProdObsEnc, .generic .genericCont p.pDetProdPedEnc { margin: 0 0 12px; font-weight: var(--bold1); }
.generic .genericCont #dvDetFactEnv { display: flex; }
.generic .genericCont #dvDetFactEnv > * { width: 50%; padding: 8px; }
.generic .genericCont #dvDetProdPed { padding: 12px; background: rgba(0,0,0,0.05); margin: 0 0 20px; border-radius: 4px; }
.generic .genericCont #dvDetProdPed table { width: 100%; text-align: center; }
.generic .genericCont #dvDetProdPed table.tblDetProdPedProdsCantImp {border-top: 2px dashed rgba(0,0,0,0.1);margin-bottom:  8px;}
.generic .genericCont #dvDetProdPed table.tblDetProdPedProdsCantImp td, #dvDetProdPed table.tblDetProdPedProdsCantImp th { padding: 8px; }
.generic .genericCont #dvDetProdPed table.tblDetProdPedProdsCantImp th:first-child, #dvDetProdPed table.tblDetProdPedProdsCantImp td:first-child { text-align: left; }
.generic .genericCont #dvDetProdPed table td:last-child { width: 120px; max-width: 120px; min-width: 120px; }
.generic .genericCont #dvDetProdPed table.tblDetProdPedTotales td { padding: 4px 8px; }
.generic .genericCont #dvDetProdPed table.tblDetProdPedTotales td:first-child { text-align: right; }
.generic .genericCont #dvDetProdPed table.tblDetProdPedTotales tr:last-child { font-weight: var(--bold1); }
.generic .genericCont #dvDetPedUserBtns { text-align: center;}
.generic .genericCont #dvDetPedUserBtns p{ display: inline-block; margin: 4px 2px;}
.generic .genericCont #dvDetPedUserBtns a { display: inline-block; padding: 8px 23px; background: rgba(0,0,0,0.8); color: #fff; text-decoration: none; border-radius: 4px; }
.generic .genericCont #dvDetPedUserBtns a:after { content: "\f105"; font-weight: 600; font-family: "Font Awesome 6 Pro"; margin-left: 8px; font-size: 12px; }
.generic .genericCont #dvDetPedUserReped { text-align: center;}
.generic .genericCont #dvDetPedUserReped p{ display: inline-block; margin: 4px 2px;}
.generic .genericCont #dvDetPedUserReped a { display: inline-block; padding: 8px 23px; border: 1px solid rgba(0,0,0,0.8); color: rgba(0,0,0,0.8); text-decoration: none; border-radius: 4px; }
.generic .genericCont #dvDetPedUserReped a:after { content: "\f105"; font-weight: 600; font-family: "Font Awesome 6 Pro"; margin-left: 8px; font-size: 12px; }
.btnPromo a { display: block; background: #333; color: #fff; text-decoration: none; border-radius:4px; padding: 6px 12px; }
/*BORRAR USUARIO*/
.generic .genericCont #dvDelUserCont .dvDelUserForm > div { max-width: 460px; }
.generic .genericCont #dvDelUserCont .dvDelUserForm .pDelUserFormBtn { max-width: 460px; }
.generic .genericCont #dvDelUserCont .pDelUserFormCampOblig { text-align: right; font-size: 12px; color: #999; display: block; }

/*VER CARRITO*/
.loggedCart { animation: blink 3s; -webkit-animation: blink 3s; }
.loggedCart > p{ background-color:#c3e6cb; color: #155724; padding: 4px; border: 1px solid #c3e6cb; border-radius: 4px; display: flex; margin-bottom: 12px; justify-content: center; align-items: center;line-height: 120%; }
.loggedCart > p:before { content: "\f00c"; font-family: "Font Awesome 6 Pro"; font-weight: 900; margin: 0 8px 0 0; font-size: 18px; line-height: 120%; }
#dvCestaCont { margin: 0 0 20px; }
.dvCabRealizarPedidoMetodo .dvCabRealizarPedidoMetodoInt {padding-bottom: 4px;border-bottom: 1px solid rgba(0,0,0,0.1);font-weight: var(--bold1);margin: 0 0 12px;}
#tblVerCesto {width: 100%;text-align: left;margin: 0 0 8px;/* border: 1px solid rgba(0,0,0,0.05); */border-radius: 8px;overflow:  hidden;box-shadow:  inset 0 0 4px rgba(0,0,0,0.05);}
#tblVerCesto > tbody > tr:first-of-type { border-bottom: 1px solid rgba(0,0,0,0.05); padding: 4px }
#tblVerCesto > tbody > tr:first-of-type th {padding: 8px 12px;text-transform:  uppercase;background: rgba(0,0,0,0.05);}
#tblVerCesto #trLineaTotal td { border: 0; }
#tblVerCesto > tbody > tr > td {border-bottom: 1px solid rgba(0,0,0,0.05);padding: 8px; position: relative;}
#tblVerCesto > tbody > tr > td:first-child, #dvCartConProds #dvProds table tr th:first-child { text-align: left; }
#tblVerCesto > tbody > tr > td:first-child a:first-child {display: flex;align-items: center;}
#tblVerCesto > tbody > tr > td:first-child a img {width: 80px;margin-right: 12px;}
#tblVerCesto .trProductoCesta .tdNombreProducto a{ color: #666; text-decoration: none; font-weight: var(--bold1); display: flex; flex-flow: row wrap; }
    #tblVerCesto .trProductoCesta .tdNombreProducto a > span:not(:last-child) { margin-right: 4px;}
    #tblVerCesto .trProductoCesta .tdNombreProducto .dvObvProd { opacity: .8; font-size: 80%; line-height: 120%; margin: 4px 0; padding: 12px; border-radius: 4px; background: -moz-linear-gradient(left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 1%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 1%,rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 1%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000',GradientType=1 ); }
#tblVerCesto .trProductoCesta .tdNombreProducto .dvObvProd p{ font-style: italic; }
#tblVerCesto .trProductoCesta .tdNombreProducto .dvObvProd:before { content: "\f27a"; font-weight: 600; font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 8px; }
.tdNombreProducto > div { display: flex; align-items: center; }

.attachedFiles { display: inline-flex !important; padding: 0 8px; background: rgba(0,0,0,0.06); border-radius: 24px; line-height: 1; font-weight: var(--bold1); min-height: 24px; align-items: center; justify-content: center; color: #666; }
    .attachedFiles:before { content: "\f0c6"; font-weight: 600; font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 4px; }
#tblVerCesto .trProductoCesta .tdNombreProducto .attachedFiles {  }

#tblVerCesto .trProductoCesta .tdEliminaProducto {width: 32px;text-align: center; position: relative;}
#tblVerCesto .trProductoCesta .tdEliminaProducto:before {content: "\f057";font-weight: 600;font-family: "Font Awesome 6 Pro";font-size: 12px;color: #dd2c00;}
#tblVerCesto .trProductoCesta .tdEliminaProducto a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#tblVerCesto .trProductoCesta .tdImporteProducto,
#tblVerCesto #thImporteProducto,
#tblVerCesto .tdImporteTotalProducto {width: 180px;text-align: right;}
#tblVerCesto .tdImporteTotalProducto > span:last-child {font-size: 12px;line-height: 16px;opacity: 0.8;display:  block;}
#tblVerCesto #thCantidadProducto,
#tblVerCesto .tdCantidadProducto { width: 120px; text-align: center; }
#tblVerCesto .tdCantidadProducto > div {display: block;border: 1px solid rgba(0,0,0,0.1);border-radius: 4px;max-width: 100px;}
#tblVerCesto .tdCantidadProducto > div > table {width: 100%;}
#tblVerCesto .tdCantidadProducto td {/* border-right: 1px solid rgba(0,0,0,0.25); */padding: 4px;}
#tblVerCesto .tdCantidadProducto td:last-child { border: 0;}
#tblVerCesto .tdCantidadProducto a {text-decoration: none;color: inherit;display: flex;/* width: 20px; */justify-content: center;line-height: 20px;padding:  0 4px;}
#tblVerCesto .tdCantidadProducto .lnkSumCantCarrito:after,
#tblVerCesto .tdCantidadProducto .lnkRestCantCarrito:after {font-weight: 900;font-family: "Font Awesome 6 Pro";font-size: 10px;display:  block;}
#tblVerCesto .tdCantidadProducto .lnkSumCantCarrito:after { content: "\f067"; }
#tblVerCesto .tdCantidadProducto .lnkRestCantCarrito:after { content: "\f068"; }
#tblVerCesto .tdCantidadProducto .tdCantidadTotal {padding: 0px;background-color:  rgba(0,0,0,0.05);}
#tblVerCesto .tdCantidadProducto .tdCantidadTotal input {height: 28px;width: 36px;text-align: center;border:0;font-size:  14px;background:  transparent;}
#tblVerCesto .tdCantidadTotal .spnTotalCarrito { display: block; text-align: right; font-weight: var(--bold1); }
#tblVerCesto .trTotal{background-color: rgba(0,0,0,0.02);}
#tblVerCesto .trTotal .spnTotalCarrito { font-weight: var(--bold1); }
#dvCestaCont .pIncremPed .spnIncremPed {font-size: 12px;line-height: 16px;opacity: 0.6;text-align: right;display:  block;}
#tblVerCesto .trTotal #liPagaMasTardeSim{ display: flex; justify-content: flex-end; }
#tblVerCesto .trTotal #liPagaMasTardeSim .PmtSimulator iframe { max-width: 360px; display: block; }

#tblVerCesto .trTotal #liPagaMasTardeSim{ margin-top: 12px; display: flex;  justify-content: center; padding: 2px; border-radius: 8px; max-width: 440pX; }
#tblVerCesto .trTotal #liPagaMasTardeSim:empty { display: none; }
/*#tblVerCesto .trTotal #liPagaMasTardeSim:not(:empty):before { content: url('../images/formaspago/pmt.svg'); display: flex; align-items: center; height: 40px; width: 96px; justify-content: center; font-family: "Font Awesome 6 Pro"; font-size: 40px; line-height: 40px; border-radius: var(--radius1); margin-right: 2px; color: #fff; font-weight: 900;}*/
#tblVerCesto .trTotal #liPagaMasTardeSim .PmtSimulator { max-width: 360px; width: 100%; border-radius: 8px; overflow: hidden; }
#tblVerCesto .trTotal #liPagaMasTardeSim
#tblVerCesto .trTotal #liPagaMasTardeSim .PmtSimulator iframe { max-width: 360px; display: block; }

/*Portes no incluidos*/
span.portesNoIncluidos { display: flex; font-size: 90%; line-height: 110%; text-decoration: none; font-style: normal; opacity: .9; font-weight: normal; margin: 8px 0 4px; }
span.portesNoIncluidos:before { content: "\f05a"; font-weight: 600; font-family: "Font Awesome 6 Pro"; margin-right: 4px; flex-shrink: 0; }

#tblResumenProds {width: 100%;text-align: left;margin: 0 0 8px;/* border: 1px solid rgba(0,0,0,0.05); */border-radius: 8px;overflow:  hidden;box-shadow:  inset 0 0 4px rgba(0,0,0,0.05);}
#tblResumenProds > tbody > tr:first-of-type { border-bottom: 1px solid rgba(0,0,0,0.05); padding: 4px }
#tblResumenProds > tbody > tr:first-of-type th {padding: 8px 12px;text-transform:  uppercase;background: rgba(0,0,0,0.05);}
#tblResumenProds #trLineaTotal td { border: 0; }
#tblResumenProds > tbody > tr > td {padding: 8px; border-bottom: 1px solid rgba(0,0,0,0.05);}
#tblResumenProds > tbody > tr > td:first-child, #dvCartConProds #dvProds table tr th:first-child { text-align: left; }
#tblResumenProds > tbody > tr > td:first-child a:first-child {display: flex;align-items: center;}
#tblResumenProds > tbody > tr > td:first-child a img {width: 48px;margin-right: 12px;}
#tblResumenProds > tbody > tr > td > .attachedFiles:before { content: "\f0c6"; font-weight: 600; font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 8px; }

#tblResumenProds .trProductoCesta {}
.tdNombreProducto > div { display: flex; align-items: center; }
#tblResumenProds .trProductoCesta .tdEliminaProducto {width: 32px;text-align: right;}
#tblResumenProds .trProductoCesta .tdEliminaProducto:before {content: "\f057";font-weight: 600;font-family: "Font Awesome 6 Pro";font-size: 12px;color: #dd2c00;}
#tblResumenProds .trProductoCesta .tdImporteProducto,
#tblResumenProds .thImporte { width: 240px;text-align: right;}
#tblResumenProds .tdImporte, #tblResumenProds .tdImportesSumario {width: 180px;text-align: right;}
#tblResumenProds .tdSumario p{margin: 0 0 8px;padding-bottom:  4px;}
#tblResumenProds .tdImportesSumario p{margin: 0 0 8px;padding-bottom: 4px;}
#tblResumenProds .tdImportesSumario p:not(:last-child) { border-bottom: 1px solid rgba(0,0,0,0.05);}
#tblResumenProds .tdImporte > span:last-child {font-size: 12px;line-height: 16px;opacity: 0.8;display:  block;}
#tblResumenProds .thCantidad,
#tblResumenProds .tdCantidad { width: 120px; text-align: center; }
#tblResumenProds .tdCantidadProducto > div {display: block;border: 1px solid rgba(0,0,0,0.1);border-radius:4px;max-width: 140px;}
#tblResumenProds .tdCantidadProducto > div > table {width: 100%;}
#tblResumenProds .tdCantidadTotal .spnTotalCarrito { display: block; text-align: right; font-weight: var(--bold1); }
#tblResumenProds .trTotal{background-color: rgba(0,0,0,0.02);}
#tblResumenProds .trTotal .spnTotalCarrito { font-weight: var(--bold1); }

#dvCestaCont .cestaEnvioGratis{ display: inline-block; }
#dvCestaCont .cestaEnvioGratis a {font-size: 90%;padding: 0px 12px;border-radius: 4px;display: inline-flex;margin: 4px 0;align-items: center;text-decoration: none;color: #333;justify-content: center;padding: 12px 20px;background: #e8f5e9;border: 1px solid #c8e6c9;font-weight: var(--bold1);line-height: 120%;}
#dvCestaCont .cestaEnvioGratis a:before{content: "\f48b";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-right: 8px;font-size: 18px;line-height: 18px;text-align: center;}
#dvCestaCont #dvImporteMin {font-weight: var(--bold1);display: inline-block;}

/*Cupones*/
#dvCuponesCarrito {background: rgba(0,0,0,0.05);border-radius: 8px;padding: 20px;width: 100%;display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;margin-top: 20px;}
#dvCuponesCarrito > p {margin: 8px 0;padding: 0;font-weight: var(--bold1);font-size: 24px;line-height: 28px;max-width: 59%;flex-shrink: 0;}
#dvCuponesCarrito > p > span {font-size: 14px;line-height: 16px;opacity: .8;display: block;margin-top: 8px;}
#dvCuponesCarrito .aplicados, #dvCuponesCarrito .aplicar, #dvCuponesCarrito .aplicables {/* margin: 0 0 12px; *//* padding: 12px; */}
#dvCuponesCarrito .aplicados:not(:last-child), #dvCuponesCarrito .aplicar:not(:last-child), #dvCuponesCarrito .aplicables:not(:last-child) {/* border-bottom: 2px dashed rgba(0,0,0,0.1); *//* padding-bottom: 12px; */}
#dvCuponesCarrito .aplicables {order: 3;margin-top:12px;width: 100%;}
#dvCuponesCarrito .aplicar {/* background: rgba(0,0,0,0.1); */padding: 0;display:  flex;/* justify-content:  space-between; */align-items: center;flex-flow:  row wrap;/* margin-top: 8px; */width: 100%;MAX-WIDTH: 40%;}
#dvCuponesCarrito .aplicar > p:first-child, #dvCuponesCarrito .aplicables > p:first-child {font-weight: var(--bold1);margin: 0 0 8px;display: flex;align-items:  flex-start; line-height: 100%;}
#dvCuponesCarrito .aplicar > p:first-child, #dvCuponesCarrito .aplicar > p {margin: 0 8px 0 0;display: none;}
#dvCuponesCarrito .aplicar > p:first-child:before, #dvCuponesCarrito .aplicables > p:first-child:before {content: "\f105";font-weight: 900;font-family: "Font Awesome 6 Pro";font-size: 14px;margin-right: 8px;/* margin-top: 4px; */}
#dvCuponesCarrito .aplicar > p.aplicarInput {flex: 1;display: flex;margin: 0;width: 100%;justify-content: flex-end;}
#dvCuponesCarrito .aplicar > div.novalido { width: 100%; color: #dd2c00; font-weight: var(--bold1); background: rgba(255,255,255,0.8); text-align: center; padding: 4px; border-radius: 4px; margin-top: 8px;}

#dvCuponesCarrito .aplicar input[type="text"] {border: 0;background: #ffffff;border-radius: 4px 0 0 4px;padding: 8px 12px;width: 100%;margin:  0;border: 2px solid rgba(0,0,0,0.1);}
#dvCuponesCarrito .aplicar a {border: 0;padding: 4px 12px;text-decoration: none;display: inline-flex;align-items: center;text-transform: uppercase;font-weight: var(--bold1);justify-content: center;width: 100%;max-width: 120px;border-radius: 0 4px 4px 0;margin-left: 0;background: rgba(0,0,0,0.1);color: #333;}
#dvCuponesCarrito .aplicar a:before {content: "\f067";font-weight: 600;font-family: "Font Awesome 6 Pro";font-size: 14px;margin-right: 8px;}
#dvCuponesCarrito .aplicar label { display: inline-flex;  }
#dvCuponesCarrito .aplicar > p.aplicarInput > label:first-child {width: 100%;max-width: 400px;}

#dvCuponesCarrito .coupon-row {background: #fff;padding: 8px 16px;border-radius: var(--radius-default);}
#dvCuponesCarrito .coupon-row:not(:last-child) { margin: 0 0 8px; }
#dvCuponesCarrito .cupon {display: flex;justify-content: space-between;align-items: center;}
#dvCuponesCarrito .coupon-row .desc { display: none; margin-top:  8px; font-size: 14px; line-height: 18px; opacity: 0.8; padding-top: 8px; border-top: 1px dashed rgba(0,0,0,0.2)}
#dvCuponesCarrito .cupon > p { margin: 0;}
#dvCuponesCarrito .cupon .nombre {font-weight: var(--bold1);margin-right: 8px;}
#dvCuponesCarrito .cupon .codigo {padding: 2px 8px;border-left: 2px solid rgba(0,0,0,0.1);border-right: 2px solid rgba(0,0,0,0.1);margin: 2px 8px 2px 0;display: inline-block;}
#dvCuponesCarrito .cupon .info {color: #007aff;/* margin-left: 8px; */text-decoration: underline;cursor:  pointer;display: inline-block;}
#dvCuponesCarrito .cupon .aplica { flex-shrink: 0; }
#dvCuponesCarrito .cupon .aplica a {display: block;text-decoration: none;color: rgba(0,0,0,0.8);padding: 4px 8px;border-radius: 4px;margin-left: 20px;text-transform: uppercase;font-weight:  bold;font-size:  14px;background: rgba(0,0,0,0.05);}
#dvCuponesCarrito .cupon .aplica a:before {content: "\f067";font-weight: 600;font-family: "Font Awesome 6 Pro";margin-right: 8px;font-size: 12px;}

#dvCuponesCarrito .aplicados {margin: 0 0 20px;order: 1;width: 100%;margin-top: 4px !important;}
#dvCuponesCarrito .aplicados > div {background: #fff;padding: 8px 16px;border-radius: var(--radius-default);}
#dvCuponesCarrito .aplicados > div:not(:last-child) { margin: 0 0 8px; }
#dvCuponesCarrito .aplicados > div > div { display: flex; justify-content: space-between; align-items: center; }
#dvCuponesCarrito .aplicados > div > div.couponSelect {display:  block;margin: 12px 0;border-top: 1px solid rgba(0,0,0,0.1);padding-top: 8px;}
#dvCuponesCarrito .aplicados > div > div.couponSelect > p{flex-shrink:  0;margin: 0 0 4px;font-weight:  bold;}
#dvCuponesCarrito .aplicados > div > div.couponSelect > div{display:  flex;border: 0;box-shadow:  none;background-color:  transparent; }
#dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta{/* width:  100%; */border: 0;background-color: transparent;margin:  4px;}
#dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta .tdNombreProducto{display: inline-flex;margin:  4px 0;/* align-items:  center; */background-color:  rgba(0,0,0,0.05);padding: 0;border-radius: 4px;overflow:  hidden;}
#dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta .tdNombreProducto .radiobtn > span:before { margin: 0; }
#dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta .tdNombreProducto > div{width:  40px;background-color: rgba(0,0,0,0.05);justify-content:  center;}
#dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta .tdNombreProducto > a{padding: 8px;display:  inline-flex;align-items:  center;}
#dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta .tdNombreProducto > a img{display: block;max-width: 56px;border-radius:  4px; margin-left: 8px;}
#dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta .tdNombreProducto > a.lnkExterno{}

#dvCuponesCarrito .aplicados > div > div > * {display: inline-flex;align-items:  center;flex-flow: row wrap;}
#dvCuponesCarrito .aplicados:not(:last-child) {margin: 0;}
#dvCuponesCarrito .aplicados .desc {display: none;margin-top: 8px;}
#dvCuponesCarrito .aplicados > p { margin: 0; }
#dvCuponesCarrito .aplicados .nombre {font-weight: var(--bold1);display: inline-flex;align-items: center;margin: 4px 12px 4px 0;}
#dvCuponesCarrito .aplicados > div .nombre:before {content: "\f00c";font-weight: 900;font-family: "Font Awesome 6 Pro";font-size: 24px;margin-right: 8px;color: #66bb6a;}
#dvCuponesCarrito .aplicados .codigo {padding: 4px 8px;background-color: rgba(0,0,0,0.05);border-radius: 4px;margin-right: 12px;display:  inline-block;}
#dvCuponesCarrito .aplicados .info {color: #666; background-color: #f0f0f0; padding: 4px 8px; border-radius: 4px; margin: 4px 4px 4px 0;cursor: pointer; font-size: 12px; line-height: 14px;}
#dvCuponesCarrito .aplicados .info:before { content:"\f05a"; font-family: "Font Awesome 6 Pro"; margin-right: 4px; }
#dvCuponesCarrito .aplicados .info > span {  }

#dvCuponesCarrito .aplicados .eliminar a { color: #dd2c00; font-size: 12px; display: block; padding: 8px;}

/*Regalo*/
#dvAceptRegalo {padding: 0px;margin: 4px 0 0;border-radius: 8px;background: -moz-linear-gradient(top, rgba(240,240,240,0) 0%, rgba(240,240,240,1) 100%);display: flex;align-items: center;}
#dvAceptRegalo > div > div > p:before {content: "\f06b";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-right: 6px;/* border-right: 1px solid rgba(0,0,0,0.1); */display: flex;align-items: center;flex-shrink: 0;font-size: 20px;}
#dvAceptRegalo .dvAceptRegaloCont {display: flex;align-items: center;flex-flow: row wrap;}
#dvAceptRegalo > div > div {margin: 0;}
#dvAceptRegalo > div > div.checkBoxCont {display: inline-flex;margin: 4px 8px 4px 0;}
#dvAceptRegalo > div > div > p {font-weight: var(--bold1);margin: 0;display: flex;}
#dvAceptRegalo > div > div > p span:last-child{ display: inline-block; }
#dvAceptRegalo .pRegaloDesc {margin: 4px 0;font-size: 14px;line-height: 18px;display: inline-block;align-self: flex-end;justify-self: flex-end;}
#dvAceptRegalo .pRegaloDesc span a {color: #666;background-color: rgba(0,0,0,0.05);padding: 4px 8px;border-radius: 4px;margin: 4px 4px 4px 0;cursor: pointer;font-size: 12px;line-height: 14px;text-decoration: none;}
#dvAceptRegalo .pRegaloDesc span a:before { content: "\f05a"; font-family: "Font Awesome 6 Pro"; margin-right: 4px; }
#dvAceptRegalo .pRegaloDesc .allcontent {margin: 8px 0;}
#dvAceptRegalo #dvObservacCli input {border: 1px solid #eee;background: #fff;border-radius: 4px;margin: 0 0 8px;padding: 8px 8px;width: 100%;box-shadow:  inset 0 0 4px rgba(0,0,0,0.05);}
/*Facturacion*/
#frmDatosCompra { }

.datosCompra {display: flex;flex-flow: row-reverse;overflow: hidden;align-items: flex-start;}
.datosCompra .datosCompraRight {width: 360px;flex-shrink: 0;background: -moz-linear-gradient(top, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0.04) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0.04) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a000000', endColorstr='#00000000',GradientType=0 );border-radius: 8px 8px 0 0;}
.datosCompra .datosCompraLeft {width: 100%;margin-right: 40px;}
.datosCompra .dvCabRealizarPedidoMetodo .dvCabRealizarPedidoMetodoInt {padding: 16px 16px 0;margin: 0;border: 0;font-size: 24px;line-height: 24px;}
.datosCompra .datosCompraRight #tblVerCesto {box-shadow: none;padding: 12px 0 0;}
.datosCompra .datosCompraRight #tblVerCesto,
.datosCompra .datosCompraRight #tblVerCesto > tbody,
.datosCompra .datosCompraRight #tblVerCesto > td,
.datosCompra .datosCompraRight #tblVerCesto > tr {display: block;width: 100%;}
.datosCompra .datosCompraRight #tblVerCesto > th, #tblVerCesto table th, #tblVerCesto > tbody > tr:first-of-type { display: none; }

.datosCompra .datosCompraRight #tblVerCesto #thCantidadProducto,
.datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto,
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto #thImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto,
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto { width: 100%; }
.datosCompra .datosCompraRight #tblVerCesto > tbody > tr > td {padding: 8px 0px 4px;}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta {display: flex;flex-flow: row wrap;margin: 0 0 8px;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.04) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.04) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.04) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0a000000',GradientType=0 );padding: 0 4px;}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta:nth-last-child(2) { margin: 0;}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdNombreProducto {width: 100%;border: 0 !important;PADDING: 8px 12px 4px;}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdCantidadProducto {width: 45%;padding: 4px 12px;max-width: 112px;}
.datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto .tdCantidadTotal {padding: 0;}
.datosCompra #tblVerCesto .tdCantidadProducto .tdCantidadTotal input {padding: 0;width: 28px;}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto { width: 45%; text-align: center; display: flex; align-items: center; justify-content: flex-end; font-weight: var(--bold1); font-size: 130%; }
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto { width: 10%; display: flex; align-items: center; justify-content: center; }
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto:before { font-size: 14px; }
.datosCompra .datosCompraRight #tblVerCesto > tbody > tr > td:first-child a img {width: 48px;border-radius:4px;}
.datosCompra .datosCompraRight #tblVerCesto .trTotal {font-weight: var(--bold1);display: block;padding: 0 12px;/* background: transparent; */}
.datosCompra .datosCompraRight #tblVerCesto .trTotal > td:first-child,.datosCompra #tblVerCesto .trTotal > td:last-child {display: none;}
.datosCompra .datosCompraRight #tblVerCesto .trTotal > td:first-child:not(:empty) {display: none;}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto #thImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto {font-size: 16px;flex: 1;line-height: 16px;}
.datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto {padding: 20px 8px;}
.datosCompra .datosCompraRight .trTotal .spnTotalCarrito { font-size: 130%; }

.datosCompra #dvCestaCont .pIncremPed .spnIncremPed { padding: 0 12px;}
.datosCompra #dvCestaCont .cestaEnvioGratis,
.datosCompra #dvCestaCont .cestaEnvioGratis a,
.datosCompra #dvCestaCont .cestaEnvioGratis a span{width: 100%;}



.carritoDatos { }
.carritoDatos input[type = text], .carritoDatos input[type = tel], .carritoDatos input[type = email], .carritoDatos textarea, .carritoDatos select {border: 1px solid #eee;background: #f0f0f0;border-radius: 4px;margin: 0;padding: 8px 8px;width: 100%;/* box-shadow: inset 0 0 4px rgba(0,0,0,0.05); */}
.carritoDatos textarea::placeholder { font-size:14px; line-height: 16px; font-style: italic; opacity: .8}
.carritoDatos .radiobtn:not(:last-child) { margin-right: 8px; }
.carritoDatos .carritoDatosLeft {}
.carritoDatos .carritoDatosRight {}

.carritoDatos .carritoDatosRight .carritoFacturacion,
.carritoDatos .carritoDatosRight .carritoEnvio,
.carritoDatos .carritoDatosRight .carritoPago,
.carritoDatos .carritoDatosLeft .carritoObservaciones {margin: 0 0 20px;padding: 20px;border: 1px solid rgba(0,0,0,0.1);border-left-width: 12px !important;border-radius: 8px;border-width: 0;box-shadow: inset 0px -10px 140px rgba(0,0,0,0.05);}
.carritoDatos .carritoDatosLeft .carritoObservaciones textarea {height: 88px;}

.carritoDatos .carritoDatosRight .carritoFacturacion { border-color: #cfd8dc; }
.carritoDatos .carritoDatosRight .carritoEnvio { border-color: #b0bec5; }
.carritoDatos .carritoDatosRight .carritoPago { border-color: #90a4ae; }
.carritoDatos .carritoDatosLeft .carritoObservaciones { border-color: #b0bec5; }


.carritoDatos .carritoDatosRight .carritoFacturacion ul,
.carritoDatos .carritoDatosRight .carritoEnvio ul,
.carritoDatos .carritoDatosRight .carritoPago ul {list-style: none;padding: 0;display: flex;flex-flow: row wrap;justify-content: space-between;align-items: flex-start;}

.carritoDatos .carritoDatosRight .carritoFacturacion ul li,
.carritoDatos .carritoDatosRight .carritoEnvio ul li { width: 49%; }

.carritoDatos .carritoDatosRight .carritoFacturacion ul li.liObli,
.carritoDatos .carritoDatosRight .carritoEnvio ul li.liObli,
.carritoDatos .carritoDatosRight .carritoFacturacion ul li.li100,
.carritoDatos .carritoDatosRight .carritoEnvio ul li.li100 { width: 100%; }


.carritoDatos .carritoDatosRight .carritoFacturacion ul li div,
.carritoDatos .carritoDatosRight .carritoEnvio ul li div,
.carritoDatos .carritoDatosRight .carritoPago ul li div { margin: 0 0 4px; }

.carritoDatos .carritoDatosRight .carritoFacturacion ul li div > span:not(.field-validation-error), .carritoDatos .carritoDatosRight .carritoPago ul li div > span {margin: 4px 0;display: block;font-size: 12px;line-height: 12px;}
.carritoDatos .carritoDatosRight .carritoEnvio ul li div > span { margin: 0 0 4px;display: block;}
.carritoDatos .carritoDatosRight .carritoFacturacion ul li div > span.field-validation-valid { margin: 0; }
.carritoFacturacion .spnApartEnvFactTit,
.carritoEnvio .spnApartEnvFactTit,
.carritoDatos .spnApartEnvFactTit,
.carritoObservaciones .spnApartEnvFactTit,
.datosCompra #spnCabRealizarPedidoIntBlan{display: flex;padding-bottom: 4px;border-bottom: 1px solid rgba(0,0,0,0.1);font-weight: var(--bold1);margin: 0 0 8px;text-transform: uppercase;align-items: center;font-size: 18px;width:  100%;}

.carritoFacturacion .spnApartEnvFactTit:before,
.carritoEnvio .spnApartEnvFactTit:before,
.carritoPago .spnApartEnvFactTit:before,
.carritoObservaciones .spnApartEnvFactTit:before,
.datosCompra  #spnCabRealizarPedidoIntBlan:before{font-weight: 900;font-family: "Font Awesome 6 Pro" !important;padding: 4px;display: flex;align-items: center;flex-shrink: 0;font-size: 24px;line-height: 24px;margin: 0 4px 0 0;align-self: flex-start;}

.carritoFacturacion .spnApartEnvFactTit:before { content: "\f277"; }
.carritoEnvio .spnApartEnvFactTit:before { content: "\f48b"; }
.carritoPago .spnApartEnvFactTit:before { content: "\f09d"; }
.carritoObservaciones .spnApartEnvFactTit:before {content: "\f27a";}
.datosCompra  #spnCabRealizarPedidoIntBlan:before {content: "\f07a";}

.carritoFacturacion .spnApartEnvFactTit span span,
.carritoEnvio .spnApartEnvFactTit span span,
.carritoDatos .spnApartEnvFactTit span span { font-size: 14px; display: inline-block; opacity: 0.8; line-height: 16px; }
.carritoFacturacion #dvApartEnvFactRdBt, .carritoEnvio .dvAcepEnv {margin: 0 0 12px;}
#dvApartEnvFactCheck {margin: 0 0 12px;}
.ulMetodoEnvio { }

#liForEnvObsEspec { display: block; margin: 20px 0 0;}
/*#liForEnvObsEspec input {
    width: 24px;
    height: 24px;
    margin-right: 4px;
    vertical-align: top;
}*/
#liForEnvObsEspec textarea {
    display: block;
    margin: 8px 60px 0 0;
    width: 100%;
    height: 60px;
    min-height: 60px;
    resize: vertical;
}

/*Facturación usuario registrado*/
#carritoFacturacionData p{ margin: 0; }
#carritoFacturacionData p:first-of-type{ font-weight:bold;}

#carritoEnvioData { margin: 0 0 20px }
#carritoEnvioData p{ margin: 0; }
#carritoEnvioData p:first-of-type{ font-weight:bold;}

#carritoFacturacionData a, #carritoEnvioData a { display: inline-block; background: rgba(0,0,0,0.1); padding: 8px; border-radius: 4px; margin-top: 4px; text-decoration: none; text-transform: uppercase; font-size: 12px;  line-height: 12px; font-weight: var(--bold1);}
#carritoFacturacionData a:before, #carritoEnvioData a:before { content: "\f044"; font-weight: 900;font-family: "Font Awesome 6 Pro" !important;margin: 0 4px 0 0;}
#carritoFacturacionData .wLog, #carritoEnvioData .wLog {padding: 12px;border: 1px dashed rgba(0,0,0,0.2);border-radius: 8px;background: rgba(255,255,255,0.5);display: block;text-align: right;}
#carritoFacturacionData .wLog p, #carritoEnvioData .wLog p { text-align: left; }

.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio { display: block; }
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li {width: auto;display: flex;/* border: 2px solid rgba(0,0,0,0.1); */overflow: hidden;border-radius: 4px;overflow: hidden;margin:  0;}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li:not(:last-child) { margin: 0 0 8px; }
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li:not(#liForEnvObsEspec) div:not(.radiobtn):not(.allcontent) { padding: 8px; border: 2px solid rgba(0,0,0,0.1); width: 100%; margin: 0; }
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li:not(#liForEnvObsEspec) div.radiobtn {width: 32px;background: rgba(0,0,0,0.1);display: flex;align-items: flex-start;justify-content: center;padding: 8px 0;flex-shrink: 0;margin:  0;}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li:not(#liForEnvObsEspec) div.radiobtn > span:before { margin: 0; }
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div > span {margin: 0 0 4px;display: inline-block;}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div .dvTransImage {float: right;margin: 4px;border-radius: 4px;border: 0;padding: 4px;width:  auto;max-width: 72px;}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div .dvTransImage p {margin: 0;width:  100%;}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div .dvTransImage p img{display: block;margin: 0;max-width: 100%;}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div .lnkSubrayado { margin-left: 8px; display: inline-flex; align-items: center; text-decoration: none;}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div .lnkSubrayado:after { content: "\f105";font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: 12px; margin-left: 4px;}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div > p:last-of-type { font-size: 14px; line-height: 18px;}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div > p.desc > span a { color: #666; background-color: #f0f0f0; padding: 4px 8px; border-radius: 4px; margin: 4px 4px 4px 0;cursor: pointer; font-size: 12px; line-height: 14px; text-decoration: none; display: inline-block; }
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div > p.desc > span a:before { content:"\f05a"; font-family: "Font Awesome 6 Pro"; margin-right: 4px; }

.carritoDatos .carritoDatosRight .carritoPago {display:  block;}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li {width: auto;display: flex;/* border: 2px solid rgba(0,0,0,0.1); */overflow: hidden;border-radius: 4px;overflow: hidden;WIDTH:  100%;}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li:not(:last-child) { margin: 0 0 8px; }
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li > div:not(.radiobtn) {padding: 8px;border: 2px solid rgba(0,0,0,0.1);border-left: 0;width: 100%; margin: 0;}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li div.radiobtn {width: 32px;background: rgba(0,0,0,0.1);display: flex;align-items: flex-start;justify-content: center;padding: 8px 0;flex-shrink: 0;margin: 0;}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li div.radiobtn > span:before { margin: 0; }
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li > div > span {margin: 0;display: inline-block;}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoTarjetas {margin: 8px 0 0;}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoTarjetas > .liMetodoPagoImg {display: inline-block;max-width: 60px;margin-right:4px;}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoTarjetas img { display: block; margin: 0; max-width: 100%; }
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoObservaciones {font-size: 14px;line-height: 18px;}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoObservaciones > span a { color: #666; background-color: #f0f0f0; padding: 4px 8px; border-radius: 4px; margin: 0px 4px 0px 0;cursor: pointer; font-size: 12px; line-height: 14px; text-decoration: none; display: inline-block; }
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoObservaciones > span a:before { content:"\f05a"; font-family: "Font Awesome 6 Pro"; margin-right: 4px; } 
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .radiobtn input[type="radio"]:checked{ background: red; }

.carritoDatos .carritoDatosRight .carritoObservaciones { display: block; }

#dvLnkCarrito { display: flex; justify-content: space-between; flex-direction: row-reverse; }




/*RESUMEN PEDIDO*/
.generic .genericCont .resumenCarrito { display: flex; justify-content: space-between;}
.generic .genericCont .resumenCarrito .spnApartEnvFactTit, .generic .genericCont .resumenProductos .spnApartEnvFactTit{display: flex;justify-content: space-between;margin: 0 0 12px;border-bottom: 1px solid rgba(0,0,0,0.1);padding-bottom: 4px;text-transform:  uppercase;}
.generic .genericCont .resumenCarrito .spnApartEnvFactTit span span, .generic .genericCont .resumenProductos .spnApartEnvFactTit span span{ opacity: 0.7; display: inline-block; }
.generic .genericCont .resumenCarrito .spnApartEnvFactTit a, .generic .genericCont .resumenProductos a{flex-shrink: 0;text-transform: uppercase;font-size: 11px;font-weight: var(--bold1);text-decoration: none;color: inherit;padding: 2px 8px;background-color: #fff;border-radius: 4px;opacity:  0.9; align-self: center; }
.generic .genericCont .resumenCarrito .resumenFacturacion, .resumenCarrito .resumenEnvio  { width: 49.5%; }
.generic .genericCont .resumenCarrito .resumenFacturacion > div, .resumenCarrito .resumenEnvio > div, .resumenProductos, #dvCuponesCarrito.resumenProductos {padding: 20px;margin: 0 0 20px;border-radius:  4px;background: rgba(0,0,0,0.05);}

.generic .genericCont .resumenCarrito .resumenFacturacion > div p, .generic .genericCont .resumenCarrito .resumenEnvio > div p{ margin: 0 0 8px; }
.resumenProductos{ border-radius: 4px; }
.resumenProductos #tblResumenProds{ background-color: #fff; }
.resumenProductos #tblResumenProds > tbody > tr:first-of-type th { background: rgba(0,0,0,0.01)}
.resumenProductos #tblResumenProds > tbody > tr > td.tdSumario{ text-align: right; }
.resumenProductos #tblResumenProds > tbody > tr.trTotales { text-align: right;}
.resumenProductos #tblResumenProds > tbody > tr.trTotales div{text-align:  right;margin: 4px 0;display:  flex;align-items:  center; justify-content: flex-end;}
.resumenProductos #tblResumenProds > tbody > tr.trTotales div span{display: inline-block;font-weight: normal;}
.resumenProductos #tblResumenProds > tbody > tr.trTotales div span{display: inline-block;font-weight: normal;}
.resumenProductos #tblResumenProds > tbody > tr.trTotales div > span:last-child:not(:first-child) {width: 80px;margin-left: 8px;flex-shrink: 0;/* font-weight:  bold; */}

#dvMetodoPagoBotones {display: flex;align-items: flex-end;justify-content: space-between;flex-flow:  row wrap;}
#dvMetodoPagoBotones .btnDerCont a { margin-left: 4px;}

/* PEDIDO FINALIZADO*/
#spnCabRealizarPedidoIntBlan {margin: 0 0 4px;display: inline-block;}
#dvPedidoFinalInt {  }
#dvPedidoFinalInt .encabezado{ font-weight: var(--bold1); padding-bottom: 8px; border-bottom: 1px solid rgba(0,0,0,0.1); margin: 0 0 12px;}
#dvPedidoFinalInt > .dvPedidoFinalDatos { padding: 12px; background: rgba(0,0,0,0.05); border-radius: var(--radius-default); margin: 0 0 20px; border-left: 12px solid rgba(0,0,0,0.1)}
.btnPedidoFinalizado { display: flex; justify-content: center; margin: 0 0 20px;}
.btnPedidoFinalizado > * { display: inline-block; margin: 4px; padding: 4px 8px; border-radius: var(--radius-default); border: 4px solid rgba(0,0,0,0.1); font-weight: var(--bold1); color: inherit; text-decoration: none; cursor: pointer;}

/*AMAZON PAY*/
.genericCont.--amazonPay { max-width: 640px; padding: 32px; background-color: #eee; border-radius: var(--radius-default); }
#AmazonPayButton { text-align: center;}
#AmazonWalletWidgetDiv { margin-top: 28px; }
#AmazonWalletWidgetDiv:empty { display: none; }
.amazon-next { margin: 16px 0 0 auto; }

/*KLARNA*/
.KlarnaMethod{ width: 100%; max-width: 640px; margin: 0 auto; padding: 20px; border: 8px solid #f0eeeb; }
.KlarnaMethod:not(:last-child) {margin-bottom: 40px;}
.KlarnaMethod .KlarnaAction{ display: flex; justify-content: flex-end; margin-top: 12px; }
.KlarnaMethod .KlarnaAction button {  display: inline-flex; align-items: center; text-decoration: none; background: #333; color: #fff; padding: 8px 12px; border-radius: var(--radius-default); font-size: 90%; line-height: 140%; text-transform: uppercase; font-weight: var(--bold1);}
.notKlarna {width: 100%; max-width: 640px; margin: 0 auto; padding: 20px; background: #333; color: #fff;  text-align: center;}
.notKlarna a { color: #fff;}
/*Cookies*/
.cc-banner.cc-bottom, .cc-window.cc-floating { background-color: rgba(0,0,0,0.9) !important; padding: 1em 1.8em; }
/*TIENDA CERRADA*/
#dvTiendaCerrada { text-align: center; padding: 12px; color: #721c24; background-color: #f8d7da; border: 1px solid #f5c6cb; margin: 8px; border-radius: 8px; }
#dvTiendaCerrada .dvBgAma > p:first-child {font-size: 20px;margin:  0 0 8px;font-weight: var(--bold1);}
body.tiendacatalogo { }
body.tiendacatalogo .fichaBoton { opacity: .6; }
body.tiendacatalogo .fichaBoton a { cursor: not-allowed; }

/* Legal */
.generic .genericCont .dvLegal{margin-top:20px;}
.generic .genericCont .dvLegal .enc{font-weight:bold;margin:0 0 8px; font-size:120%;}
.generic .genericCont .dvComboBox{margin-bottom:20px;}
.generic .genericCont .dvLegal div:not(:last-child) { margin: 0 0 20px; }

#dvErrorContenido { max-width: var(--max-width); margin: 0 auto; padding: 40px}
#dvErrorContenido p { margin: 0 0 8px;}
#dvErrorContenido ul { padding-left: 18px; list-style: none;}
#dvErrorContenido ul li { margin: 8px 0;}

/* Sitemap */
.generic .genericCont .dvSiteMap ul ul{margin-top:8px;}
.generic .genericCont .dvSiteMap ul li{list-style:square;margin-bottom:8px;}
.generic .genericCont .dvSiteMap ul li ul{margin-left:20px;}
.generic .genericCont .dvSiteMap ul li ul li{list-style:circle;}
.generic .genericCont .dvSiteMap ul li ul li ul li{list-style:disc; }
.generic .genericCont .dvSiteMap a{color:#333; font-weight: bold;}
.generic .genericCont .dvSiteMap .numProdCategoSiteMap{color:#999; display: inline-block; }
.generic .genericCont .dvSiteMap .productosTotalesSiteMap{color:#333; font-weight: bold; margin-top: 40px;}



/* ERRRORES (nueva contraseña sin requisitos)*/
.validation-summary-errors { padding: 0; margin: 0; }
.validation-summary-errors ul{ padding: 0 !important; }
.validation-summary-errors ul li{ display: block; list-style: none; color:#ff1100; padding: 0; margin: 0; font-weight: var(--bold1); }

/*PRODUCTOS*/
.RCRProds .RCRProdsPrev {display: flex;justify-content: center;margin: 0 0 20px;flex-wrap: wrap;align-items:  center;}
.RCRProds .RCRProdsPrev .numProds {font-size: 14px;opacity: 0.8;display: inline-flex;align-items: center; text-align: center; margin: 8px auto 8px 0; }
.RCRProds .RCRProdsPrev .RCRProdsPrevRight { display: flex; align-items: center; justify-content: flex-end; flex-shrink: 0; }

.RCRProds .RCRProdsPrev #dvOrderBy {max-width: 460px; width: 100%; align-items: center; }
.RCRProds .RCRProdsPrev #dvOrderBy form { display: flex; align-items: center; }
.RCRProds .RCRProdsPrev #dvOrderBy form > *:first-child:not(:last-child) { margin-right: 8px; }
.RCRProds .RCRProdsPrev #dvOrderBy form .select { width: 100%; }
.RCRProds .RCRProdsPrev #dvOrderBy form > p { flex-shrink: 0; }
.RCRProds .noProds { border-radius: 4px; margin: 0 0 20px; display: flex; align-items: center; font-size: 20px; font-weight: var(--bold1); opacity: .8; padding: 20px; background: #fff9c4; border: 1px solid #e2dca7; }
.RCRProds .noProds:before { content: "\f06a"; font-weight: 900; font-family: "Font Awesome 6 Pro"; font-size: 24px; margin-right: 8px; }


/*Productos*/
.RCRProdsCont { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: var(--productos-margin); }

/*PRODUCTOS PORTADA*/
.prodlist { padding: var(--section-margin) 16px; }
.prodlist .prodlistCont { max-width: var(--max-width); margin: 0 auto; position: relative;}
.prodlist .prodlistCont .prodlistInfo { margin: 0 0 20px; text-align: center; }
.prodlist .prodlistCont .prodlistInfo .title2 { }
.prodlist .prodlistCont .prodlistInfo p { }
.prodlist > div > p { text-align: center; font-size: 120%; line-height: 120%; font-weight: var(--bold1); font-style: italic; }
.prodlist .RCRProdsCont { grid-template-columns: 1fr 1fr 1fr 1fr; }

.RCRButton { text-align: center; margin-top: 30px; }
.RCRButton a{display: inline-flex;align-items: center;text-decoration: none;background: var(--secondary); color: var(--secondary-invert); padding: 8px 16px; border-radius: var(--radius1); font-size: 90%;line-height: 140%; text-transform: uppercase; font-weight: var(--bold1);}
.RCRButton a::after { content: "\f105"; font-weight: 900; font-family: "Font Awesome 6 Pro"; font-size: 14px; margin-left: 8px;  }



/*LOGIN CARRITO*/
.loginCart {margin: 40px auto;max-width: 720px;background: rgba(0,0,0,0.05);display: flex;overflow: hidden;border-radius: 8px;}
.loginCart .title {font-size: 20px;line-height: 28px;margin: 0 0 8px;font-weight: var(--bold1);text-transform: uppercase;}
.loginCart .loginCartReg { width: 50%; padding: 20px;}
.loginCart .loginCartReg input[type="email"], .loginCart .loginCartReg input[type="password"]{display: block;width: 100%;background-color: #fff;padding: 8px 12px;border: 1px solid rgba(0,0,0,0.1);border-radius:4px;}
.loginCart .loginCartReg input[type="email"] { margin: 0 0 8px; }
.loginCart .loginCartReg input[type="password"] { margin: 0;}
.loginCart .loginCartReg input::placeholder {opacity: .8; font-style: italic; }
.loginCart .loginCartReg #lnkRecPwd {font-size: 12px;line-height: 14px;margin: 0 0 8px;display: inline-block;}
.loginCart .loginCartReg .spnLogError { display: block; color: #dd2c00; margin: 2px; font-size: 14px; font-weight: var(--bold1);}
.loginCart .loginCartReg .pBtnLogin button {display: inline-flex;align-items: center;justify-content: center;border: 0;padding: 8px 16px;border-radius: var(--radius1);font-size: 16px;line-height: 18px;background-color: var(--secondary);text-decoration: none;color: #fff;font-weight: var(--bold1);margin-top: 8px;}
.loginCart .loginCartReg .pBtnLogin button:before {content: "\f090";font-weight: 900;font-family: "Font Awesome 6 Pro";font-size: 20px;line-height: 20px;margin-right: 8px;}

.loginCart .loginCartNoReg {width: 50%;padding: 20px;background: rgba(0,0,0,0.05);display: flex;flex-direction: column;}
.loginCart .loginCartNoReg > p:nth-child(2){flex: 1;font-size: 14px;line-height: 18px;}
.loginCart .loginCartNoReg .pBtnReg { }
.loginCart .loginCartNoReg .pBtnReg a{display: inline-flex;align-items: center;justify-content: center;border: 0;padding: 7px 15px;border-radius: var(--radius1);font-size: 16px;line-height: 18px;background-color: rgba(255,255,255,1);text-decoration: none;color: var(--secondary);font-weight: var(--bold1);margin-top: 8px;border: 1px solid var(--secondary);}
.loginCart .loginCartNoReg .pBtnReg a:before {content: "\f4fd";font-weight: 600;font-family: "Font Awesome 6 Pro";font-size: 20px;margin-right: 8px;line-height: 20px;}
.loginCart .loginCartNoReg .pBtnReg a:after {content: "\f101";font-weight: 900;font-family: "Font Awesome 6 Pro";font-size: 14px;margin-left: 8px;line-height: 14px;margin-top: 4px;}



/*NOTICIAS*/
/* MOSAICO */
.widNot { text-align: center; background: #fff; padding: var(--section-margin) 16px; 
    background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(240,240,240,0) 100%);
    background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%);
    background: linear-gradient(to bottom, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#00f0f0f0',GradientType=0 );
}
.noticia .widNot {padding: 40px 0;}
.widNot .widNotCont { max-width: var(--max-width); margin: 0 auto; }
.widNot .widNotCont .widNotContInfo { margin: 0 0 20px; text-align: center; padding: 0 20px; }
.widNot .widNotCont .bgc {}
.bloggalvacio { padding: var(--section-margin) 16px; font-weight: var(--bold1); font-size: 26px; line-height: 140%; text-align: center; }

.bmmin1 .bloggalcont{ text-align: left;} 
.bmmin1 .bloggalcont{ display: flex; text-decoration: none; align-items: flex-start; border-bottom: 1px solid #eee; padding: 12px 0;}
.bmmin1 .bloggalcont > a > img{ display: block; width: 200px; max-width: 200px; min-width: 200px; border-radius: var(--radius-default); } 
.bmmin1 .bloggalcont > div{ width: 100%; height: 100%; padding: 12px; overflow: hidden;}
.bmmin1 .bloggalcont > .bgc > .bgctitle { margin: 0 0 4px; max-height: 72px; overflow: hidden; position: relative; }
.bmmin1 .bloggalcont > .bgc > .bgctitle a { color: inherit; text-decoration: none; font-size: 20px; line-height: 24px; display: inline-block; }
.bmmin1 .bloggalcont > .bgc > .bgctitle:after { content:""; display: block; position: absolute; top: 48px; right: 0; width: 40%; max-width: 120px; height: 24px; 
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.bmmin1 .bloggalcont .bgcdatos{ font-size: 90%; line-height: 120%; margin: 0 0 4px;}
.bmmin1 .bloggalcont .bgcdatos > div, .bmmin1 .bloggalcont .bgcdatos > a{ display: inline-block; opacity: .8; }
.bmmin1 .bloggalcont .bgcdatos .bgccat a { margin-right: 4px; }
.bmmin1 .bloggalcont .bgcinfo{max-height: 40px; /* Múltiplo del line-height*/overflow: hidden;position: relative;font-size: 16px;line-height: 20px;}
.bmmin1 .bloggalcont .bgcinfo h2 {margin: 0;font-weight: inherit;font-size: 14px;line-height: 20px;}
.bmmin1 .bloggalcont .bgcinfo p{margin: 0;padding:0;font-size: 14px;line-height: 20px;}
.bmmin1 .bloggalcont .bgcinfo:after{ content: "."; position: absolute; right: 0; bottom: 0; color: transparent; width: 100%; max-width: 80px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); }

.bmmin2 > .widNotCont > .widNotContNots { column-count: 2; }
.bmmin2 .bloggalcont{ display: inline-flex; width: 100%; text-decoration: none; align-items: center; margin-bottom: 12px; background: #fff; text-align: left; border-radius: var(--radius-default); overflow: hidden;}
.bmmin2 .bloggalcont .bgc > a { color: inherit; text-decoration: none; max-height: 44px; display: block; overflow: hidden; position:relative; width: 100%;}
.bmmin2 .bloggalcont > .bgc > .bgctitle:after { content:""; display: block; position: absolute; top: 40px; right: 0; width: 40%; max-width: 120px; height: 24px; 
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.bmmin2 .bloggalcont > a > img{ display: block; width: 160px; max-width: 160px; } 
.bmmin2 .bloggalcont > div{ width: 100%; height: 100%; padding: 8px 20px; overflow: hidden; max-height: 120px; overflow: hidden;} 
.bmmin2 .bloggalcont > .bgc > .bgctitle { margin: 0 0 4px; max-height: 60px; overflow: hidden; position: relative; font-size: 16px; line-height: 20px; }
.bmmin2 .bloggalcont > div > .bgctitle > a{ color: inherit; text-decoration: none;}
.bmmin2 .bloggalcont .bgcdatos{ font-size: 90%; line-height: 120%; margin: 0 0 4px;}
.bmmin2 .bloggalcont .bgcdatos > div, .bmmin1 .bloggalcont .bgcdatos > a{ display: inline-block; opacity: .8; vertical-align: middle; }
.bmmin2 .bloggalcont .bgcdatos .bgccat { max-height: 35px; overflow: hidden; display: inline-flex; align-items: center;}
.bmmin2 .bloggalcont .bgcdatos .bgccat a { margin-right: 4px; display: inline-block; max-width: 100%; overflow:  hidden; text-overflow: ellipsis; white-space: nowrap; }
.bmmin2 .bloggalcont .bgcinfo{ display: none; max-height: 40px; /* Múltiplo del line-height*/ overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; }
.bmmin2 .bloggalcont .bgcinfo p{ margin: 0; padding:0; }
.bmmin2 .bloggalcont .bgcinfo:after{ content: "."; position: absolute; right: 0; bottom: 0; color: transparent; width: 100%; max-width: 80px; background: -moz-linear-gradient(left, rgba(245,245,245,0) 0%, rgba(245,245,245,1) 100%); background: -webkit-linear-gradient(left, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 100%); background: linear-gradient(to right, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f5f5f5', endColorstr='#f5f5f5',GradientType=1 ); }





.bmmin3 .widNotContNots{display: flex;flex-flow: row wrap;justify-content: space-between;}
.bmmin3 .widNotContNots .bloggalcont{width: 23%;margin: 0 0 20px; text-align: left;}
.bmmin3 .widNotContNots .bloggalcont:nth-child(3):last-child {margin-right: 25.666%;}
.bmmin3 .widNotContNots .bloggalcont:nth-child(2):last-child {margin-right: 51.333%;}
.bmmin3 .widNotContNots .bloggalcont:first-child:last-child {margin-right: 76.999%;}
.bmmin3 .widNotContNots .bloggalcont a{ color: currentcolor; } 
.bmmin3 .widNotContNots .bloggalcont > a > img{ display: block; width: 100%; } 
.bmmin3 .widNotContNots .bloggalcont > div{padding: 8px 0 0;overflow: hidden;} 
.bmmin3 .widNotContNots .bloggalcont .bgctitle a{margin: 0;display: block;width: 100%;font-size: 14px;overflow: hidden;line-height: 16px; color: #666; text-decoration: none;}
.bmmin3 .widNotContNots .bloggalcont .bgcdatos{font-size: 100%;line-height: 0;margin:8px 0 0;}
.bmmin3 .widNotContNots .bloggalcont .bgcdatos > div, .bmmin3 .bloggalcont .bgcdatos > a{display: inline-block;opacity: .8;font-size: 12px;line-height: 12px;}
.bmmin3 .widNotContNots .bloggalcont .bgcdatos .bgccat{ display: none; }
.bmmin3 .widNotContNots .bloggalcont .bgcdatos .bgccat a { margin-right: 4px; }
.bmmin3 .widNotContNots .bloggalcont .bgcinfo{ display: none; max-height: 40px; /* Múltiplo del line-height*/ overflow: hidden; position: relative; }
.bmmin3 .widNotContNots .bloggalcont .bgcinfo p{ margin: 0; padding:0; }
.bmmin3 .widNotContNots .bloggalcont .bgcinfo:after{ content: "."; position: absolute; right: 0; bottom: 0; color: transparent; width: 100%; max-width: 80px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); }



.bmmin4{display: flex;max-width: var(--max-width);flex-flow: row wrap;/* justify-content: space-between; */}
.bmmin4 .bloggalcont{width: 23%;margin: 0 1% 20px;}
.bmmin4 .bloggalcont > a > img{ display: block; width: 100%; } 
.bmmin4 .bloggalcont > div{padding: 8px 0 0;overflow: hidden;} 
.bmmin4 .bloggalcont > div > .bgcnom > h2{margin: 0;display: block;width: 100%;font-size: 12px;overflow: hidden;line-height: 16px;}
.bmmin4 .bloggalcont .bgcdatos{font-size: 100%;line-height: 0;margin:4px 0 0;}
.bmmin4 .bloggalcont .bgcdatos > div, .bmmin4 .bloggalcont .bgcdatos > a{display: inline-block;opacity: .8;font-size: 10px;line-height: 10px;}
.bmmin4 .bloggalcont .bgcdatos .bgccat{ display: none; }
.bmmin4 .bloggalcont .bgcdatos .bgccat a { margin-right: 4px; }
.bmmin4 .bloggalcont .bgcinfo{ display: none; max-height: 40px; /* Múltiplo del line-height*/ overflow: hidden; position: relative; }
.bmmin4 .bloggalcont .bgcinfo p{ margin: 0; padding:0; }
.bmmin4 .bloggalcont .bgcinfo:after{ content: "."; position: absolute; right: 0; bottom: 0; color: transparent; width: 100%; max-width: 80px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); }

.texto__legal { margin: 12px 0; font-size: 12px; line-height: 140%; opacity: 0.6; max-width: 460px;}
    .texto__legal p:not(:last-child) { margin: 0 0 4px !important; }

.kitDigital {}
.kitDigital {}

/*******************************
Kit Digital
*******************************/
.kitDigital {
    padding: 40px 16px;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
}

.kitDigital > .kitDigitalCont {
    max-width: var(--max-width);
    margin: 0 auto;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    align-items: center;
}

.kitDigital .kitDigital__logo {
    display: block;
    width: 220px;
    max-width: 100%;
}

@media screen and (min-width: 1024px) {
    .kitDigital > .kitDigitalCont {
        grid-template-columns: 220px 220px auto;
        text-align: left;
    }
}

@media screen and (max-width: 1023px) {
    .kitDigital .kitDigital__logo.kitDigital__logo--EU {
        grid-area: 1 / 1;
        margin: 0 0 0 auto;
    }

    .kitDigital .kitDigital__logo.kitDigital__logo--TR {
        grid-area: 1 / 2;
        margin: 0 auto 0 0;
    }

    .kitDigital .kitDigital__text {
        grid-area: 2 / 1 / 3 / 3;
    }
}




/* MEDIDAS RESPONSIVE */
@media screen and (min-width: 1024px) {
    #login_box {position: absolute;z-index: 3;background-color: #fff; color:#333; box-shadow: 0 0 4px rgba(0,0,0,0.5);top: calc(100% + 8px);right: 0;border-top: 4px solid var(--primary);text-align: center;width: 260px;font-weight: normal;display:  none;}
        #cart .cart-prod-list {font-size: 12px;line-height: 14px;position: absolute;z-index: 3;background-color: #fff;color:#333; box-shadow: 0 0 4px rgba(0,0,0,0.5);top: calc(100% + 8px);right: 0;border-top: 4px solid var(--primary);width: 360px;font-weight: normal;padding: 8px 12px;}
        #cart .cart-prod-list:after {content: "\f0d8";font-weight: 900;font-family: "Font Awesome 6 Pro";color: var(--primary);display: block;position: absolute;bottom: 100%;font-size: 28px;line-height: 16px;right: 32px;}


        .datosCompra { }
        .datosCompra #dvCestaCont{ margin: 0; }

       .datosCompra #dvCuponesCarrito {display: block; margin: 20px 0;}
       .datosCompra #dvCuponesCarrito > p {max-width: 100%;}
       .datosCompra #dvCuponesCarrito .aplicados:not(:last-child), .datosCompra #dvCuponesCarrito .aplicar:not(:last-child), .datosCompra #dvCuponesCarrito .aplicables:not(:last-child) { max-width: 100%; }
       .datosCompra #dvCuponesCarrito .aplicar {max-width: 100%;}
       .datosCompra #dvCuponesCarrito .aplicar > p:first-child, .datosCompra #dvCuponesCarrito .aplicables > p:first-child {}
       .datosCompra #dvCuponesCarrito .aplicar > p:first-child, .datosCompra #dvCuponesCarrito .aplicar > p {}
       .datosCompra #dvCuponesCarrito .aplicar > p:first-child:before, .datosCompra #dvCuponesCarrito .aplicables > p:first-child:before {}
       .datosCompra #dvCuponesCarrito .aplicados:not(:last-child) { margin: 0 0 12px;}

    }

    /*################
    ##### 1 0 2 3 ####
    ################*/
@media screen and (max-width: 1023px) {
        #search {/* flex-direction: column-reverse; */}
        #search.active {/* opacity: 1; */}
        /*#search .close { display: block; }*/

        #search .searchBar input { font-size: 16px; line-height: 36px;}
        header .header .headerCont #searchbtn { display: block; }
        .searchCont #search_results {position: static;margin: 20px 0 0;border-radius: 0;box-shadow: none;/* background:  rgba(0,0,0,0.05); */flex:  1;/* border-top: 1px solid rgba(0,0,0,0.1) */}
        .searchCont #search_results ul {}
        .searchCont #search_results ul li {padding: 8px 0;}
        .searchCont #search_results ul li:not(.liTitle):hover { }
        .searchCont #search_results ul li:not(:last-child) { }
        .searchCont #search_results ul li.liTitle {padding: 8px 0;background:  transparent;}
        .searchCont #search_results ul li.liTitle:before { }
        .searchCont #search_results ul li p { }
        .searchCont #search_results ul li p a{padding: 4px;}
        .searchCont #search_results ul li p .img{ }
        .searchCont #search_results ul li p .nom{}
        .searchCont #search_results ul li p .nom a {}
        .searchCont #search_results ul li.verTodos { text-align: center; background-color: rgba(0,0,0,0.05); padding: 8px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; width: 100%; }
        .searchCont #search_results ul li.verTodos a { color: black; }

        #user a #btLogout { display: none; }
        
        header .hcont > div > .htconr .carrito a > span > .cant { display: block; position: absolute; top: 0; right: 0; background: #fff; width: 22px; height: 22px; line-height: 18px; font-size: 12px; text-align: center; border-radius: 100%; transform: translateX(25%) translateY(-25%); color: #532A9E; border: 2px solid; }
        #cart .cart-prod-list .hCartButtons {display: block;margin: 28px 0 0;}
        #cart .cart-prod-list .hCartButtons .hCartLink { width: 100%; margin: 0 0 8px;}
        #cart .cart-prod-list .hCartButtons .hCartLink a {padding: 10px 14px; }
        #cart .cart-prod-list .hCartButtons .hOrderLink { width: 100%;}
        #cart .cart-prod-list .hCartButtons .hOrderLink a {padding: 12px 16px; }


        #PORT02 .PORT02Cont {grid-template-columns:1fr 1fr; }


        .generic .dvPromo .img { width: 180px; float: left;}
        .generic .dvPromo .left { }
        .generic .dvPromo .right {width: 260px;}

        #dvContactoCont { display: block; }
        .dvContactoForm, #dvContactoPeticionFeita { padding: 20px 0 0; border-left: 0; border-top: 4px dashed rgba(0,0,0,0.1); margin: 20px 0 0; max-width: 100%; }
        .dvContatoInfoSup { display: flex; }
        .dvContatoInfoSup .dvContactoFormRight { margin-left: 8px; }
        .dvContatoInfoSub { display: flex; flex-wrap:wrap; justify-content: space-between;}
        .dvContatoInfoSub .tac { width: calc(50% - 6px); margin: 0; display: flex; justify-content: center; align-items: center; padding: 8px; border: 1px dashed #ccc; border-radius: 4px; text-align: center; }
        .dvContatoInfoSub input[type="button"]{ width: calc(50% - 6px); }
        .dvContatoInfoSub .ulContatoInfoSubGroup { width: 50%; margin-left: 8px; }

        #dvCuponesCarrito .aplicar { display: block; }
        #dvCuponesCarrito .aplicar > p:first-child { margin: 0 0 8px; }
        #dvCuponesCarrito .aplicar > p:last-child > label:first-child { max-width:100%;  }

        .carritoDatos { display: block; }
        .carritoDatos .carritoDatosLeft, .carritoDatos .carritoDatosRight {width: 100%;padding-right: 0;padding-left:  0;}
        .usuarios .altaNewsTac { margin-left:0;}

        .rightSlide {position: fixed;top: 0;right: -320px;height: 100%;z-index: 9;box-shadow: 0 0 0 9999px rgba(0,0,0,0);display: flex !important;flex-direction:  column;width: 320px;background-color: #fff;padding: 24px 12px;max-height: 100%;overflow: auto;transition: box-shadow 300ms ease;transition: right 300ms ease;}
        .rightSlide.active {right: 0px !important;box-shadow: 0 0 0 9999px rgba(0,0,0,0.4) !important;z-index: 10;/* display: flex !important; */}
        .rightSlide.menu_mob.active { padding: 0; }

        .leftSlide {display: block;position: fixed !important;top: 0;left: -320px;height: 100%;z-index: 9;box-shadow: 0 0 0 9999px rgba(0,0,0,0);display: flex;flex-direction:  column;width: 320px;background-color: #fff;max-height: 100%;overflow: auto;transition: box-shadow 300ms ease, left 300ms ease;}
        .leftSlide.active {left: 0px !important;box-shadow: 0 0 0 9999px rgba(0,0,0,0.4) !important; z-index: 10; padding: 0; }
        .leftSlide.menu_mob.active { padding: 0; }
        #search.leftSlide{display: block;padding: 24px 12px;}

        #login_box.rightSlide {justify-content: center;text-align: center;padding:  0;}
        #cart .cart-prod-list {/* padding-top: 40px; */}
        #cart .cart-prod-list ul{flex: 1;}
        #cart .cart-prod-list .hCartProd { padding: 12px 8px}
        #cart .cart-prod-list .hCartTotal {padding: 12px; font-size:  18px;line-height:  24px;}
        #cart .cart-prod-list .hCartTotalSinIva { padding: 12px; font-size: 12px; line-height: 24px; }
        #cart .cart-prod-list .hOrderLink {}
        #cart .cart-prod-list .hOrderLink a {font-size:  18px;line-height:  24px;}
        #cart .cart-prod-list .hCartLink {}
        #cart .cart-prod-list .hCartLink a {font-size:  18px;line-height:  24px;}
        #cart .cart-prod-list .hCartProd .hCartProdInfo img { max-width: 60px;}
        #cart .cart-prod-list .hCartProd .hCartProdInfo p { font-size: 16px; line-height: 20px; }
            #cart .cart-prod-list .hCartProd .hCartProdDelete { font-size: 14px; align-self: center; }
        .datosCompra { display: block;}
        .datosCompra .datosCompraRight { width: 100%; margin: 0 0 20px;}
        .datosCompra .datosCompraleft { margin: 0;}
        .datosCompra #dvCestaCont .cestaEnvioGratis,
        .datosCompra #dvCestaCont .cestaEnvioGratis a,
        .datosCompra #dvCestaCont .cestaEnvioGratis a span{  }


        .datosCompra {}
        .datosCompra .datosCompraRight {}
        .datosCompra .datosCompraLeft { }
        .datosCompra .dvCabRealizarPedidoMetodo .dvCabRealizarPedidoMetodoInt {}
        .datosCompra .datosCompraRight #tblVerCesto {}
        .datosCompra .datosCompraRight #tblVerCesto,
        .datosCompra .datosCompraRight #tblVerCesto > tbody,
        .datosCompra .datosCompraRight #tblVerCesto > td,
        .datosCompra .datosCompraRight #tblVerCesto > tr {}
        .datosCompra .datosCompraRight #tblVerCesto > th, #tblVerCesto table th, #tblVerCesto > tbody > tr:first-of-type { }

        .datosCompra .datosCompraRight #tblVerCesto #thCantidadProducto,
        .datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto,
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto,
        .datosCompra .datosCompraRight #tblVerCesto #thImporteProducto,
        .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto,
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto { }
        .datosCompra .datosCompraRight #tblVerCesto > tbody > tr > td { width: 100%; }
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta { display: table-row; }
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta:nth-last-child(2) { }
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdNombreProducto { width: 100%; display: table-cell; }
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdCantidadProducto { display: table-cell; width: 120px; }
        .datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto .tdCantidadTotal {}
        .datosCompra #tblVerCesto .tdCantidadProducto .tdCantidadTotal input {}
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto { width: 80px; display: table-cell; }
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto { width: 32px; display: table-cell; position: relative; min-width: 32px; text-align: center; }
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto:before {}
        .datosCompra .datosCompraRight #tblVerCesto > tbody > tr > td:first-child a img {}
        .datosCompra .datosCompraRight #tblVerCesto .trTotal {}
        .datosCompra .datosCompraRight #tblVerCesto .trTotal > td:first-child,.datosCompra #tblVerCesto .trTotal > td:last-child {}
        .datosCompra .datosCompraRight #tblVerCesto .trTotal > td:first-child:not(:empty) {}
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto,
        .datosCompra .datosCompraRight #tblVerCesto #thImporteProducto,
        .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto { display: table-cell; width: 120px; min-width: 120px; text-align: right; }
        .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto { min-width: 180px; }
        .datosCompra .datosCompraRight .trTotal .spnTotalCarrito { }

        .datosCompra #dvCestaCont .pIncremPed .spnIncremPed { }
        .datosCompra #dvCestaCont .cestaEnvioGratis,
        .datosCompra #dvCestaCont .cestaEnvioGratis a,
        .datosCompra #dvCestaCont .cestaEnvioGratis a span{width: auto;}


    .box4 .slideCont .swiper-container { padding-left: 20px }
    .box4 .swiper-slide { width: calc((1/3.5 * 100%) - 20px); }
    .box6 { padding: 40px 0;}
        .box6 .slideCont .swiper-container { padding-left: var(--productos-margin); }
        .box6 .slideCont .swiper-slide { width: calc((1/3.5 * 100%) - var(--productos-margin)); }

    .slideCupones3 .slideCuponesCont .sliderCuponesRes .switem { width: calc(50% - 4px) }
    
    .prodlist .RCRProdsCont { grid-template-columns: 1fr 1fr 1fr; }

    .boxMini .slideCont,
    .boxMiniRel .slideCont { overflow: visible; }
    .boxMini .slideCont .swiper-slide,
    .boxMiniRel .slideCont .swiper-slide { width: calc((100% / 4) - (12px * 3 / 4)); }
}
    /*################
    ###### 7 6 8 #####
    ################*/
    @media screen and (min-width: 767px) {
        header .hcont > div > .htconc .buscador { display: block !important; opacity: 1; }
        .menu { display: block; }
           .cd-secondary-dropdown { position: static; padding: 0; }
           .cd-secondary-dropdown ul {padding: 0;height:  auto;position: static;}
           .cd-secondary-dropdown ul.move-out { position: static; }
           .cd-secondary-dropdown ul.is-hidden { position: absolute;}
           .cd-secondary-dropdown ul.move-out > li > p{ position: absolute;}
           .cd-secondary-dropdown.move-out > li > p { position: absolute;}

        .menu_mob { display: none;}
    }

@media screen and (max-width: 768px) {
        .title1, #PORT01 .title2, .panel__desc--skin1[data-items="1"] .boxItem .bicTitle { font-size: 26px; line-height: 140%; }
        .title2 { font-size: 24px; line-height: 140%;}
        .title3 { font-size: 22px; line-height: 140%;}

    .socialShare {transform: scale(1.3);width: 76.923%;margin: 0 11.5385% 12px;}
    .socialShare .sswa { display: block; }
    #login_box:after { right: 12px; }
    .radiobtn input[type="radio"] { width: 24px; height: 24px; }
    .radiobtn > span { }
    .radiobtn > span:before { width: 24px; height: 24px; }
    
    header .header { display: flex; flex-shrink: 1; }
   
    header .header .btnmenu.active {z-index: 11; border-radius: 100%; background-color: #fff;}
    header .header .btnmenu.active.translate:first-child {transform: translateX(320px);}
    header .header .btnmenu.active.translate:last-child {transform: translateX(-320px);}
    header .header .headerCont { width: 100%; }
    header .menu { display: none !important; }
    header .menu.leftSlide { padding: 0; display: block;}
    header .menu .menuCont { display: block; width: 100%; }
    header .menu .menuCont .menulang { display: block; }

    .mcPrincipal { display: block; position: static; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); visibility: visible; height: auto; overflow: hidden; }
    .mcPrincipal > a { display: none; }
    .mcPrincipal > a span { }
    .mcPrincipal .cd-dropdown-trigger { display: none;}
    .mcPrincipal ul.cd-dropdown li{ height: auto;}
    .mcPrincipal li a { padding: 20px 12px; }
    .mcPrincipal ul > li.go-back > p > span:after { padding: 20px 12px; }
    .mcPrincipal ul > li > p > span {}

    .cd-dropdown-content { position: static; padding: 0; }
    .cd-dropdown-content ul {padding: 0;height:  auto;position: static;}
    .cd-dropdown-content ul.move-out { position: static; }
    .cd-dropdown-content ul.is-hidden {position: absolute;}
    .cd-dropdown-content ul.move-out > li > p{ position: absolute;}
    .cd-dropdown-content.move-out > li > p { position: absolute;}

    .mcDestacado { display: block; background: rgba(0,0,0,0.05); }
    .mcDestacado ul { display: block; }
    .mcDestacado ul li { border-bottom: 1px solid rgba(0,0,0,0.1);margin-left:0; }
    .mcDestacado ul li a { display: block; text-transform: none; padding: 16px 12px; width: 100%; }
    .mcDestacado ul li a span { }

    .langSelector { padding: 8px;}

    .menu_mob.leftSlide,
    .menu_mob.rightSlide {
        display: block;
    }

    /*MENU*/
    /*header .header .btnmenu.active { transform: translateX(320px); z-index: 11; }
    header .header .fndmenu.active { width: 100%; opacity: 1; }*/
    /*MODAL USUARIO*/
    #user { position: static; }
    /*#login_box { width: 300px; display: flex; bottom: 0; right: -304px; position: fixed; height: 100vh; top: 0; font-size: 18px; flex-flow: column wrap; justify-content: center; border: 0; transition: all 300ms ease; }*/
    /*#login_box.active { right: 0; box-shadow: 0 0 40px rgba(0,0,0,1); }*/
    #login_box:after { content: ""; }
    #login_box input[type="text"], #login_box input[type="password"] { padding: 8px 12px; }
    #login_box .spnLogError { }
    #login_box input[type="button"], #login_box input[type="submit"], #login_box #lnkBtnReg, #login_box #btLoginUsu, #login_box #btLogout { font-size: 16px; line-height: 22px; }

    #login_box .title { font-size: 18px; margin: 0 0 16px; }
    #login_box .usuario-registrado { padding: 40px 16px; }
    #login_box .usuario-registrado input[type="button"], #login_box .UsuReg input[type="submit"] { }
    #login_box .usuario-registrado a { }
    #login_box .usuario-no-registrado { padding: 40px 16px; }
    #login_box .usuario-no-registrado input[type="button"], #login_box .usuario-no-registrado input[type="submit"] { }



    .Newsletter #dvNewsletterRegister #dvNewsletterRegisterCont form { display: block; }
    .Newsletter #dvNewsletterRegister #dvNewsletterRegisterCont form > div { width: 100%; }
    .Newsletter #dlNewsletterRegister { margin: 20px 0 0; padding: 0; }




    .box2 .boxCont > div > div { flex-flow: row wrap; }
    .box2 .boxCont .boxItem { width: 100%; }
    .box2 .boxCont .boxItem > div { padding-bottom: 50%; }

    .box3a { /* overflow-x: scroll; */ padding: 0 20px 24px 20px; }
    .box3a .boxCont::-webkit-scrollbar { height: 8px; }
    .box3a .boxCont::-webkit-scrollbar-track { border-radius: 10px; background-color: #F5F5F5; }
    .box3a .boxCont::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 0 2px #F5F5F5; background-color: #ccc; }
    .box3a .boxCont { overflow-x: auto; position: relative; }
    .box3a .boxCont .boxItem { width: 60%; }
    .box3a .boxCont .boxItem > div { padding-bottom: 45%; }
    .box3a .boxCont .boxItem .bicTitle { font-size: 100%; }

    .box3 { /* overflow-x: scroll; */ padding: 0 0px 24px; }
    .box3 .boxCont .boxItem { width: 60%; }
    .box3 .boxCont .boxItem > div { padding-bottom: 45%; }
    .box3 .boxCont .boxItem .bicTitle { font-size: 100%; }
    .bndBox3 .bndBox3Cont { display: block; }
    .bndBox3 .bndBox3Cont > div { width: 100%; }
    .bndBox3 .bndBox3Cont > div:not(:last-child) { margin: 0 0 12px; }

    footer .footerInfo .footerInfoCont .FICBox:first-child { width: 100%; margin-bottom: 24px }
    footer .footerInfo .footerInfoCont .FICBox:nth-of-type(2),
    footer .footerInfo .footerInfoCont .FICBox:last-of-type,
    footer .footerInfo .footerInfoCont .FICBox:first-of-type { width: 100%; margin: 12px 0; }
    footer .footerInfo .footerInfoCont .FICBox:nth-child(2) { border: 0 }
    footer .footerInfo .footerInfoCont .vline { width: 100%; height: 2px; }

    .Marcas .genericCont .listadoMarcas ul li { width: calc(25% - 16px); }
    .contactBand { display: block; text-align: center; }
    .contactBand .socialUl { text-align: center; }

    .generic .dvPromo { display: block; }
    .generic .dvPromo .img { width: 180px; float: left;}
    .generic .dvPromo .left { width: auto; }
    .generic .dvPromo .right { width: 100%; }

    #dvValidarChequeRegalo { display: block; }
    #dvValidarChequeRegalo > form { margin: 20px 0 0; max-width: 100%; }

    #dvContactoInfo { display: block; }
    #dvContactoInfo .ContactoInfo { width: 100%; margin: 0 0 20px; }
    #dvContactoInfo .ContactoMapa { width: 100%; }

    .usuarios .dvDatosGenerales .dvDatosGeneralesForm { display: block; }
    .usuarios .dvDatosGenerales .dvDatosGeneralesForm .dvDatosGeneralesFormLeft { margin: 0; }
    .usuarios .dvDatosGenerales .dvDatosGeneralesForm .dvDatosGeneralesFormRight { padding: 0; border: 0; }

    #tblVerCesto,
    #tblVerCesto > tbody,
    #tblVerCesto > td,
    #tblVerCesto > tr { display: block; width: 100%; }
    #tblVerCesto > th, #tblVerCesto table th, #tblVerCesto > tbody > tr:first-of-type { display: none; }

    #tblVerCesto #thCantidadProducto,
    #tblVerCesto .tdCantidadProducto,
    #tblVerCesto .trProductoCesta .tdImporteProducto,
    #tblVerCesto #thImporteProducto,
    #tblVerCesto .tdImporteTotalProducto,
    #tblVerCesto .trProductoCesta .tdEliminaProducto { width: 100%; }
    #tblVerCesto > tbody > tr > td { padding: 8px; }
    #tblVerCesto .trProductoCesta {display: flex;flex-flow: row wrap;/* margin: 0 0 20px; */background: rgba(0,0,0,0.02);}
    #tblVerCesto .trProductoCesta .tdNombreProducto { width: 100%; }
    #tblVerCesto .trProductoCesta .tdCantidadProducto { width: 45%; }
    #tblVerCesto .tdCantidadProducto .tdCantidadTotal { padding: 4px 0; }
    #tblVerCesto .trProductoCesta .tdImporteProducto { width: 45%; text-align: center; display: flex; align-items: center; justify-content: flex-end; font-weight: var(--bold1); font-size: 130%; }
    #tblVerCesto .trProductoCesta .tdEliminaProducto { width: 10%; display: flex; align-items: center; justify-content: center; }
    #tblVerCesto .trProductoCesta .tdEliminaProducto:before { font-size: 14px; }
    #tblVerCesto > tbody > tr > td:first-child a img { width: 80px; border-radius: 4px; }
    #tblVerCesto .trTotal { font-weight: var(--bold1); display: block; }
    #tblVerCesto .trTotal > td:first-child, #tblVerCesto .trTotal > td:last-child { display: none; }
    #tblVerCesto .trTotal > td:first-child:not(:empty) { display: block; }
    #tblVerCesto .trProductoCesta .tdImporteProducto, #tblVerCesto #thImporteProducto, #tblVerCesto .tdImporteTotalProducto { font-size: 120%; }
    .trTotal .spnTotalCarrito { font-size: 130%; }
    #dvCuponesCarrito .aplicados > div { padding: 4px 8px; }
    #dvCuponesCarrito .aplicados .nombre {}
    #dvCuponesCarrito .aplicados .eliminar a { font-size: 14px; }
    #dvCuponesCarrito .aplicar { max-width: 100%; }
    #dvCuponesCarrito > p { max-width: 100%; }
    #dvCuponesCarrito .aplicados:not(:last-child) { order: 0; margin-bottom: 8px; }
    #dvPedidosListUserCont table tr td { padding: 12px 4px; }
    #dvPedidosListUserCont table th:last-child, #dvPedidosListUserCont table th:nth-child(5), #dvPedidosListUserCont table th:nth-child(4), #dvPedidosListUserCont table th:nth-child(6) { display: none; }
    #dvPedidosListUserCont table tr td:last-child, #dvPedidosListUserCont table tr td:nth-child(5), #dvPedidosListUserCont table tr td:nth-child(4), #dvPedidosListUserCont table tr td:nth-child(6) { display: none; }
    #dvPedidosListUserCont table tr td:nth-child(3) { width: 90px; min-width: 90px; }



    #tblResumenProds,
    #tblResumenProds > tbody,
    #tblResumenProds > td,
    #tblResumenProds > tr { display: block; width: 100%; }
    #tblResumenProds > th, #tblResumenProds table th, #tblResumenProds > tbody > tr:first-of-type { display: none; }

    #tblResumenProds #thCantidadProducto,
    #tblResumenProds .tdCantidadProducto,
    #tblResumenProds .trProductoCesta .tdImporteProducto,
    #tblResumenProds #thImporteProducto,
    #tblResumenProds .tdImporteTotalProducto,
    #tblResumenProds .trProductoCesta .tdEliminaProducto { width: 100%; }
    #tblResumenProds > tbody > tr > td { padding: 8px; }
    #tblResumenProds .trProductoCesta { display: flex; flex-flow: row wrap; margin: 0 0 20px; background: rgba(0,0,0,0.02); }
    #tblResumenProds .trProductoCesta .tdNombreProducto { width: 100%; }
    #tblResumenProds .trProductoCesta .tdCantidadProducto { width: 45%; }
    #tblResumenProds .tdCantidadProducto .tdCantidadTotal { padding: 4px 0; }
    #tblResumenProds .trProductoCesta .tdImporteProducto { width: 45%; text-align: center; display: flex; align-items: center; justify-content: flex-end; font-weight: var(--bold1); font-size: 130%; }
    #tblResumenProds .trProductoCesta .tdEliminaProducto { width: 10%; display: flex; align-items: center; justify-content: center; }
    #tblResumenProds .trProductoCesta .tdEliminaProducto:before { font-size: 14px; }
    #tblResumenProds > tbody > tr > td:first-child a img { width: 80px; }
    #tblResumenProds .trTotal { font-weight: var(--bold1); }
    #tblResumenProds .trTotal > td:first-child, #tblResumenProds .trTotal > td:last-child { display: none; }
    #tblResumenProds .trProductoCesta .tdImporteProducto, #tblResumenProds #thImporteProducto, #tblResumenProds .tdImporteTotalProducto { font-size: 120%; }

    .generic .genericCont .resumenCarrito { display: block; }
    .generic .genericCont .resumenCarrito .resumenFacturacion, .resumenCarrito .resumenEnvio { width: 100%; }
    .resumenProductos #tblResumenProds,
    .resumenProductos #tblResumenProds > tbody,
    .resumenProductos #tblResumenProds td,
    .resumenProductos #tblResumenProds tr { display: block; width: 100%; text-align: center;}
    .resumenProductos #tblResumenProds tr { display: flex;  flex-flow: row wrap; padding: 8px;}
    .resumenProductos #tblResumenProds > tbody > tr > td:first-child{ font-weight: var(--bold1); }
    .resumenProductos #tblResumenProds > tbody > tr:not(.trTotales) > td:first-child:before { content: "\f105"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-right: 4px; font-size: 16px; }
    .resumenProductos #tblResumenProds > tbody > tr > td:nth-child(2) { width: 50%;  text-align: left;}
    .resumenProductos #tblResumenProds > tbody > tr > td:nth-child(3) { width: 50%; text-align: right;}

    .resumenProductos #tblResumenProds > tbody > tr.trTotales div:not(:last-child) { border-bottom: 1px solid rgba(0,0,0,0.05); padding-bottom: 4px;}
    /*catalogo*/
    body.catalog footer .footerInfo .footerInfoCont .FICBox:first-of-type { width: 100%;}
    body.catalog footer .footerInfo .footerInfoCont .FICBox:nth-of-type(2) { width: 0;}
    body.catalog footer .footerInfo .footerInfoCont .FICBox:last-of-type { width: 100%;}


    .datosCompra { }
        .datosCompra .datosCompraRight {}
        .datosCompra .datosCompraLeft { }
        .datosCompra .dvCabRealizarPedidoMetodo .dvCabRealizarPedidoMetodoInt { padding: 12px 12px 0; }
        .datosCompra .datosCompraRight #tblVerCesto { }
        .datosCompra .datosCompraRight #tblVerCesto,
        .datosCompra .datosCompraRight #tblVerCesto > tbody,
        .datosCompra .datosCompraRight #tblVerCesto > td,
        .datosCompra .datosCompraRight #tblVerCesto > tr { padding: 0; }
        .datosCompra .datosCompraRight #tblVerCesto > th, #tblVerCesto table th, #tblVerCesto > tbody > tr:first-of-type { }

        .datosCompra .datosCompraRight #tblVerCesto #thCantidadProducto,
        .datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto,
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto,
        .datosCompra .datosCompraRight #tblVerCesto #thImporteProducto,
        .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto,
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto { }
        .datosCompra .datosCompraRight #tblVerCesto > tbody > tr > td { display: table-cell; width: auto;}
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta { display: flex; }
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta:nth-last-child(2) { }
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdNombreProducto { width: 100%; display: block; }
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdCantidadProducto {display: block;width: 45%;max-width: 100%;}
        .datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto .tdCantidadTotal {}
        .datosCompra #tblVerCesto .tdCantidadProducto .tdCantidadTotal input {}
        .datosCompra .datosCompraRight #tblVerCesto > tbody > tr > td:first-child a img {}
        .datosCompra .datosCompraRight #tblVerCesto .trTotal {}
        .datosCompra .datosCompraRight #tblVerCesto .trTotal > td:first-child,.datosCompra #tblVerCesto .trTotal > td:last-child {}
        .datosCompra .datosCompraRight #tblVerCesto .trTotal > td:first-child:not(:empty) {}
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto,
        .datosCompra .datosCompraRight #tblVerCesto #thImporteProducto,
        .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto {display: block;width: 120px;min-width: 120px;text-align: right;}
        .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto {min-width: 180px;display: table-cell;width: 100%;padding: 8px;}
        .datosCompra .datosCompraRight .trTotal .spnTotalCarrito { }


        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto {width: 45% !important;text-align: center;display: flex;align-items: center;justify-content: flex-end;font-weight: var(--bold1);font-size: 120%;}
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto { width: 10%; display: flex; align-items: center; justify-content: center; }
        .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto:before {}

        .datosCompra #dvCestaCont .pIncremPed .spnIncremPed { }
        .datosCompra #dvCestaCont .cestaEnvioGratis,
        .datosCompra #dvCestaCont .cestaEnvioGratis a,
        .datosCompra #dvCestaCont .cestaEnvioGratis a span{width: auto;}

        /*NOTICIAS*/
        .widNot .widNotCont .bgc{ padding: 0 12px;}
        .bmmin2 > .widNotCont > .widNotContNots { column-count: 1; }
        .bmmin3 .widNotContNots { justify-content: space-between; }
        .bmmin3 .bloggalcont > .bgc { padding: 0; margin: 0 0 8px;}
        .bmmin3 .bloggalcont{ text-align: left; width: calc(50% - 10px); text-decoration: none; padding: 0;}
        .bmmin3 .bloggalcont:nth-child(3n-1) { margin:  0 0 20px; }
        .bmmin3 .bloggalcont > .bgc > .bgctitle { }
        .bmmin3 .bloggalcont > .bgc > .bgctitle:after { top: 40px }
        .bmmin3 .bloggalcont > .bgc > .bgctitle a { font-size: 16px; line-height: 20px; }
        .bmmin3 .bloggalcont .bgcinfo { display: none; }

    .box4 .swiper-slide { width: calc((1/2.7 * 100%) - (var(--productos-margin)*(2/3))); }
    .box6 .slideCont .swiper-slide { width: calc((1/3.5 * 100%) - var(--productos-margin)); }

    }
    /*################
    ###### 6 4 0 #####
    ################*/
    @media screen and (min-width: 640px) {
        #search { display: block !important; opacity: 1; }

    }

    @media screen and (max-width: 640px) {
        .title1, #PORT01  .title2 { font-size: 24px; line-height: 140%; }
        .title2 { font-size: 22px; line-height: 140%;}
        .title3 { font-size: 20px; line-height: 140%;}
        .news1 .newsCont .title2{ font-size: 24px; line-height: 140%;}
        .SimpleModal.modal-mcd .title {font-size: 24px;line-height: 140%;}

       

        #PORT02 .PORT02Cont {grid-template-columns:1fr; grid-gap:16px; }

        .dvBanner:not(.slideCupones3) { padding: 12px; }
        .boxMini { }
        
        .Marcas .genericCont .listadoMarcas ul li { width: calc(33.333% - 16px); }

        #dvContactoCont { }

        #dvContactoInfo { }
        #dvContactoInfo > p { }
        #dvContactoInfo .ContactoInfo { }
        #dvContactoInfo .ContactoMapa { }
        #dvContactoInfo .ContactoMapa iframe { }
        .dvContactoForm { }



        #ulContatoInfo { }
        #ulContatoInfo .dvContactoFormItem, #ulContatoInfo .dvContactoFormGroup { }
        #ulContatoInfo input[type="text"], #ulContatoInfo textarea { }
        .dvContatoInfoSup { display: block; }
        .dvContatoInfoSup .dvContactoFormLeft { }
        .dvContatoInfoSup .dvContactoFormLeft .dvContactoFormItem { }
        .dvContatoInfoSup .dvContactoFormLeft .dvContactoFormItem input { }
        .dvContatoInfoSup .dvContactoFormRight { margin: 0; }
        .dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem { }
        .dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo { }
        .dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo textarea { }

        .dvContatoInfoSub { display: block; }
        .dvContatoInfoSub .ulContatoInfoSubItem { }
        .dvContatoInfoSub .ulContatoInfoSubItem .dvContactoInfo:last-child { max-width: 100%; }
        .dvContatoInfoSub .tac { width: 100%; margin: 0 0 12px; }
        .dvContatoInfoSub input[type="button"]{ width: 100% }
        .dvContatoInfoSub .tac .dvContactoInfo { }
        .dvContatoInfoSub .ulContatoInfoSubGroup { width: 100%; margin: 0; }
        .dvContatoInfoSub input[type="submit"] { }

        .generic .genericCont #dvDetFactEnv { display: block; }
        .generic .genericCont #dvDetFactEnv > * { width: 100%; }
        .carritoDatos .carritoDatosRight .carritoFacturacion ul li, .carritoDatos .carritoDatosRight .carritoEnvio ul li { width: 100%; margin: 0 0 4px;}
        .carritoDatos .carritoDatosRight .carritoFacturacion, .carritoDatos .carritoDatosRight .carritoEnvio, .carritoDatos .carritoDatosRight .carritoPago, .carritoDatos .carritoDatosLeft .carritoObservaciones { padding: 12px;}

        #dvLnkCarrito .btnIzq span{ display: none; }

        #dvMetodoPagoBotones { flex-direction: column-reverse; align-items: center;}
        #dvMetodoPagoBotones .btnDerCont{ margin: 0 0 32px; align-items: center;}
        #dvMetodoPagoBotones .btnDerCont > * { align-self: center; }

        .formBox > div #ulContatoInfo .dvContatoInfoSup{ display: block; }
        .formBox > div #ulContatoInfo .dvContactoFormLeft { margin: 0; width: 100%; }
        .formBox > div #ulContatoInfo .dvContactoFormRight { margin: 0; width: 100%; }
        .formBox > div #ulContatoInfo .dvContatoInfoSub { display: block; }
        .formBox > div #ulContatoInfo .dvContatoInfoSub .tac,
        .formBox > div #ulContatoInfo .dvContatoInfoSub #bc_enviar { width: 100%; margin: 0 0 8px; }
        .formBox > div #ulContatoInfo input[type="text"], .formBox > div #ulContatoInfo input[type="tel"], .formBox > div #ulContatoInfo input[type="email"], .formBox > div #ulContatoInfo textarea { padding: 8px; }
        .SimpleModal.modal-mcd .wrap {padding: 32px 12px 12px;max-height: 100vh;}
        .SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .nombre { font-size: 16px; line-height: 20px; }
        .SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .codigo { font-size: 14px; line-height: 18px; }
        .SimpleModal.modal-mcd .cuponInfoCont {display: block;margin: 0 auto;}
        .SimpleModal.modal-mcd .cuponInfoCont .img { width: 100%; }
        .SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText {width: 100%;min-height: 130px;flex: 1;padding: 24px 8px;}
        .loginCart { display: block;  text-align: center;}
        .loginCart .loginCartReg { width: 100%; }
        .loginCart .loginCartNoReg { width: 100%; }

        .breadcrumb { margin: 0 0 12px; }
        .bmmin1 .bloggalcont > a > img { width: 160px; max-width: 160px; min-width: 160px; }

        .box2 .boxCont .boxItem { margin-bottom: var(--mosaico-margin)}
        .box3 .boxCont .boxItem { width: calc((1/1.333 * 100%) - (var(--mosaico-margin)*(2/3))); }
        .box4 .slideCont .sw { padding-left: 0; }
        .box4 .swiper-slide { width: calc((1/1.75 * 100%) - (var(--productos-margin)*(2/3))); }
        .box6 .slideCont .swiper-slide { width: calc((1/2 * 100%) - var(--productos-margin)); }
        
        .slideCupones3 .slideCuponesCont .sliderCuponesRes .switem { width: calc(100% - 4px) }

        .RCRProdsCont,
        .prodlist .RCRProdsCont { grid-template-columns: 1fr 1fr; }
        .RCRProds .RCRProdsPrev { flex-direction: column;}
            .RCRProds .RCRProdsPrev .RCRProdsPrevRight { justify-content: center; width: 100%; max-width: 420px;}
            .RCRProds .RCRProdsPrev .numProds { margin: 8px auto; }

        .boxMini .slideCont .swiper-slide,
        .boxMiniRel .slideCont .swiper-slide { width: calc((100% / 2) - (12px * 2 / 3)); }
        .bmmin3 .widNotContNots .bloggalcont {  width: 48%; }
        .bmmin3 .widNotContNots .bloggalcont:nth-child(3):last-child,
        .bmmin3 .widNotContNots .bloggalcont:nth-child(2):last-child,
        .bmmin3 .widNotContNots .bloggalcont:first-child:last-child {margin-right: inherit;}
    }
    /*################
    ###### 4 8 0 #####
    ################*/
    @media screen and (max-width: 480px) {


        .box2 .boxCont .boxItem > div { padding-bottom: 75% }
        .box3 .boxCont .boxItem > div { padding-bottom: 75%; }

        .news1 .newsCont .newsMail form { display: block; }
        .news1 .newsCont .newsMail .newsInput { }
        .news1 .newsCont .newsMail .newsBtn { margin: 8px auto 0; padding: 8px 12px; width: 100%; }

        footer { text-align: center; }
        footer .footerInfo .footerInfoCont { /* flex-flow:column-reverse wrap; */ }
        footer .footerInfo .footerInfoCont .FICBox { width: 100%; margin-bottom: 32px; }
        footer .footerInfo .footerInfoCont .FICBox .FICBoxList { column-count: 1; }
        footer .footerEnd .footerEndCont > div { width: 100%; }
        footer .footerInfo .footerInfoCont .FICBox .FICBoxList li { justify-content: center; }
        footer .footer-footerEnd .footerEndCont .FECPaxinas { margin-top: 12px; }
        footer .footerEnd .footerEndCont .FECPaxinas { justify-content: center;}
        .Marcas .genericCont .listadoMarcas ul li { width: calc(50% - 16px); }
        .Newsletter #dlNewsletterRegister .newsletterEnvio .dlCaptcha { margin: 0 0 12px; width: 100%; }
        .Newsletter #dlNewsletterRegister .newsletterEnvio { display: block; }
        .dvContatoInfoSub .ulContatoInfoSubItem { display: block; }
        .dvContatoInfoSub .dvCaptcha { width: 100%; margin: 0 0 12px; }
        .usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect span { width: 20%; }
        .usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect span:nth-child(2) { width: 45% }

 /*       header .header .btnmenu.active.translate { transform: translateX(280px); }*/
        header .header .btnmenu.active.translate:first-child { transform: translateX(280px); }
        header .header .btnmenu.active.translate:last-child { transform: translateX(-280px); }
        .leftSlide.menu_mob{ left: -280px; width: 280px; }
        .rightSlide.menu_mob{ right: -280px; width: 280px; }
        /*header .menu { left: -280px; width: 280px; }*/
        #tblVerCesto > tbody > tr > td:first-child a img{ width: 56px;}
        #tblVerCesto .trTotal #liPagaMasTardeSim { flex-direction: column; max-width: 360px; margin: 0 auto;}
        #tblVerCesto .trTotal #liPagaMasTardeSim:before { height: 50px; width: 100%; justify-content: center; }

        #dvLnkCarrito {flex-direction: column; }
        #dvLnkCarrito .btnDer { width: 100%; margin: 0 0 12px; justify-content: center; }
        #dvLnkCarrito .btnIzq { width: 100%;  justify-content: center; }
        #dvMetodoPagoBotones .btnDerCont { margin: 0 0 12px; }
        #dvMetodoPagoBotones .btnDerCont > *{width: 100%;  justify-content: center; margin: 0 0 12px; }
        #dvMetodoPagoBotones .btnIzq { width: 100%;  justify-content: center; }
        .SimpleModal.LoginRegister-modal .wrap { padding: 48px 12px 12px; }

        #Res .RCRProdsCont .prodItem { width: 100%; margin: 0 auto 20px; max-width: 280px; }

        .slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo:before{ display: none;}
            
        .generic .dvPromo { max-width: 300px; margin: 0 auto; }
        .generic .dvPromo:not(:last-child) { margin: 0 auto 20px; }
        .generic .dvPromo .img {width: 100%;float: none;padding: 12px 12px 0;}
        .generic .dvPromo .img a { max-width: 280px; padding: 0;}
        .generic .dvPromo .left { width: 100%; }
        .generic .dvPromo .right { width: 100%; }

        .dvBanner.envioMini .dvBannerCont { font-size: 12px; line-height: 14px;  }

        /* MOSAICO */
        .bmmin1 .bloggalcont > a > img{ width: 120px; max-width: 120px; min-width: 120px; }
        .bmmin1 .bloggalcont .bgcinfo{max-height: 40px; display: none;}

        /*.box4 .swiper-slide { width: calc((1/1.333 * 100%) - 20px); }*/
           .box4 {padding: var(--section-margin) 0; }

           .socialBox--fixed .socialUl a{ width: 48px; height: 48px; font-size:28px;}
    }
    /* ANIMACIONES */
    @-webkit-keyframes inM {
        50% { -webkit-transform: rotate(0deg); }

        100% { -webkit-transform: rotate(45deg); }
    }

    @keyframes inM {
        50% { transform: rotate(0deg); }

        100% { transform: rotate(45deg); }
    }

    @-webkit-keyframes outM {
        50% { -webkit-transform: rotate(0deg); }

        100% { -webkit-transform: rotate(45deg); }
    }

    @keyframes outM {
        50% { transform: rotate(0deg); }

        100% { transform: rotate(45deg); }
    }

    @-webkit-keyframes inT {
        0% { -webkit-transform: translateY(0px) rotate(0deg); }

        50% { -webkit-transform: translateY(5px) rotate(0deg); }

        100% { -webkit-transform: translateY(5px) rotate(135deg); }
    }

    @keyframes inT {
        0% { transform: translateY(0px) rotate(0deg); }

        50% { transform: translateY(5px) rotate(0deg); }

        100% { transform: translateY(5px) rotate(135deg); }
    }

    @-webkit-keyframes outT {
        0% { -webkit-transform: translateY(0px) rotate(0deg); }

        50% { -webkit-transform: translateY(5px) rotate(0deg); }

        100% { -webkit-transform: translateY(5px) rotate(135deg); }
    }

    @keyframes outT {
        0% { transform: translateY(0px) rotate(0deg); }

        50% { transform: translateY(5px) rotate(0deg); }

        100% { transform: translateY(5px) rotate(135deg); }
    }

    @-webkit-keyframes inBtm {
        0% { -webkit-transform: translateY(0px) rotate(0deg); }

        50% { -webkit-transform: translateY(-5px) rotate(0deg); }

        100% { -webkit-transform: translateY(-5px) rotate(135deg); }
    }

    @keyframes inBtm {
        0% { transform: translateY(0px) rotate(0deg); }

        50% { transform: translateY(-5px) rotate(0deg); }

        100% { transform: translateY(-5px) rotate(135deg); }
    }

    @-webkit-keyframes outBtm {
        0% { -webkit-transform: translateY(0px) rotate(0deg); }

        50% { -webkit-transform: translateY(-5px) rotate(0deg); }

        100% { -webkit-transform: translateY(-5px) rotate(135deg); }
    }

    @keyframes outBtm {
        0% { transform: translateY(0px) rotate(0deg); }

        50% { transform: translateY(-5px) rotate(0deg); }

        100% { transform: translateY(-5px) rotate(135deg); }
    }

    @keyframes blink {
      0% { opacity: 1;}
      16.6666% { opacity: 0;}
      33.3333% { opacity: 1;}
      50% { opacity: 0;}
      66.6666% { opacity: 1;}
      83.3333% { opacity: 0;}
      100% { opacity: 1;}
    }
    @-webkit-keyframes blink {
      0% { opacity: 1;}
      16.6666% { opacity: 0;}
      33.3333% { opacity: 1;}
      50% { opacity: 0;}
      66.6666% { opacity: 1;}
      83.3333% { opacity: 0;}
      100% { opacity: 1;}
    }
    
@-webkit-keyframes flash {
  0%  {opacity: 1}
  3%  {opacity: 0}
  6%  {opacity: 1}
  9%  {opacity: 0}
  12%  {opacity: 1}
  15%  {opacity: 0}
  18%  {opacity: 1}
  100% {opacity: 1}
}

@keyframes flash {
  0%  {opacity: 1}
  3%  {opacity: 0}
  6%  {opacity: 1}
  9%  {opacity: 0}
  12%  {opacity: 1}
  15%  {opacity: 0}
  18%  {opacity: 1}
  100% {opacity: 1}
}

header .header .headerCont .hcLeft .hcLogo a img/*Cambiar iconos de carrito: f07a f290 f847 f49c f49d*/
.fa-shopping-cart:before { content: "\f290"!important; font-weight:var(--weight-fa); }

/*Cambiar iconos de carrito: f007 f0c0 f2bd f508 f582 f406 f7bd*/
.fa-user:before { content: "\f007"!important;  font-weight:var(--weight-fa);}
.fa-search:before{font-weight:var(--weight-fa);}

header {
    background: #fff;
    border-bottom: 5px solid var(--primary);
}

/* Estilo para dise�o 1B */
/*
.tiendaPortada:not(.tiendacatalogo) header{position:absolute;top:0;left:0;width:100%; z-index:2; border:0;background:none;}
*/

/* PreHeader */
header .preHeader { background: #f0f0f0;display:none; }
header .preHeader .preHeaderCont { padding: 4px 8px; display: flex; justify-content: space-between; align-items: center; font-weight: normal; font-size: 12px; line-height: 140%; max-width: var(--max-width); margin: 0 auto; }
header .preHeader .preHeaderCont .phcLeft { }
header .preHeader .preHeaderCont .phcLeft p { text-transform: uppercase; font-weight: var(--bold1); color: #333; font-size: 15px; }
header .preHeader .preHeaderCont .phcRight { flex-shrink: 0; margin-left: 12px; display: flex; flex-flow: row wrap; align-items: center; }


/*Header*/
    header .header {
        position: relative;
        max-width: 100%;
    }
header .header .headerCont { padding:12px; display: flex; justify-content: space-between; align-items: center; max-width: var(--max-width); margin: 0 auto; }
header .header .btnmenu { padding: 0; display: none; align-items: initial; position: relative; z-index: 6; transform: translateX(0); background-color: transparent; transition: all 300ms ease; }
header .header .btnmenu:first-child { margin-right: 12px}
header .header .btnmenu:last-child { margin-left: 12px;}
header .header .fndmenu { display: block; width: 0%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 2; transition: opacity 300ms ease; opacity: 0; padding: 0; }
header .header .headerCont .hcLeft { margin-right: 20px; max-width: 100%; flex-shrink: 0; display: flex; align-items: center;}
header .header .headerCont .hcLeft .hcLogo { /*width: 100%;*/ }
header .header .headerCont .hcLeft .hcLogo a { }
header .header .headerCont .hcLeft .hcLogo a img { display: block; height: 120px;}
header .header .headerCont .hcCenter { display: flex; justify-content: center; width: 100%; }

/* Carrito */
#cart {margin-left: 30px;font-weight: var(--bold1); font-size: 16px; line-height: 140%; flex-shrink: 0;position: relative;}
#cart > a { text-decoration: none; display: flex; line-height: 28px; border: 0;  overflow: visible; align-items: center; position: relative; color:#333;  }
#cart > a i { font-size: 26px; width: 28px; height: 28px; text-align: center; display: inline-flex; justify-content: center; align-items: center; color:var(--primary); border-radius: var(--radius1);}
#cart > a > span { padding: 0; }
#cart .cant{ width: 15px; height: 15px;font-size: 11px; border-radius: 50%; background: #666; display: block; color: white; display: flex; align-items: center; justify-content: center; position:absolute;bottom:-4px;right:-6px;}
#cart > a > span span:last-child{display:none;}


/* Usuario */
#user { margin-left: 20px; font-weight: var(--bold1); font-size: 16px; line-height: 140%; flex-shrink: 0; position: relative;}
#user > a { text-decoration: none; display: flex; line-height: 28px; border: 0; overflow: hidden; align-items: center; color: #333; }
#user a i:not(#btLogout) { font-size: 26px; width: 28px; height: 28px;  text-align: center; display: inline-flex; justify-content: center; align-items: center;  color:var(--primary); border-radius: var(--radius1); }
#user a #btLogout { margin: 4px 16px 4px 0; font-size: 12px; }
#user a > span{display:none;}
#login_box:after{right:5px;}

/*Buscador*/

#search .searchBar { position: relative;}
#search .searchBar input {width: 100%;font-size: 15px; line-height: 24px; margin: 0; background:#eee; border:0; padding:8px 8px 8px 46px; border-radius:30px; color:#333;}
#search .searchBar input:focus { outline: none; border-color: #b1c5ff; }
#search .searchBar a { display: block; position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: #666; font-size: 20px;text-decoration:none; }
#search .searchBar a i{font-weight:300; color:#333;}
#searchbtn a i { font-size: 22px; width: 32px;height: 32px;  }

.navTrigger{background:#eee; border-radius:50%; height:38px; width:38px; padding:8px;}
.navTrigger i{ background-color:#666;}

header .menu{display:none;}
header .header .btnmenu{margin-right:20px;}


header .header .headerCont .hcLeft{align-items:initial;}
header .header .headerCont .hcLeft .mcPrincipal{margin-right:20px;}
header .header .headerCont .hcLeft .mcPrincipal .navTrigger{display:flex;}
header .header .headerCont .hcLeft .mcPrincipal .cd-dropdown-trigger{padding:0;}
header .header .headerCont .hcLeft .mcPrincipal .cd-dropdown-trigger span{display:none;}
header .header .headerCont .hcLeft .mcPrincipal .cd-dropdown-trigger:after,
header .header .headerCont .hcLeft .mcPrincipal .cd-dropdown-trigger:before{display:none;}

.langSelector{margin-left:30px;}

/*################
##### 1 0 2 3 ####
################*/
@media screen and (min-width: 1024px) {
    #cart .cart-prod-list:after{right:5px;}
   #cart .cart-prod-list,#login_box{top:calc(100% + 16px);}

}

@media screen and (max-width: 1023px) {
    header .header .headerCont .hcLeft .hcLogo a img{width:200px;}
    #cart{margin-left:8px;}
    #user{margin-left:8px;}
    .langSelector{margin-left:12px;}
    #cart > a i{width:32px; height:32px;font-size:22px; align-items:center; } 
    #user a i:not(#btLogout){width:32px; height:32px;font-size:22px; } 
    header .header .btnmenu:last-child{margin-left:12px;}
    header .header .btnmenu:first-child{margin-right:12px;}
    #cart .cant{ right:-2px;}
    header .header .headerCont .hcCenter{justify-content:flex-end;}
      .searchCont{width:auto;}

}

/*################
#####  9 6 0  ####
################*/
@media screen and (max-width: 960px) {
 
}

/*################
#####  7 6 8  ####
################*/
@media screen and (min-width: 769px) {
    .cd-dropdown{top:calc(100% + 12px);}
    
}

@media screen and (max-width: 768px) {
    header .header .headerCont .hcLeft{align-items:center;}
    header .header .headerCont .mcPrincipal{display:none;}
    header .header .btnmenu{display:flex;}
    header .header .headerCont .hcRight .langSelector{display:none;}
    .langSelector{margin:0;}
}

/*################
#####  6 4 0  ####
################*/
@media screen and (min-width: 640px) {
        
}

@media screen and (max-width: 640px) {

   header .header .headerCont .hcLeft .hcLogo a img{width:180px;}
}

/*################
#####  4 8 0  ####
################*/
@media screen and (max-width: 380px) {

    header .header .headerCont .hcLeft .hcLogo a img {
        width: 150px;
    }

}
/**
 * Swiper 4.2.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 1, 2018
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width: auto;height: auto;margin-top: -20px;z-index:9;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat;font-size:  20px;padding: 4px;line-height:  40px;}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto;}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:-8px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#333}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
/*Botones*/
.panel__desc--skin1 .boxCont .bicBtn {display: inline-flex;align-items: center;text-decoration: none;color: var(--secondary-invert); background:var(--secondary); padding: 8px 16px; border-radius: var(--radius1); font-size: 90%;line-height: 140%; text-transform: uppercase; font-weight: var(--bold1);}

/*#PORT01 { margin: calc(var(--mosaico-margin)/2) auto; }*/
/*############
PANEL SIMPLE
� Im�genes 2:1 horizontales (1200x600) */
.panel__simple--skin1 {  margin:0 auto; max-width: 1920px; padding:0; }
.panel__simple--skin1 .switem { position: relative; border-radius: var(--radius-default); overflow: hidden; }
.panel__simple--skin1 .switem a { text-decoration: none; color: white; }
.panel__simple--skin1 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; padding-bottom: calc((1/2) * 100%); }
.panel__simple--skin1 .switem .switemimg img { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; }
.panel__simple--skin1 .switem, .panel__simple--skin1 .switem.swiper-slide-active:active { transform: scale(0.9); transition: all 100ms ease; opacity: .8; }
.panel__simple--skin1 .switem.swiper-slide-active:active a { cursor: grabbing; }
.panel__simple--skin1 .switem .switeminfocont { }
.panel__simple--skin1 .switem .switeminfo { display: flex; flex-direction: column; justify-content: center; backdrop-filter: blur(3px); color: #fff; padding: 16px 48px; position: absolute; top: 0; left: 0; right: 12px; width: 40%; bottom: 0px; background: rgba(0,0,0,0.4); text-align: center; }
.panel__simple--skin1 .switem .switeminfo .switemtitle .titulo2 { font-size: 38px; line-height: 120%; text-overflow: inherit; white-space: inherit; }
.panel__simple--skin1 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 8px; }
.panel__simple--skin1 .switem .switeminfo .switemdesc { margin: 0 0 12px; }
.panel__simple--skin1 .switem .switeminfo .switemdesc:last-child { margin: 0; }
.panel__simple--skin1 .switem .switeminfo .switemdesc p { margin: 0; }
.panel__simple--skin1 .switem.swiper-slide-duplicate-active,
.panel__simple--skin1 .switem.swiper-slide-active { transform: scale(1); opacity: 1; }
.panel__simple--skin1 .swiper-button-next { right: 2px; text-shadow: 1px 0px 0 white }
.panel__simple--skin1 .swiper-button-prev { left: 2px; text-shadow: -1px 0px 0 white }
.panel__simple--skin1 .switem .switeminfo .switemadd{display: inline-flex;align-items: center;text-decoration: none;color: var(--secondary-invert); background:var(--secondary); padding: 8px 12px; border-radius: var(--radius1); font-size: 90%;line-height: 140%; text-transform: uppercase; font-weight: var(--bold1);}
.panel__simple--skin1 .switem .switeminfo .switemadd:after { content: "\f105"; font-weight: var(--bold1); font-family: "Font Awesome 5 Pro"; font-size: 14px; margin-left: 8px;  }

.panel__simple--skin2 {  margin:0 auto; max-width: 1920px; padding:0; }
.panel__simple--skin2 .switem { position: relative; border-radius: var(--radius-default); overflow: hidden; }
.panel__simple--skin2 .switem a { text-decoration: none; color: white; display:flex; flex-direction:row-reverse; }
.panel__simple--skin2 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; flex:1; padding-bottom:38%; min-width:50%; }
.panel__simple--skin2 .switem .switemimg img { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; }
.panel__simple--skin2 .switem, .panel__simple--skin2 .switem.swiper-slide-active:active { transform: scale(0.9); transition: all 100ms ease; opacity: .8; }
.panel__simple--skin2 .switem.swiper-slide-active:active a { cursor: grabbing; }
.panel__simple--skin2 .switem .switeminfocont { }
.panel__simple--skin2 .switem .switeminfo { display: flex; flex-direction: column; flex:1; justify-content: center; backdrop-filter: blur(3px); color: #fff; padding: 20px 40px;  background: var(--primary); text-align: center; }
.panel__simple--skin2 .switem .switeminfo .switemtitle .titulo2 { font-size: 38px; line-height: 140%; text-overflow: inherit; white-space: inherit; }
.panel__simple--skin2 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; }
.panel__simple--skin2 .switem .switeminfo .switemdesc { margin: 0 0 16px; }
.panel__simple--skin2 .switem .switeminfo .switemdesc:last-child { margin: 0; }
.panel__simple--skin2 .switem .switeminfo .switemdesc p { margin: 0; }
.panel__simple--skin2 .switem.swiper-slide-duplicate-active,
.panel__simple--skin2 .switem.swiper-slide-active { transform: scale(1); opacity: 1; }
.panel__simple--skin2 .swiper-button-next { right: 2px; text-shadow: 1px 0px 0 white }
.panel__simple--skin2 .swiper-button-prev { left: 2px; text-shadow: -1px 0px 0 white }
.panel__simple--skin2 .switem .switeminfo .switemadd{display: inline-flex;align-items: center;text-decoration: none;color: var(--color1-neg); border:1px solid #fff; padding: 8px 12px; border-radius: var(--radius1); font-size: 90%;line-height: 140%; text-transform: uppercase; font-weight: var(--bold1);}
.panel__simple--skin2 .switem .switeminfo .switemadd:after { content: "\f105"; font-weight: var(--bold1); font-family: "Font Awesome 5 Pro"; font-size: 14px; margin-left: 8px;  }

.panel__simple--skin3 { padding:0;}
.panel__simple--skin3 .switem { position: relative; border-radius: var(--radius-default); overflow: hidden; }
.panel__simple--skin3 .switem a { text-decoration: none; color:inherit; }
.panel__simple--skin3 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; height:80vh; min-width:400px;}
.panel__simple--skin3 .switem .switemimg img { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; }
.panel__simple--skin3 .switem .switemimg:after{z-index:1; content:''; display:block;position: absolute; width: 100%; height: 100%; left: 0; top: 0;background-image:none!important;  background: linear-gradient(to bottom, rgba(255,255,255,.75) 30%, rgba(255,255,255,0) 50%)!important;}
.panel__simple--skin3 .switem, .panel__simple--skin3 .switem.swiper-slide-active:active { transform: scale(0.9); transition: all 100ms ease; opacity: .8; }
.panel__simple--skin3 .switem.swiper-slide-active:active a { cursor: grabbing; }
.panel__simple--skin3 .switem .switeminfocont {  padding: 24px;background: rgba(255,255,255,0.5); backdrop-filter:blur(4px); border-radius:var(--radius-default);}
.panel__simple--skin3 .switem .switeminfo { display: flex; flex-direction: column; align-items:flex-start;  position: absolute; left: 0; right:0;  padding:var(--section-margin) 16px; margin:0 auto; bottom:0;  z-index:2; max-width:var(--max-width);}
.panel__simple--skin3 .switem .switeminfo .switemtitle .titulo2 { font-size: 32px; line-height: 140%; text-overflow: inherit; white-space: inherit; }
.panel__simple--skin3 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 8px; }
.panel__simple--skin3 .switem .switeminfo .switemdesc { margin: 0 0 16px; }
.panel__simple--skin3 .switem .switeminfo .switemdesc:last-child { margin: 0; }
.panel__simple--skin3 .switem .switeminfo .switemdesc p { margin: 0; }
.panel__simple--skin3 .switem.swiper-slide-duplicate-active,
.panel__simple--skin3 .switem.swiper-slide-active { transform: scale(1); opacity: 1; }
.panel__simple--skin3 .swiper-button-next { right: 2px; text-shadow: 1px 0px 0 white }
.panel__simple--skin3 .swiper-button-prev { left: 2px; text-shadow: -1px 0px 0 white }
.panel__simple--skin3 .switem .switeminfo .switemadd{display: inline-flex;align-items: center;text-decoration: none;color: var(--secondary-invert); background:var(--secondary); padding: 8px 12px; border-radius: var(--radius1); font-size: 90%;line-height: 140%; text-transform: uppercase; font-weight: var(--bold1);}
.panel__simple--skin3 .switem .switeminfo .switemadd:after { content: "\f105"; font-weight: var(--bold1); font-family: "Font Awesome 5 Pro"; font-size: 14px; margin-left: 8px;  }

.panel__simple--skin4 { padding:0;}
.panel__simple--skin4 .switem { position: relative; border-radius: var(--radius-default); overflow: hidden; }
.panel__simple--skin4 .switem a { text-decoration: none; color:inherit; }
.panel__simple--skin4 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; height:80vh; min-width:400px;}
.panel__simple--skin4 .switem .switemimg img { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; }
.panel__simple--skin4 .switem .switemimg:after{z-index:1; content:''; display:block;position: absolute; width: 100%; height: 100%; left: 0; top: 0;background-image:none!important;  background: linear-gradient(to bottom, rgba(255,255,255,.75) 0%, rgba(255,255,255,0.25) 75%)!important;}
.panel__simple--skin4 .switem, .panel__simple--skin4 .switem.swiper-slide-active:active { transform: scale(0.9); transition: all 100ms ease; opacity: .8; }
.panel__simple--skin4 .switem.swiper-slide-active:active a { cursor: grabbing; }
.panel__simple--skin4 .switem .switeminfocont {}
.panel__simple--skin4 .switem .switeminfo { display: flex; flex-direction: column; align-items:flex-start; justify-content:center;  position: absolute; left: 0; right:0; top:55%; transform:translateY(-50%); padding:var(--section-margin) 60px; margin:0 auto; bottom:0;  z-index:2; max-width:var(--max-width);}
.panel__simple--skin4 .switem .switeminfo .switemtitle .titulo2 { font-size: 36px; line-height: 140%; text-overflow: inherit; white-space: inherit; }
.panel__simple--skin4 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 8px; }
.panel__simple--skin4 .switem .switeminfo .switemdesc { margin: 0 0 16px; }
.panel__simple--skin4 .switem .switeminfo .switemdesc:last-child { margin: 0; }
.panel__simple--skin4 .switem .switeminfo .switemdesc p { margin: 0; }
.panel__simple--skin4 .switem.swiper-slide-duplicate-active,
.panel__simple--skin4 .switem.swiper-slide-active { transform: scale(1); opacity: 1; }
.panel__simple--skin4 .swiper-button-next { right: 2px; text-shadow: 1px 0px 0 white }
.panel__simple--skin4 .swiper-button-prev { left: 2px; text-shadow: -1px 0px 0 white }
.panel__simple--skin4 .switem .switeminfo .switemadd{display: inline-flex;align-items: center;text-decoration: none;color: var(--secondary-invert); background:var(--secondary); padding: 8px 12px; border-radius: var(--radius1); font-size: 90%;line-height: 140%; text-transform: uppercase; font-weight: var(--bold1);}
.panel__simple--skin4 .switem .switeminfo .switemadd:after { content: "\f105"; font-weight: var(--bold1); font-family: "Font Awesome 5 Pro"; font-size: 14px; margin-left: 8px;  }

.panel__simple--skin5 {  margin:0 auto; max-width: 1920px; padding:0; }
.panel__simple--skin5 .switem { position: relative; border-radius: var(--radius-default); overflow: hidden; }
.panel__simple--skin5 .switem a { text-decoration: none; color: white; }
.panel__simple--skin5 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; padding-bottom: calc((1/2) * 100%); }
.panel__simple--skin5 .switem .switemimg img { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; }
.panel__simple--skin5 .switem, .panel__simple--skin5 .switem.swiper-slide-active:active { transform: scale(0.9); transition: all 100ms ease; opacity: .8; }
.panel__simple--skin5 .switem.swiper-slide-active:active a { cursor: grabbing; }
.panel__simple--skin5 .switem .switeminfocont { }
.panel__simple--skin5 .switem .switeminfo { display: flex; flex-direction: column; justify-content: center;color: #fff; padding: 16px 40px; position: absolute; top: 0; left: 0; right: 12px; width: 100%; bottom: 0px; background: rgba(0,0,0,0.35); text-align: center; }
.panel__simple--skin5 .switem .switeminfo .switemtitle .titulo2 { font-size: 38px; line-height: 120%; text-overflow: inherit; white-space: inherit; }
.panel__simple--skin5 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 8px; }
.panel__simple--skin5 .switem .switeminfo .switemdesc { margin: 0 0 12px; }
.panel__simple--skin5 .switem .switeminfo .switemdesc:last-child { margin: 0; }
.panel__simple--skin5 .switem .switeminfo .switemdesc p { margin: 0; }
.panel__simple--skin5 .switem.swiper-slide-duplicate-active,
.panel__simple--skin5 .switem.swiper-slide-active { transform: scale(1); opacity: 1; }
.panel__simple--skin5 .swiper-button-next { right: 2px; text-shadow: 1px 0px 0 white }
.panel__simple--skin5 .swiper-button-prev { left: 2px; text-shadow: -1px 0px 0 white }
.panel__simple--skin5 .switem .switeminfo .switemadd{display: inline-flex;align-items: center;text-decoration: none;color: var(--secondary-invert); background:var(--secondary); padding: 8px 12px; border-radius: var(--radius1); font-size: 90%;line-height: 140%; text-transform: uppercase; font-weight: var(--bold1);}
.panel__simple--skin5 .switem .switeminfo .switemadd:after { content: "\f105"; font-weight: var(--bold1); font-family: "Font Awesome 5 Pro"; font-size: 14px; margin-left: 8px;  }

@media screen and (max-width: 768px) {
    .panel__simple--skin1 .switem .switeminfo {  padding: 20px; background: var(--primary); width:100%; background:rgba(0,0,0,0.3); backdrop-filter:blur(0);}
    .panel__simple--skin1 .switem .switeminfo .switemdesc { display: block; }
    .panel__simple--skin1 .switem .switeminfo .switemdesc:not(:last-child) { margin: 0 0 8px; }
    .panel__simple--skin1 .switem .switeminfo .switemtitle .titulo2 { font-size: 28px; line-height: 130%; margin: 0; }
    .panel__simple--skin1 .swiper-button-next, .panel__simple--skin1 .swiper-button-prev { display:none; }

    .panel__simple--skin2 .switem a {flex-direction:column; }
    .panel__simple--skin2 .switem .switemimg { padding-bottom: calc((1/2) * 100%);}
    .panel__simple--skin2 .switem .switeminfo{ padding: 20px;}
    .panel__simple--skin2 .switem .switeminfo .switemtitle .titulo2{font-size: 28px; line-height: 140%;}
    .panel__simple--skin2 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 8px; }
    .panel__simple--skin2 .switem .switeminfo .switemdesc { margin: 0 0 12px; }
    .panel__simple--skin2 .swiper-button-next, .panel__simple--skin2 .swiper-button-prev { display:none; }

    .panel__simple--skin3 .switem .switeminfo{  left: 0; right:0; text-align:center; margin:0 auto; align-items:center;}
    .panel__simple--skin3 .switem .switeminfo .switemtitle .titulo2{font-size: 28px; line-height: 140%;}

    .panel__simple--skin4 .switem .switeminfo{text-align:center; align-items:center;}
    .panel__simple--skin4 .switem .switeminfo .switemtitle .titulo2{font-size: 32px; line-height: 140%;}

}
@media screen and (max-width: 640px) {
    .panel__simple--skin1 .switem .switeminfo .switemtitle .titulo2 { font-size: 24px; line-height: 140%; }
    .panel__simple--skin2 .switem .switeminfo .switemtitle .titulo2 { font-size: 24px; line-height: 140%; }
    
    .panel__simple--skin3 .switem .switeminfo .switemtitle .titulo2{font-size: 24px; line-height: 140%;}
    .panel__simple--skin3 .switem .switemimg:after{ background: linear-gradient(to bottom, rgba(255,255,255,.75) 10%, rgba(255,255,255,0) 30%)!important;}
    .panel__simple--skin3 .switem .switeminfocont{padding:12px 20px;}

    .panel__simple--skin4 .switem .switeminfo {padding:var(--section-margin) 20px; justify-content:flex-end; top:inherit;transform:translateY(0); bottom:0;}
    .panel__simple--skin4 .switem .switeminfo .switemtitle .titulo2{font-size: 26px; line-height: 140%;}
    .panel__simple--skin4 .switem .switemimg:after{ background: linear-gradient(to bottom, rgba(255,255,255,.75) 25%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,.75) 70%)!important;}

    .panel__simple--skin5 .switem .switeminfo .switemtitle .titulo2 { font-size: 24px; line-height: 140%; }
    .panel__simple--skin5 .switem .switemimg { padding-bottom: calc((3/4) * 100%); }
}
/*############
PANEL DOBLE
� Combinado con box3
� Im�genes 4:3 horizontales (640x480)*/

.panel__doble--skin1 { padding: var(--section-margin) 16px; }
.panel__doble--skin1 .boxCont .boxItem { border-radius: var(--radius-default); overflow: hidden; border: 0; }
.panel__doble--skin1 .boxCont .boxItem > div { padding-bottom: calc((9/16) * 100%); }
.panel__doble--skin1 .boxCont .boxItem .boxItemCont { padding: 16px; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.4) 100%); }
.panel__doble--skin1 .boxCont .boxItem .boxItemCont:after { content: "\f054"; font-family: "Font Awesome 5 Pro"; margin-left: 8px; flex-shrink: 0; color: #fff; font-weight: 600; }
.panel__doble--skin1 .boxCont .boxItem .bicTitle { text-transform: inherit; line-height: 120%;  font-size: 20px; text-transform: inherit; }

.panel__doble--skin1[data-items="1"] .boxCont .boxItem { width: 100%; }
.panel__doble--skin1[data-items="2"] .boxCont .boxItem { width: calc((1/2 * 100%) - (var(--mosaico-margin) * (1/2)) );}
.panel__doble--skin1 .boxCont .boxItem { width: calc((1/2.33 * 100%) - (var(--mosaico-margin) / 2)); }

/*############
PANEL TRIPLE
� Combinado con box3
� Im�genes 3:4 verticales (480x640) */
.panel__triple--skin1 { padding: var(--section-margin)  16px; }
.panel__triple--skin1 .boxCont .boxItem { border-radius: var(--radius-default); overflow: hidden; border: 0; /* Para separarlos ser�a mejor tocar el js del box3*/ }
.panel__triple--skin1 .boxCont .boxItem > div { padding-bottom: calc((4/3) * 100%); }
.panel__triple--skin1 .boxCont .boxItem .boxItemCont { padding: 16px; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.4) 100%); }
.panel__triple--skin1 .boxCont .boxItem .boxItemCont:after { content: "\f054"; font-family: "Font Awesome 5 Pro"; margin-left: 8px; flex-shrink: 0; color: #fff; font-weight: 600; }
.panel__triple--skin1 .boxCont .boxItem .bicTitle { text-transform: inherit; line-height: 120%;  font-size: 20px; text-transform: inherit; }

.panel__triple--skin1[data-items="1"] .boxCont .boxItem { width: 100%; max-height: 400px; }
.panel__triple--skin1[data-items="2"] .boxCont .boxItem { width: calc((1/2 * 100%) - (var(--mosaico-margin) * (1/2)) ); }
.panel__triple--skin1[data-items="3"] .boxCont .boxItem { width: calc((1/3 * 100%) - (var(--mosaico-margin) * (2/3)) ); }
.panel__triple--skin1 .boxCont .boxItem { width: calc( (1/3.333 * 100%) - (var(--mosaico-margin) / 2) ); }

/*############
PANEL DESCRIPTIVO */
.panel__desc--skin1 { padding: var(--descriptivo-margin) 16px; }
.panel__desc--skin1 .boxCont { max-width: var(--max-width); margin: 0 auto; }
.panel__desc--skin1 .boxCont > div .swiper-wrapper { display: grid; grid-template-columns: repeat(12, 1fr); /*grid-template-rows: repeat(8, 1fr);*/ grid-row-gap: var(--descriptivo-margin); }
.panel__desc--skin1 .swiper-slide { background: transparent !important; }
.panel__desc--skin1 .boxCont .boxItem { margin: 0; overflow: hidden; border: 0; grid-column-start: 1; grid-column-end: 13; }
.panel__desc--skin1 .boxCont .boxItem a { display: flex; flex-direction: column; text-decoration: none; color: inherit; }
/*Info*/
.panel__desc--skin1 .boxCont .boxItem .boxItemCont { padding: 20px 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.panel__desc--skin1 .boxItem .bicTitle { font-size: 26px; line-height: 120%;  margin: 0 0 12px; letter-spacing: 0.5px; }
.panel__desc--skin1 .boxItem .bicTitle:last-child { margin-bottom: 0; }
.panel__desc--skin1 .boxCont .bicDesc { margin: 0 0 12px; }
.panel__desc--skin1 .boxCont .bicDesc p:not(:last-child),.panel__desc--skin1 .boxCont .bicDesc ul:not(:last-child),.panel__desc--skin1 .boxCont .bicDesc ol:not(:last-child){margin: 0 0 16px;}
.panel__desc--skin1 .boxCont .bicDesc ul, .panel__desc--skin1 .boxCont .bicDesc ol{padding-left:20px;}

/*Imagen*/
.panel__desc--skin1 .boxCont .boxItem a img { display: block; width: 100%; height: 100%; border-radius: var(--radius-default); object-fit: contain;}
.panel__desc--skin1 .swiper-button-next, .panel__desc--skin1 .swiper-button-prev { display: none; }


/*############
MOSAICO */
.mosaico--skin1 .swiper-button-next, .mosaico--skin1 .swiper-button-prev { display: none; }

.mosaico--skin1 { padding: var(--section-margin)  16px; color: #fff; }
.mosaico--skin1 .boxCont { max-width: var(--max-width); margin: 0 auto; }
.mosaico--skin1 .boxCont .swiper-wrapper { display: grid; grid-template-columns: repeat(12, 1fr); /*grid-template-rows: repeat(8, 1fr);*/ grid-gap: var(--mosaico-margin); }


.mosaico--skin1 .boxCont .boxItem { border-radius: var(--radius-default); overflow: hidden; display: flex; background: transparent !important; }
.mosaico--skin1 .boxCont .boxItem > div { display: flex; width:100%;}
.mosaico--skin1 .boxCont .boxItem > div a { position: relative; display: flex; color: inherit;  width:100%;}
.mosaico--skin1 .boxCont .boxItem .boxItemImg { display: flex; align-items: baseline; }
.mosaico--skin1 .boxCont .boxItem .boxItemImg img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mosaico--skin1 .boxCont .boxItem .boxItemCont { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; padding: 16px; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.4) 100%); }
.mosaico--skin1 .boxCont .boxItem .boxItemCont:after { content: "\f054"; font-family: "Font Awesome 5 Pro"; margin-left: 8px; flex-shrink: 0; color: #fff; font-weight: 600; }
.mosaico--skin1 .boxCont .boxItem .boxItemCont .bicTitle { text-transform: inherit; line-height: 120%;  font-size: 20px; text-transform: inherit; margin: 0; }


.mosaico--skin1[data-items="1"] .boxCont .boxItem { grid-column-start: 1; grid-column-end: 13; }

.mosaico--skin1[data-items="2"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 7; }
.mosaico--skin1[data-items="2"] .boxCont .boxItem:nth-child(2) { grid-column-start: 7; grid-column-end: 13; }

.mosaico--skin1[data-items="3"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 9; grid-row-start: 1; grid-row-end: 3; }
.mosaico--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.mosaico--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }

.mosaico--skin1[data-items="4"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 8; grid-row-start: 1; grid-row-end: 2; }
.mosaico--skin1[data-items="4"] .boxCont .boxItem:nth-child(2) { grid-column-start: 8; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.mosaico--skin1[data-items="4"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 6; grid-row-start: 2; grid-row-end: 3; }
.mosaico--skin1[data-items="4"] .boxCont .boxItem:nth-child(4) { grid-column-start: 6; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }

.mosaico--skin1[data-items="5"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 7; grid-row-start: 1; grid-row-end: 2; }
.mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(2) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 5; grid-row-start: 2; grid-row-end: 3; }
.mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) { grid-column-start: 5; grid-column-end: 9; grid-row-start: 2; grid-row-end: 3; }
.mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(5) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }

.mosaico--skin1[data-items="6"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 9; grid-row-start: 1; grid-row-end: 3; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(2) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(3) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(4) { grid-column-start: 5; grid-column-end: 13; grid-row-start: 3; grid-row-end: 5; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(5) { grid-column-start: 1; grid-column-end: 5; grid-row-start: 4; grid-row-end: 5; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(6) { grid-column-start: 1; grid-column-end: 5; grid-row-start: 3; grid-row-end: 4; }

/*############
CATEGOR�AS */
.categorias--skin1 .swiper-button-next, .categorias--skin1 .swiper-button-prev { display: none; }
.categorias--skin1 { padding: var(--section-margin) 16px; color: #fff; }
.categorias--skin1 .boxCont { max-width: var(--max-width); margin: 0 auto; }
.categorias--skin1 .boxCont .swiper-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: var(--mosaico-margin); justify-content: center; }

.categorias--skin1[data-items="3"] .boxCont .swiper-wrapper,
.categorias--skin1[data-items="6"] .boxCont .swiper-wrapper,
.categorias--skin1[data-items="9"] .boxCont .swiper-wrapper,
.categorias--skin1[data-items="15"] .boxCont .swiper-wrapper,
.categorias--skin1[data-items="18"] .boxCont .swiper-wrapper { grid-template-columns: repeat(3, 1fr); }

.categorias--skin1[data-items="5"] .boxCont .swiper-wrapper,
.categorias--skin1[data-items="10"] .boxCont .swiper-wrapper,
.categorias--skin1[data-items="15"] .boxCont .swiper-wrapper { display: grid; grid-template-columns: repeat(5, 1fr); }

.categorias--skin1 .boxCont .boxItem { background: none !important; display: flex; position:relative;}
.categorias--skin1 .boxCont .boxItem > div { display: flex; flex-direction:column; }
.categorias--skin1 .boxCont .boxItem a { color: #333; text-decoration: none; display: flex; flex-direction: column; overflow: hidden; border-radius: var(--radius-default); border: 1px solid #eee; flex:1;}
.categorias--skin1 .boxCont .boxItem img { display: block; width: 100%; object-fit:cover; aspect-ratio: 1 / 1; }
.categorias--skin1 .boxCont .boxItem .boxItemCont { padding: 8px; text-align: center; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.categorias--skin1 .boxCont .boxItem .boxItemCont .title3 { margin: 0; font-weight: normal; color: inherit; text-decoration: none; }

/*############
PORTADAS CLASSIC */
.noportada { display: block; margin: 0 auto; max-width: 100%; }
.dvPortada .swiper-pagination { display: none; }
.dvPortada .switem a[href="#"] { cursor: default; }
.cportada1 { margin: 0 auto; max-width: var(--max-width);; }
.cportada1 .switem { position: relative; }
.cportada1 .switem a { text-decoration: none; color: white; }
.cportada1 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; padding-bottom: 37.5% }
.cportada1 .switem .switemimg img { display: block; position: absolute; max-width: 100%; max-height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 9999px 9999px rgba(0,0,0,.8) }
.cportada1 .switem .switeminfo { position: absolute; right: 12px; width: 40%; bottom: 12px; padding: 16px; background: rgba(0,0,0,0.8); text-align: center; border-radius: 4px; }
.cportada1 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; }
.cportada1 .switem .switeminfo .switemdesc { margin: 0 0 12px; }
.cportada1 .switem .switeminfo .switemdesc:last-child { margin: 0; }
.cportada1 .switem .switeminfo .switemdesc p { margin: 0; }
.cportada1 .switem .switeminfo .switemadd { color: white; font-size: 100%; padding: 8px 12px; border: 1px solid; display: inline-block; border-radius: 4px; line-height: 140%; }
.cportada1 .switem .switeminfo .switemadd span { display: flex; align-items: center; }
.cportada1 .switem .switeminfo .switemadd span:after { content: "\f105"; font-family: "Font Awesome 5 Pro"; margin-left: 4px; width: 8px; text-align: center; }

.cportada2 { max-width: var(--max-width);; margin: 0 auto; }
.cportada2 .switem { position: relative; }
.cportada2 .switem a { text-decoration: none; color: white; }
.cportada2 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; padding-bottom: 37.5% }
.cportada2 .switem .switemimg img { display: none; }
.cportada2 .switem .switeminfo { position: absolute; right: 12px; width: 40%; bottom: 12px; padding: 16px; background: rgba(0,0,0,0.8); text-align: center; border-radius: 4px; }
.cportada2 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; }
.cportada2 .switem .switeminfo .switemdesc { margin: 0 0 12px; }
.cportada2 .switem .switeminfo .switemdesc:last-child { margin: 0; }
.cportada2 .switem .switeminfo .switemdesc p { margin: 0; }
.cportada2 .switem .switeminfo .switemadd { color: white; font-size: 100%; padding: 8px 12px; border: 1px solid; display: inline-block; border-radius: 4px; line-height: 140%; }
.cportada2 .switem .switeminfo .switemadd span { display: flex; align-items: center; }
.cportada2 .switem .switeminfo .switemadd span:after { content: "\f105"; font-family: "Font Awesome 5 Pro"; margin-left: 4px; }

.cportada3 { margin: 0 auto; }
.cportada3 .switem { position: relative; }
.cportada3 .switem a { text-decoration: none; }
.cportada3 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; height: 600px }
.cportada3 .switem .switemimg img { display: none; }
.cportada3 .switem .switeminfo { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #333; background-color: rgba(255,255,255,0.9); padding: 20px; max-width: 640px; align-self: center; box-shadow: 0 10px 30px rgba(0,0,0,0.5); border-radius: 8px; text-align: center; color: #333; }
.cportada3 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; }
.cportada3 .switem .switeminfo .switemdesc { margin: 0 0 12px; }
.cportada1 .switem .switeminfo .switemdesc:last-child { margin: 0; }
.cportada3 .switem .switeminfo .switemdesc p { margin: 0; }
.cportada3 .switem .switeminfo .switemadd { color: #067ABD; font-size: 100%; padding: 8px 12px; border: 1px solid; display: inline-block; border-radius: 4px; line-height: 140%; }
.cportada3 .switem .switeminfo .switemadd span { display: flex; align-items: center; }
.cportada3 .switem .switeminfo .switemadd span:after { content: "\f105"; font-family: "Font Awesome 5 Pro"; margin-left: 4px; width: 8px; text-align: center; }

.cportada4 { margin: 0 auto; }
.cportada4 .switem { position: relative; }
.cportada4 .switem a { text-decoration: none; color: white; }
.cportada4 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; height: 460px; }
.cportada4 .switem .switemimg img { display: none; position: absolute; max-width: 100%; max-height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 1400px 1400px rgba(0,0,0,0.8) }
.cportada4 .switem .switeminfo { position: absolute; left: 0px; width: 100%; bottom: 0; width: 100%; padding: 16px; text-align: center; border-radius: 4px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 35%, rgba(0,0,0,0.7) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 35%,rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 35%,rgba(0,0,0,0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); text-shadow: 0 -2px 4px rgba(0,0,0,.8) }
.cportada4 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; }
.cportada4 .switem .switeminfo .switemdesc { margin: 0 0 12px; }
.cportada4 .switem .switeminfo .switemdesc:last-child { margin: 0; }
.cportada4 .switem .switeminfo .switemdesc p { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.cportada4 .switem .switeminfo .switemadd { color: white; font-size: 100%; padding: 8px 12px; border: 1px solid; display: inline-block; border-radius: 4px; line-height: 140%; }
.cportada4 .switem .switeminfo .switemadd span { display: flex; align-items: center; }
.cportada4 .switem .switeminfo .switemadd span:after { content: "\f105"; font-family: "Font Awesome 5 Pro"; margin-left: 4px; width: 8px; text-align: center; }

.cportada5 { margin: 0 auto; }
.cportada5 .switem { position: relative; }
.cportada5 .switem a { text-decoration: none; color: white; }
.cportada5 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; height: 460px; }
.cportada5 .switem .switemimg .blur { width: 100%; height: 100%; background-size: cover; background-position: center; filter: blur(40px); top: 0; position: absolute; }
.cportada5 .switem .switemimg img { display: block; position: absolute; max-width: 100%; max-height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; }
.cportada5 .switem .switeminfo { position: absolute; z-index: 2; left: 0px; width: 100%; bottom: 0; width: 100%; padding: 16px; text-align: center; border-radius: 4px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 35%, rgba(0,0,0,0.7) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 35%,rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 35%,rgba(0,0,0,0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); text-shadow: 0 -2px 4px rgba(0,0,0,.8) }
.cportada5 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; }
.cportada5 .switem .switeminfo .switemdesc { margin: 0 0 12px; }
.cportada5 .switem .switeminfo .switemdesc:last-child { margin: 0; }
.cportada5 .switem .switeminfo .switemdesc p { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.cportada5 .switem .switeminfo .switemadd { color: white; font-size: 100%; padding: 8px 12px; border: 1px solid; display: inline-block; border-radius: 4px; line-height: 140%; }
.cportada5 .switem .switeminfo .switemadd span { display: flex; align-items: center; }
.cportada5 .switem .switeminfo .switemadd span:after { content: "\f105"; font-family: "Font Awesome 5 Pro"; margin-left: 4px; width: 8px; text-align: center; }

@media screen and (min-width: 1024px) {
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 5; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) { grid-column-start: 5; grid-column-end: 9; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) { grid-column-start: 9; grid-column-end: 13; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3n-1) a { flex-direction: var(--descriptivo-reverse); }


.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 5; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) { grid-column-start: 5; grid-column-end: 9; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) a { flex-direction: var(--descriptivo-reverse); }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(5) { grid-column-start: 9; grid-column-end: 13; }


.panel__desc--skin1[data-items="6"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 5; grid-row-start: 1; grid-row-end: 2; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(2) { grid-column-start: 5; grid-column-end: 9; grid-row-start: 1; grid-row-end: 2; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(3) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(4) { grid-column-start: 1; grid-column-end: 5; grid-row-start: 2; grid-row-end: 3; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(5) { grid-column-start: 5; grid-column-end: 9; grid-row-start: 2; grid-row-end: 3; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(6) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(3n-1) a { flex-direction: var(--descriptivo-reverse); }
}

@media screen and (max-width: 1023px) {
/*############
PANEL DESCRIPTIVO */
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 7; grid-row-start: 1; grid-row-end: 2; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) a { flex-direction: var(--descriptivo-reverse); }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) a { flex-direction: row; justify-content: space-between; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) a > div { width: calc(50% - var(--descriptivo-margin)); }


.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) a { flex-direction: row; justify-content: space-between; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) a > div { width: calc(50% - (var(--descriptivo-margin)/2)); }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 3; grid-row-end: 4; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) a { flex-direction: var(--descriptivo-reverse); }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(5) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 3; grid-row-end: 4; }


.panel__desc--skin1[data-items="6"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 7; grid-row-start: 1; grid-row-end: 2; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(2) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 2; grid-row-end: 3; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(4) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(5) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 3; grid-row-end: 4; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(6) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 3; grid-row-end: 4; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(3n-1) a { flex-direction: column; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(2n) a { flex-direction: var(--descriptivo-reverse); }

/*############
CATEGOR�AS */
.categorias--skin1[data-items="5"] .boxCont .swiper-wrapper,
.categorias--skin1[data-items="10"] .boxCont .swiper-wrapper,
.categorias--skin1[data-items="15"] .boxCont .swiper-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); }
}

@media screen and (max-width: 768px) {



.panel__doble--skin1 { padding: var(--section-margin) 0; }
.panel__dople--skin1 .boxCont .boxItem { width: calc((1/2 * 100%) - (var(--mosaico-margin) / 2)); }
.panel__doble--skin1[data-items="2"] .boxCont .boxItem:nth-child(2) { margin: inherit; }

.panel__triple--skin1 { padding: var(--section-margin) 0; }
.panel__triple--skin1 .boxCont .boxItem,
.panel__triple--skin1[data-items="1"] .boxCont .boxItem,
.panel__triple--skin1[data-items="2"] .boxCont .boxItem,
.panel__triple--skin1[data-items="3"] .boxCont .boxItem { width: calc((1/2 * 100%) - (var(--mosaico-margin) / 2)); }

/*DESCRIPTIVO*/
.panel__desc--skin1 .boxItem .bicTitle { font-size: 20px; }

.mosaico--skin1 .boxCont .swiper-wrapper { grid-gap: var(--mosaico-margin); }
.mosaico--skin1 .boxCont .boxItem .boxItemCont { padding: 8px 12px; }
.mosaico--skin1 .boxCont .boxItem .boxItemCont .bicTitle { font-size: 18px; line-height: 120%; }
.mosaico--skin1 .boxCont .boxItem .boxItemCont:after { font-size: 16px; line-height: 100%; }

.categorias--skin1 .boxCont .swiper-wrapper { grid-gap: var(--mosaico-margin); }
.categorias--skin1 .boxCont .swiper-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); }
.categorias--skin1[data-items="2"] .boxCont .swiper-wrapper,
.categorias--skin1[data-items="4"] .boxCont .swiper-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); }

.categorias--skin1 .boxCont .boxItem .boxItemCont .title3 { font-size: 120%; line-height: 120%; }

    
/*############
PORTADAS CLASSIC */
.cportada1 .switem .switeminfo { left: 0; bottom: 0; width: 100%; border-radius: 0; right: 0; padding: 8px 4px; }
.cportada1 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0; }
.cportada1 .switem .switeminfo .switemtitle .titulo2 { font-size: 120%; line-height: 140%; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cportada1 .switem .switeminfo .switemdesc { display: none; }
.cportada1 .switem .switeminfo .switemdesc p { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 80%; }
.cportada1 .switem .switeminfo .switemadd { position: absolute; top: -10px; right: 10px; transform: translateY(-100%); right: 10px; background: rgba(0,0,0,0.6); font-size: 80%; padding: 4px 8px; }

.cportada2 .switem .switeminfo { left: 0; bottom: 0; width: 100%; border-radius: 0; right: 0; padding: 8px 4px; }
.cportada2 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0; }
.cportada2 .switem .switeminfo .switemtitle .titulo2 { font-size: 120%; line-height: 140%; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cportada2 .switem .switeminfo .switemdesc { display: none; }
.cportada2 .switem .switeminfo .switemdesc p { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 80%; }
.cportada2 .switem .switeminfo .switemadd { position: absolute; top: -10px; right: 10px; transform: translateY(-100%); right: 10px; background: rgba(0,0,0,0.6); font-size: 80%; padding: 4px 8px; }

.cportada3 .switem .switeminfo { max-width: 80%; }
.cportada3 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 4px; }
.cportada3 .switem .switeminfo .switemtitle .titulo2 { font-size: 120%; line-height: 140%; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cportada3 .switem .switeminfo .switemdesc:not(:last-child) { margin: 0 0 8px; }
.cportada3 .switem .switeminfo .switemdesc p { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 80%; }
.cportada3 .switem .switeminfo .switemadd { padding: 4px 8px }

.cportada4 .switem .switemimg { height: 360px; }
.cportada4 .switem .switeminfo .switemdesc { display: none; }

.cportada5 .switem .switemimg { height: 360px; }
.cportada5 .switem .switeminfo .switemdesc { display: none; }
}

@media screen and (min-width: 641px) {
/*DESCRIPTIVO*/
.panel__desc--skin1 .boxCont > div .swiper-wrapper{grid-gap: var(--descriptivo-margin);}
.panel__desc--skin1[data-items="1"] .boxCont .boxItem { width: 100%; }
.panel__desc--skin1[data-items="1"] .boxCont .boxItem a { flex-direction: row-reverse; align-items: center; justify-content: space-between; }
.panel__desc--skin1[data-items="1"] a > div { width: calc(50% - (var(--descriptivo-margin)) / 2) }


.panel__desc--skin1[data-items="2"] .boxCont .boxItem:first-child, .panel__desc--skin1[data-items="4"] .boxCont .boxItem:nth-child(2n-1) { grid-column-start: 1; grid-column-end: 7; }
.panel__desc--skin1[data-items="2"] .boxCont .boxItem:nth-child(2), .panel__desc--skin1[data-items="4"] .boxCont .boxItem:nth-child(2n) { grid-column-start: 7; grid-column-end: 13; }
.panel__desc--skin1[data-items="2"] .boxCont .boxItem:nth-child(2n) a, .panel__desc--skin1[data-items="4"] .boxCont .boxItem:nth-child(2n) a { flex-direction: var(--descriptivo-reverse); }

.panel__desc--skin1[data-items="5"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 7; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(2) { grid-column-start: 7; grid-column-end: 13; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(2) a { flex-direction: var(--descriptivo-reverse); }

/* FIN DESCRIPTIVO*/
}

@media screen and (max-width: 640px) {


.panel__doble--skin1 .boxCont .boxItem .bicTitle,
.panel__triple--skin1 .boxCont .boxItem .bicTitle { font-size: 16px; line-height: 140%; }
.panel__doble--skin1 .boxCont .boxItem,
.panel__triple--skin1 .boxCont .boxItem { width: calc((1/1.333 * 100%) - 2px); }

.panel__triple--skin1[data-items="2"] .boxCont .boxItem,
.panel__doble--skin1[data-items="2"] .boxCont .boxItem { width: calc((1/1.333 * 100%) - 2px); }

/*Los 2 son los px que pone la swiper entre elementos (4px)*/
/*DESCRIPTIVO*/
.panel__desc--skin1 .boxCont > div .swiper-wrapper { }

.panel__desc--skin1[data-items="3"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 3; grid-row-end: 4; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) a { flex-direction: column; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) a { flex-direction: column; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) a > div { width: 100%; }

.panel__desc--skin1[data-items="5"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(2) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 3; grid-row-end: 4; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 4; grid-row-end: 5; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(5) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 5; grid-row-end: 6; }

.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(2) a { flex-direction: column; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) a { flex-direction: column }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) a > div { width: 100%; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) a { flex-direction: column; }

.panel__desc--skin1[data-items="6"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(2) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 3; grid-row-end: 4; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(4) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 4; grid-row-end: 5; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(5) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 5; grid-row-end: 6; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(6) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 6; grid-row-end: 7; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(2n) a { flex-direction: column; }


/*FIN DESCRIPTIVO*/


.mosaico--skin1[data-items="3"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.mosaico--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 2; grid-row-end: 3; }
.mosaico--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }

.mosaico--skin1[data-items="4"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 7; grid-row-start: 1; grid-row-end: 4; }
.mosaico--skin1[data-items="4"] .boxCont .boxItem:nth-child(2) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.mosaico--skin1[data-items="4"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 4; grid-row-end: 6; }
.mosaico--skin1[data-items="4"] .boxCont .boxItem:nth-child(4) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 2; grid-row-end: 6; }

.mosaico--skin1[data-items="5"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(2) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 2; grid-row-end: 5; }
.mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 5; grid-row-end: 7; }
.mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(5) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 3; grid-row-end: 7; }

.mosaico--skin1[data-items="6"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(2) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 2; grid-row-end: 3; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(3) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(4) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 3; grid-row-end: 4; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(5) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 4; grid-row-end: 5; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(6) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 4; grid-row-end: 5; }


.categorias--skin1 .boxCont .swiper-wrapper { grid-template-columns: repeat(2, 1fr) !important; }
.categorias--skin1 .boxCont .boxItem .boxItemCont .title3 { font-size: 100%; line-height: 120%; }
}

@media screen and (max-width: 460px) {
.cportada1 .switem .switeminfo { font-size: 90%; padding: 8px; }
.cportada1 .switem .switeminfo .switemtitle .titulo2 { font-size: 100%; }
.cportada1 .switem .switemimg { }
.cportada1 .swiper-container:hover .swiper-button-next,
.cportada1 .swiper-container:hover .swiper-button-prev { display: none; }

.cportada2 .switem .switemimg {padding-bottom: 56.26%}
.cportada2 .switem .switeminfo { font-size: 90%; padding: 8px; }
.cportada2 .switem .switeminfo .switemtitle .titulo2 { font-size: 100%; }
.cportada2 .switem .switemimg { }

.mosaico--skin1 .boxCont .boxItem .boxItemCont .bicTitle { font-size: 16px; line-height: 120%; }
.mosaico--skin1 .boxCont .boxItem .boxItemCont:after { font-size: 14px; line-height: 100%; }

.cportada3 .switem .switemimg { height: 400px; }

.cportada4 .switem .switemimg { height: 280px; }

.cportada5 .switem .switemimg { height: 280px; }
}

:root {
     --font-size: 1rem; /* tama�o base de la fuente */
    --ratio: 1.125; /* ratio para calcular los tama�os de fuente, se aumenta en los @media */
    --line-height: 1.4em; /* interlineado base de la fuente */
    --font-xs: calc(var(--font-size) / var(--ratio)); /* C�lculo de los tama�os de fuente, relacionados con la variable ratio*/
    --font-s: calc(var(--ratio) * var(--font-size));
    --font-m: calc(var(--ratio) * var(--font-s));
    --font-l: calc(var(--ratio) * var(--font-m));
    --font-xl: calc(var(--ratio) * var(--font-l));
    --font-xxl: calc(var(--ratio) * var(--font-xl));
    --font-3xl: calc(var(--ratio) * var(--font-xxl));

    --font-color: #222;
    --primary: #A97BAA; /* Color precios, t�tulos...*/
    --secondary: #916189; /*Color botones, link*/
    --primary-invert: #fff; /*Texto de los botones*/
    --secondary-invert: #fff; /*Texto de los botones*/
      --light: #f5f5f5;
    --light-invert: #333;
    --dark: #111;
    --dark-invert: #fff;
    --dark-transparent: rgba(0,0,0,0.8); /* color negro transparente */
    --white-transparent: rgba(255,255,255,0.8); /* color blanco transparente */
    --radius1: 4px; /*Border-radius de los botones*/
    --weight-fa: 300; /*Weight de los iconos*/
    --font1: 'Be Vietnam Pro'; /* Fuente 1 */
    --font2: 'Work Sans'; /* Fuente 2 */
    --bold1: 600; /* Bold 1 */
    --bold2: 600; /* Bold 2 */
    --radius-default: 0px; /*Border-radius de las im�genes de los paneles*/
    --padding-panelsimple: 20px; /*Distancia alrededor del panel simple. Debemos poner "px". Recomendado cuando hay borde-radius: 16px*/
    --mosaico-margin: 8px; /*Espacio entre elementos de los mosaicos y box2 [Se puede cambiar en 768px]*/
    --descriptivo-margin: 40px; /*Espacio entre elementos de los paneles descriptivos [Se puede cambiar en 768px]*/
    --descriptivo-reverse: column; /*[PC](column/column-reverse) Configura si interesa alternar elementos con imagen y texto revertidos*/
    --menu-height: 40px; /*Altura del men� en slide (categs2)*/
    --menu-bg: #fff; /*Color de fondo del men� en slide (categs2)*/
    --productos-margin: 16px; /*Espacio entre elementos de los productos de portada, resultados, box3, box4 y box6)*/
    --section-margin: 60px; /* Margen entre secciones de la portada */
    --max-width: 1360px; /* Ancho m�ximo de la tienda */

        --radius1: 3px; /* Borde redondeado 1 */
    --radius2: 30px; /* Borde redondeado 2 */
     --bg-gradient: radial-gradient(circle, rgba(238,242,243,1) 0%, rgba(238,238,238,1) 50%, rgba(179,193,204,1) 100%);
    --swiper-theme-color: #cf7474 !important; /* color para el tema de swiper */
    --color-fb: #3A559F; /* color facebook */
    --color-ig: #C536A4; /* color instagram */
    --color-tw: #50ABF1; /* color twitter */
    --color-wa: #1BD741; /* color whatsapp */
     --awesome: 'Font Awesome 6 Pro';
    --max-width: 1360px; /* Ancho m�ximo del container */
    --padding-h: 1.25rem; /* padding horizontal de los section, se aumenta en los @media */
    --padding-v: 2.25rem; /* padding vertical de los section, se aumenta en los @media*/
    --padding-inner: max(min(5%, var(--padding-h)), min(1rem)); /* Espacio interior de los componentes  */
}

/* Titulos */
.title1 {
    font-family: var(--font2);
    color: var(--primary);
}
.title2 { font-family:  var(--font2);}
.title3 {
    font-family: var(--font2);
}
.title1, #PORT01 .title2 {
    color: var(--primary);
}
.panel__desc--skin1 .boxItem .bicTitle {
    color: var(--primary);
}
.panel__simple--skin1 .switem .switeminfo .switemtitle .titulo2,
.panel__simple--skin2 .switem .switeminfo .switemtitle .titulo2,
.panel__simple--skin3 .switem .switeminfo .switemtitle .titulo2,
.panel__simple--skin4 .switem .switeminfo .switemtitle .titulo2,
.panel__simple--skin5 .switem .switeminfo .switemtitle .titulo2{ font-family:  var(--font1);}

.seo1, .categorias--skin1, .seo2, .panel__doble--skin1 {
    background-color: #f0f0f0;
}


/* PORTADA */
#PORT01 > .box4.flash{background: var(--primary); background-image:linear-gradient(rgba(255,255,255,0.90),rgba(255,255,255,0.90)); border:0;}
#PORT01 > .slideCupones3.flash{background: var(--primary); background-image:linear-gradient(rgba(255,255,255,0.90),rgba(255,255,255,0.90)); border:0;}

.panel--nogap-up{
    padding-top:0;
}

/* Tama�os de las imagenes en los paneles*/
@supports (aspect-ratio: 8 / 3) {
    .panel__simple--skin2 .switem .switemimg:last-child{padding:0; aspect-ratio: 8 / 3;}
}
@supports (aspect-ratio: 4 / 3) {
    .panel__simple--skin2 .switem .switemimg:not(:last-child){padding:0; aspect-ratio: 4 / 3;}
    .mosaico--skin1 .boxCont .boxItem .boxItemImg img{aspect-ratio: 4 / 3;}
    .panel__doble--skin1 .boxCont .boxItem > div{padding:0; aspect-ratio: 4 / 3;}
}

@supports (aspect-ratio: 3 / 4) {
    .panel__triple--skin1 .boxCont .boxItem > div{padding:0; aspect-ratio: 3 / 4;}
}

@supports (aspect-ratio: 2 / 1) {
    .panel__simple--skin1 .switem .switemimg {padding:0; aspect-ratio: 2 / 1;}
}



/*################
##### 1 0 2 3 ####
################*/
@media screen and (min-width: 1023px) {

   

}

@media screen and (max-width: 1023px) {
   
}

/*################
#####  9 6 0  ####
################*/
@media screen and (max-width: 960px) {
 
}

/*################
#####  7 6 8  ####
################*/
@media screen and (min-width: 768px) {
  
}

@media screen and (max-width: 768px) {
    :root {--mosaico-margin: 8px; /*[M�vil]Espacio entre elementos de los mosaicos y box2*/
           --descriptivo-margin: 20px; /*[M�vil]Espacio entre elementos de los paneles descriptivos*/
            --section-margin: 40px;/*[M�vil]Espacio entre secciones de portada */
    }
    @supports (aspect-ratio: 4 / 3) {
        .panel__simple--skin2 .switem .switemimg:last-child{aspect-ratio: 4 / 3;}
    }
    @supports (aspect-ratio: 4 / 3) {
        .panel__simple--skin1 .switem .switemimg{aspect-ratio: 4 / 3;}
    }
    
}

/*################
#####  6 4 0  ####
################*/
@media screen and (min-width: 640px) {
        
}

@media screen and (max-width: 640px) {
    :root {
            --productos-margin: 12px; /*[M�vil]Espacio entre elementos de los productos de portada, resultados, box3, box4 y box6)*/
    }
      @supports (aspect-ratio: 16 / 9) {
        .panel__doble--skin1 .boxCont .boxItem > div{ aspect-ratio: 4 / 3;}
    } 
    @supports (aspect-ratio: 1 / 1) {
        .panel__simple--skin1 .switem .switemimg{aspect-ratio: 1 / 1;}
    }
}

/*################
#####  4 8 0  ####
################*/
@media screen and (max-width: 480px) {

    /*#Res .RCRProdsCont { grid-template-columns: 1fr; }*/


}
#searchbtn a i {
    color: var(--primary);
}

#search .searchBar a i {
    color: #999;
}
.navTrigger{
    background: var(--primary);
}
.navTrigger i{
    background-color: white;
}
#msjSuperior {
    background-color: var(--primary);
}
.categorias--skin1 .boxCont .boxItem .boxItemCont {
    background: white;
    border-bottom: solid 4px var(--primary);
    color: var(--primary);
}

#PORT02, #FICHA02{
    background-image:linear-gradient(rgba(255,255,255,0.85)0%, rgba(255,255,255,0.85)100%), url(/Content/images/fondo.jpg);
    position: relative;
    background-size: 500px;
    background-repeat: repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.box6{
    background-image:linear-gradient(rgba(255,255,255,0.85)0%, rgba(255,255,255,0.85)100%), url(/Content/images/fondo.jpg);
    background-size: 500px;
    background-repeat: repeat;
}
.contactBox .socialUl li {
    background: var(--primary);
}
.contactBox .socialUl .phone a, .contactBox .socialUl .mail a {
    color: white;
}
footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .dvCajaBannerPerso.FICBox nav a {
    background: var(--primary);
}
#goToTop{
    background: var(--primary);
    color: #fff;
}
#dvContactoCont {
    flex-direction: column;
}
.dvContactoForm {
    margin-top: 20px;
    border-top: 4px dashed rgba(0,0,0,0.1);
    margin-left: 0;
    border-left: none;
    max-width: 100%;
    padding: 20px 0 0 0;
}
.panel__simple--skin2 {
max-width: 100%; 
}
#gallery .swiper-zoom-container:after {
    background-color: white;
}
.button {
    position: relative;
    padding: 0.5em 1em;
    display: inline-block;
    text-decoration: none;
    border-radius: var(--radius1);
    margin: 2px;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none;
    overflow: hidden;
}
.button--ico {
    padding: 0;
    width: 38px;
    height: 38px;
    font-size: 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.button--whatsapp {
    background: #1bd741;
    color: #fff;
}
.button--ico.button--s {
    padding: 0;
    width: 28px;
    height: 28px;
    margin: 0 0 0 0.5rem;
    line-height: var(--line-height);
    font-size: 0.9rem;
}
header {
    background: #f1e1f1;
}
#search .searchBar input{
    background: white;
}