/* Minification failed. Returning unminified contents.
(987,20): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(988,14): run-time error CSS1039: Token not allowed after unary operator: '-font-color'
(989,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(990,20): run-time error CSS1039: Token not allowed after unary operator: '-line-height'
(1001,14): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1006,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(1068,20): run-time error CSS1039: Token not allowed after unary operator: '-menu-height'
(1069,19): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(1150,20): run-time error CSS1039: Token not allowed after unary operator: '-menu-height'
(1188,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(1215,20): run-time error CSS1039: Token not allowed after unary operator: '-menu-height'
(1226,45): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(1226,61): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(1226,77): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(1232,44): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(1232,60): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(1232,76): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(1271,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(1332,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(1419,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(1435,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(1471,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
: run-time error CSS1036: Expected expression, found ''
(1620,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(1656,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(1699,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(1782,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(1901,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(1919,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(2026,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(2056,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2076,18): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(2077,14): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2083,18): run-time error CSS1039: Token not allowed after unary operator: '-font-l'
(2089,18): run-time error CSS1039: Token not allowed after unary operator: '-font-s'
(2126,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2143,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(2145,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2154,19): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(2157,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(2159,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2190,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(2192,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
: run-time error CSS1036: Expected expression, found ''
(2253,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(2379,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2430,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
: run-time error CSS1036: Expected expression, found ''
(2473,14): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2507,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(2518,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2542,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
: run-time error CSS1036: Expected expression, found ''
(2563,14): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(2633,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2646,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2658,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(2669,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2704,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(2707,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(2729,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(2732,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(2733,14): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(2752,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2767,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(2769,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3030,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(3034,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(3092,21): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(3106,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(3110,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(3126,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(3130,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(3177,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(3182,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(3192,26): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(3193,22): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(3241,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(3249,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(3328,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(3343,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(3352,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(3359,35): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(3422,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(3426,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(3450,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3456,35): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(3479,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(3483,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(3504,35): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
: run-time error CSS1036: Expected expression, found ''
(3573,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(3652,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(3691,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3700,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(3713,19): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(3724,14): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(3734,19): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3892,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3909,14): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3928,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3948,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(4026,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(4039,19): run-time error CSS1039: Token not allowed after unary operator: '-light'
(4047,17): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(4090,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4092,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(4096,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(4107,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(4152,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4448,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4460,14): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(4489,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(4585,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4601,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(4603,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(4676,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4685,14): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(4706,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4942,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(4943,45): run-time error CSS1039: Token not allowed after unary operator: '-light'
(4944,48): run-time error CSS1039: Token not allowed after unary operator: '-light'
(4945,46): run-time error CSS1039: Token not allowed after unary operator: '-light'
: run-time error CSS1036: Expected expression, found ''
(4950,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(5043,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(5072,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(5117,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(5158,12): run-time error CSS1030: Expected identifier, found '.'
(5158,37): run-time error CSS1031: Expected selector, found ')'
(5158,37): run-time error CSS1025: Expected comma or open brace, found ')'
(5163,12): run-time error CSS1030: Expected identifier, found '.'
(5163,37): run-time error CSS1031: Expected selector, found ')'
(5163,37): run-time error CSS1025: Expected comma or open brace, found ')'
(5172,12): run-time error CSS1030: Expected identifier, found '.'
(5172,37): run-time error CSS1031: Expected selector, found ')'
(5172,37): run-time error CSS1025: Expected comma or open brace, found ')'
(5179,12): run-time error CSS1030: Expected identifier, found '.'
(5179,37): run-time error CSS1031: Expected selector, found ')'
(5179,37): run-time error CSS1025: Expected comma or open brace, found ')'
(5186,12): run-time error CSS1030: Expected identifier, found '.'
(5186,37): run-time error CSS1031: Expected selector, found ')'
(5186,37): run-time error CSS1025: Expected comma or open brace, found ')'
(5191,13): run-time error CSS1030: Expected identifier, found '.'
(5191,38): run-time error CSS1031: Expected selector, found ')'
(5191,38): run-time error CSS1025: Expected comma or open brace, found ')'
(5231,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
: run-time error CSS1036: Expected expression, found ''
(5390,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(5421,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(5500,19): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5508,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(5551,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(5562,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(5567,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(5600,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(5608,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(5652,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(5669,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(5738,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
: run-time error CSS1036: Expected expression, found ''
(5924,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
: run-time error CSS1036: Expected expression, found ''
(5988,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6126,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6129,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(6153,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(6201,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(6260,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6270,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6287,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6297,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6384,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6387,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(6610,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6613,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(6640,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6766,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6771,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(6869,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6874,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(6879,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6969,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6976,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7030,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7149,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7202,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
: run-time error CSS1036: Expected expression, found ''
(7247,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7370,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7378,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7575,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7583,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7603,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7618,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7640,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7689,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7723,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7748,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7778,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(7806,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7861,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(7957,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8046,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
(8205,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8226,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8385,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8485,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8578,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8854,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9116,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9213,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9222,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(9237,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(9239,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9248,14): run-time error CSS1030: Expected identifier, found '-'
(9248,14): run-time error CSS1031: Expected selector, found '-'
(9248,14): run-time error CSS1025: Expected comma or open brace, found '-'
(9299,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(9303,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9345,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9380,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(9456,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9515,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9536,17): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(9543,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(9547,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(9565,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9582,19): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(9583,14): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(9585,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(9589,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9616,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9660,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9669,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(9672,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(9675,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9710,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(9715,14): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(9716,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9718,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(9749,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(9750,45): run-time error CSS1039: Token not allowed after unary operator: '-light'
(9751,48): run-time error CSS1039: Token not allowed after unary operator: '-light'
(9752,46): run-time error CSS1039: Token not allowed after unary operator: '-light'
: run-time error CSS1036: Expected expression, found ''
(9755,1): run-time error CSS1019: Unexpected token, found '}'
(9762,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(9775,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(9776,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9799,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
(9904,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
(10120,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
: run-time error CSS1036: Expected expression, found ''
(10227,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(10275,30): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(10291,30): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(10300,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(10517,14): run-time error CSS1039: Token not allowed after unary operator: '-font-color'
(10545,15): run-time error CSS1039: Token not allowed after unary operator: '-font-color'
(10701,22): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(10704,37): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(11112,21): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(11129,21): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(11227,21): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(11243,21): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(11275,21): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(11373,21): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(11424,38): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(11427,37): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(11613,23): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(11616,40): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(11622,39): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(11625,35): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(11828,17): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(11840,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11841,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(11849,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11850,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(11858,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11859,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(11867,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11868,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(11876,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11877,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11888,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11889,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11900,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11901,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11912,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11913,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11924,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11925,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11936,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11937,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11948,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11949,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11960,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11961,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11972,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11973,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11996,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11997,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12020,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12021,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12047,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12048,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12080,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(12081,45): run-time error CSS1039: Token not allowed after unary operator: '-light'
(12082,48): run-time error CSS1039: Token not allowed after unary operator: '-light'
(12083,46): run-time error CSS1039: Token not allowed after unary operator: '-light'
(12091,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(12134,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12170,19): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(12182,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12182,41): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12188,24): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12188,39): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12201,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12220,14): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12243,73): run-time error CSS1039: Token not allowed after unary operator: '-weight-fa'
(12246,65): run-time error CSS1039: Token not allowed after unary operator: '-weight-fa'
(12247,36): run-time error CSS1039: Token not allowed after unary operator: '-weight-fa'
(12253,38): run-time error CSS1039: Token not allowed after unary operator: '-light'
(12254,195): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(12256,92): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12265,133): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(12281,44): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12283,162): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12283,184): run-time error CSS1039: Token not allowed after unary operator: '-primary-invert'
(12283,221): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12287,46): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12289,177): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12289,199): run-time error CSS1039: Token not allowed after unary operator: '-primary-invert'
(12289,237): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12301,81): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12380,16143): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12380,16184): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(12380,16248): run-time error CSS1019: Unexpected token, found '@keyframes'
(12380,16281): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(12382,114): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(12382,150): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(12382,202): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12382,292): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12396,29): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12396,51): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12399,76): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12399,98): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12406,303): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12407,81): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(12416,129): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(12416,165): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(12416,217): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12416,307): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12417,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12419,93): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12419,115): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12419,154): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12420,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12421,94): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12421,116): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12421,150): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12423,176): run-time error CSS1039: Token not allowed after unary operator: '-path'
(12430,81): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(12439,129): run-time error CSS1039: Token not allowed after unary operator: '-primary-invert'
(12439,209): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12439,299): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12440,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12450,198): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12451,253): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(12452,81): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(12461,129): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(12461,165): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(12461,217): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12461,307): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12462,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12469,213): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12469,248): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12469,284): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12473,296): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(12474,81): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(12483,129): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(12483,165): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(12483,217): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12483,307): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12484,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12486,72): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12487,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12490,150): run-time error CSS1039: Token not allowed after unary operator: '-path'
(12495,60): run-time error CSS1039: Token not allowed after unary operator: '-path'
(12495,270): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12496,81): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(12505,129): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(12505,165): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(12505,217): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12505,307): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12506,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12509,58): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12510,114): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12514,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12524,124): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12531,116): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12531,153): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12532,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12533,119): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12533,156): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12538,25): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(12540,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12540,50): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12542,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12543,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12546,23): run-time error CSS1039: Token not allowed after unary operator: '-light'
(12548,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12548,50): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12555,21): run-time error CSS1039: Token not allowed after unary operator: '-path'
(12619,21): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(12621,22): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(12621,34): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(12622,23): run-time error CSS1039: Token not allowed after unary operator: '-bold2'
(12622,35): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12623,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12627,21): run-time error CSS1039: Token not allowed after unary operator: '-font-s'
(12633,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(12634,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(12636,25): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12652,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12653,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12690,38): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(12691,62): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12692,242): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12692,274): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12692,310): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12694,113): run-time error CSS1039: Token not allowed after unary operator: '-font-m'
(12694,183): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12697,91): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(12698,78): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(12704,39): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(12705,63): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12706,243): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12706,275): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12706,311): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12708,114): run-time error CSS1039: Token not allowed after unary operator: '-font-m'
(12708,183): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12711,92): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(12712,92): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(12713,81): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(12717,37): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin'
(12718,48): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(12719,168): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin'
(12725,58): run-time error CSS1039: Token not allowed after unary operator: '-font-m'
(12732,110): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12740,33): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(12741,44): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(12742,154): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(12745,57): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12751,256): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12751,288): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12751,324): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12753,95): run-time error CSS1039: Token not allowed after unary operator: '-font-m'
(12753,174): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12786,36): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(12787,47): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(12788,116): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(12802,155): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12812,46): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(12816,203): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12817,130): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12826,30): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(12831,130): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12845,249): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12858,202): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12859,205): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12859,238): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12859,274): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12859,353): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12859,385): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12859,420): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12859,497): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12859,529): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12859,564): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12859,747): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12874,217): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12874,250): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12874,286): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12874,365): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12874,397): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12874,432): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12874,509): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12874,541): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12874,576): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12874,759): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12888,96): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(12893,93): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(12903,96): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(12912,93): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(12914,101): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin'
(12919,102): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin'
(12921,93): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(12932,94): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(12945,38): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(12946,75): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(12950,39): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(12954,92): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(12958,59): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(12962,62): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(12975,155): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12982,155): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13000,67): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin'
(13003,71): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin'
(13008,165): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(13012,93): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(13028,66): run-time error CSS1039: Token not allowed after unary operator: '-font-s'
(13109,35): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(13112,36): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(13121,28): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(13144,32): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(13150,229): run-time error CSS1039: Token not allowed after unary operator: '-menu-height'
(13150,261): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(13154,106): run-time error CSS1039: Token not allowed after unary operator: '-menu-height'
(13155,95): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(13155,110): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(13155,126): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(13156,95): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(13156,110): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(13156,126): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(13159,153): run-time error CSS1039: Token not allowed after unary operator: '-menu-height'
(13339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13340,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13342,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13343,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13344,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13345,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13346,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13347,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13348,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13349,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13350,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13352,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13353,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13354,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13355,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13356,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13357,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13358,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13359,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13360,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13361,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13362,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13363,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13364,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13365,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13366,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13367,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13368,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13369,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13370,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13374,28): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(13374,40): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(13374,67): run-time error CSS1039: Token not allowed after unary operator: '-bold2'
(13374,79): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(13376,23): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(13376,35): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(13377,23): run-time error CSS1039: Token not allowed after unary operator: '-bold2'
(13377,35): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(13380,28): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(13380,40): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(13380,67): run-time error CSS1039: Token not allowed after unary operator: '-bold2'
(13380,79): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(13381,80): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(13381,92): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(13381,119): run-time error CSS1039: Token not allowed after unary operator: '-bold2'
(13381,131): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(13384,40): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13385,49): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13393,21): run-time error CSS1039: Token not allowed after unary operator: '-light'
(13406,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13429,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13430,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13431,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13445,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13446,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13464,25): run-time error CSS1046: Expect comma, found '255'
(13464,33): run-time error CSS1046: Expect comma, found '/'
(13470,21): run-time error CSS1039: Token not allowed after unary operator: '-light'
(13474,49): run-time error CSS1039: Token not allowed after unary operator: '-light'
(13507,48): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13507,64): run-time error CSS1039: Token not allowed after unary operator: '-dark'
(13524,23): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(13525,23): run-time error CSS1039: Token not allowed after unary operator: '-bold2'
(13529,25): run-time error CSS1046: Expect comma, found '41'
(13529,31): run-time error CSS1046: Expect comma, found '/'
(13551,32): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13560,49): run-time error CSS1039: Token not allowed after unary operator: '-light'
(13563,22): run-time error CSS1039: Token not allowed after unary operator: '-light'
(13569,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup>.ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup>.ui-controlgroup-item:focus,.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical>.ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item{border-top:0}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:0}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:0}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:0}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:0}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px .4em;margin:.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:0;background:0;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:0}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #d3d3d3}.ui-widget-content{border:1px solid #aaa;background:#fff;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #d3d3d3;background:#e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #999;background:#dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#212121;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px #5e9ed6}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #aaa;background:#fff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-icon-background,.ui-state-active .ui-icon-background{border:#aaa;background-color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;color:#363636}.ui-state-checked{border:1px solid #fcefa1;background:#fbf9ee}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_454545_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_454545_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_2e83ff_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cd0a0a_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_888888_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:-8px -8px 8px #aaa;box-shadow:-8px -8px 8px #aaa}
.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 {
    margin:0;
}

.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: #0F1419;
}

.socialShare .sstw a:before {
	content: "\e61b";
}

.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-size: var(--font-xl);
	color: var(--primary);
	line-height: 1.25em;
	margin: 0 0 20px;
}

.title2 {
	font-size: var(--font-l);
	line-height: 1.25em;
	margin: 0 0 16px;
}

.title3 {
	font-size: var(--font-s);
	line-height: 1.25em;
	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;
	overflow:hidden;
}

#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: 24px;
	line-height: 10px;
	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: var(--font-xl);
}


/*#########################
###### 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:0;
	flex-direction:column;
	height:100%;
	display:flex;
}

.box3 .boxCont .boxItem a {
	display: block;
	width: 100%;
	text-decoration: none;
	color: inherit;
	height:100%;
	display:flex;
	flex-direction:column;
}
.box3 .boxCont .boxItem .boxItemImg{
	flex:1;
}
.box3 .boxCont .boxItem .boxItemImg picture,
.box3 .boxCont .boxItem .boxItemImg img{
	height:100%;
	width:100%;
	object-fit:cover;
}

.box3 .boxCont .boxItem .boxItemCont {
	background: rgba(0, 0, 0, 0.5);
	padding: 8px;
	width: 100%;
}

.box3 .boxCont .boxItem .bicTitle {
	margin: 0;
	text-transform: uppercase;
	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;
	border-radius:var(--radius-default);
}

.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;
	border-radius:var(--radius-default);
}

.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: var(--light);
	text-align: center;
}

.news1 .newsCont {}

.news1 .newsCont .title2 {
	margin: 0 0 8px;
	font-size:var(--font-xl);
}

.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: #0F1419;
	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: #0F1419;
}

.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: #0F1419;
	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 {}

.secureBox:after {
	content: "\f2f7";
	color: #39b549;
}

.secureBox .dvBannerCont {}

.secureBox .dvBannerCont p:first-child {
	font-size: 22px;
}

.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: "\e61b";
	font-family: "Font Awesome 5 Brands";
	color: #0F1419;
}

.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: 24px;
	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: 24px;
	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, var(--light) 0%, #fff 100%);
	background: -webkit-linear-gradient(top, var(--light) 0%, #fff 100%);
	background: linear-gradient(to bottom, var(--light) 0%, #fff 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#FFFFFF', 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-wrap:wrap;
	column-gap:6px;
}

.breadcrumb ol li {
	list-style: none;
	display: inline-flex;
	gap: 6px;
	align-items: center;
}

.breadcrumb ol li:not(:first-child):before {
	content: "\f105";
	font-weight: 900;
	font-family: "Font Awesome 6 Pro";
	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::first-letter,
.breadcrumb ol li > span::first-letter {
	text-transform: capitalize;
}
.breadcrumb ol li > span {
	font-weight: var(--bold1);
}

.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,
.radiobtn> label: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,
.radiobtn input[type="radio"]:checked~ label: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 .ContactoInfo .icoWhatsapp {
	display: inline-block;
	color: #fff;
	background: #128c7e;
	width: 22px;
	border-radius: 3px;
	text-align: center;
	font-size: 14px;
	line-height: 22px;
	margin-left: 8px;
}

#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;
}

#dvContactoInfo .socialLine {
	margin-top: 16px;
}

#dvContactoInfo .socialUl {
	padding: 0;
}

#dvContactoInfo .socialLine li {
	border: 1px solid #ddd;
}

#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: 2px 0;
}

#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: 32px;
	background-color: rgba(0, 0, 0, 0.05);
	justify-content: center;
	flex-shrink: 0;
}

#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) {
	
}

.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;
}

.carritoEnvio .dvAcepEnv {
	display: flex;
	gap: 8px;
}
.carritoEnvio .dvAcepEnv.oculto{
	display:none;
}
.carritoEnvio .radioEnvio {}

.carritoEnvio .radioEnvio input[type="radio"] {
	opacity: 0;
	position: absolute;
}

.carritoEnvio .radioEnvio label {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	background: #fff;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
	padding: 8px 12px;
	border-radius: 8px;
	opacity: 0.5;
	cursor: pointer;
}

.carritoEnvio .radioEnvio label:after,
.carritoEnvio .radioEnvio label:before {
	font-weight: 900;
	font-family: "Font Awesome 6 Pro";
}

.carritoEnvio .radioEnvio label:after {
	color: #999999;
	margin: 0 0 0 auto;
	width: 24px;
	text-align: center;
}

.carritoEnvio .radioEnvio input[type="radio"]:checked + label {
	opacity: 1;
	font-weight: var(--bold1);
}

.carritoEnvio .radioEnvio input[type="radio"]:checked + label:before {
	content: "\f00c";
	margin-right: 4px;
}

.carritoEnvio .radioEnvio.radioEnvio--normal label:after {
	content: "\f015"
}

.carritoEnvio .radioEnvio.radioEnvio--recogida label:after {
	content: "\f3c5"
}

.carritoEnvio .radioEnvio.radioEnvio--punto label:after {
	content: "\f54e"
}

.carritoPuntoRecogida > div {
	display: grid;
	grid-template-columns: 60px auto;
	gap: 12px;
	align-items: flex-end;
	max-width: 380px;
}

.carritoPuntoRecogida select {
	background: #fff;
}

.carritoPuntoRecogida .carritoPuntoRecogida__cp {
	grid-column: span 2;
	display: inline-flex;
	flex-direction: column;
}

.carritoPuntoRecogida .carritoPuntoRecogida__cp> span,
.carritoPuntoRecogida__pais> span,
.carritoPuntoRecogida__prov> span {
	font-size: 12px;
	line-height: 120%;
	margin-bottom: 4px;
}

.carritoPuntoRecogida .carritoPuntoRecogida__cp input {
	background: #fff;
	height: 40px;
}

.ulMetodoEnvio .open-pr-modal {
	border: 0;
	background: #2051DA;
	appearance: inherit;
	-webkit-appearance: inherit;
	padding: 4px 8px;
	font-size: 15px;
	color: #fff;
	border-radius: 4px;
}

.carritoDatos .carritoDatosRight .carritoEnvio .ulMetodoEnvio .open-pr-modal+ .field-validation-error {
	margin-top: 4px;
}

.ulMetodoEnvio .open-pr-modal--change {
	background: #666;
}

.ulMetodoEnvio .pr-point-name {
	display: flex;
	align-items: center;
}

.ulMetodoEnvio .pr-point-name i {
	margin-right: 4px;
	color: #2051DA;
	font-size: 22px;
}

#ulTodosMetodosEnvioPuntoRecogida.ulMetodoEnvio {
	margin-top: 12px;
}

#ulTodosMetodosEnvioPuntoRecogida.ulMetodoEnvio .pr-point-info {
	margin: 12px 0 0;
	padding-top: 12px;
	border-top: 1px solid #eee;
}

#ulTodosMetodosEnvioPuntoRecogida.ulMetodoEnvio .pr-point-name> span {
	margin: 0;
	font-weight: var(--bold1);
}

#ulTodosMetodosEnvioPuntoRecogida.ulMetodoEnvio .pr-point-address {
	font-size: 14px;
	line-height: 140%;
	opacity: 0.75;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%;
	margin: 0 0 12px;
}

.ulMetodoEnvio .open-pr-modal i {
	margin-right: 4px;
}

.puntoRecogida-modal {
	align-items: flex-end;
	padding-bottom: 0;
}

.puntoRecogida-modal .wrap {
	padding: 50px 0 0;
	max-height: calc(100vh - 8px - 36px);
	background: none;
	border-radius: 8px 8px 0 0;
	box-shadow: none;
	width: 100%;
	max-width: 640px;
}

@supports (max-height: 100dvh) {
	.puntoRecogida-modal .wrap {
		max-height: calc(100dvh - 8px);
	}
}

.modalPuntoRecogida {
	position: relative;
	display: flex;
	flex-direction: column;
	max-height: calc(100vh - 58px - 36px);
	overflow: hidden;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
	color: #333;
	background: #fff;
	border-radius: 8px 8px 0 0;
}

@supports (max-height: 100dvh) {
	.modalPuntoRecogida {
		max-height: calc(100dvh - 58px);
	}
}

.puntoRecogida-modal .close {
	display: none;
}

.puntoRecogida-modal .content {
	position: relative;
}

.modalPuntoRecogida-close {
	width: 38px;
	height: 38px;
	display: grid;
	border-radius: 50%;
	place-content: center;
	background: #666;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	position: absolute;
	z-index: 1;
	top: -8px;
	right: 4px;
	cursor: pointer;
	transform: translateY(-100%);
}

.modalPuntoRecogida .pikup__map {
	min-height: 40vh;
	border-radius: 8px 8px 0 0;
	box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.15);
}

.modalPuntoRecogida .pickup__list {
	flex: 1;
	overflow: auto;
	padding: 12px 0;
	scroll-behavior: smooth;
}

.modalPuntoRecogida .pickup__point {
	display: grid;
	grid-template-columns: 28px auto;
	gap: 8px;
	padding: 16px 12px;
	border-bottom: 1px solid #eee;
	text-align: left;
}

.modalPuntoRecogida .pickup__point--selected {
	animation: blinkSelected 800ms linear forwards;
	animation-delay: 800ms;
}

@keyframes blinkSelected {
	0% {
		background: #fff;
	}
	30% {
		background: #ddd;
	}
	70% {
		background: #fff;
	}
	100% {
		background: #eee;
	}
}

.modalPuntoRecogida .pickup__point .pickup__point__marker {
	font-size: 32px;
	display: flex;
	justify-content: center;
	height: 32px;
	align-items: center;
	position: relative;
}

.modalPuntoRecogida .pickup__point .pickup__point__marker span {
	display: block;
	position: absolute;
	top: 4px;
	left: 50%;
	font-size: 18px;
	line-height: 100%;
	font-weight: bold;
	color: #fff;
	transform: translateX(-50%);
	font-family: Arial, Helvetica, sans-serif;
}

.modalPuntoRecogida .pickup__point .pickup__point__info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.modalPuntoRecogida .pickup__point .pickup__point__name {
	text-transform: uppercase;
	font-size: 1.15em;
	line-height: 1.2em;
	font-weight: bold;
	display: block;
	margin: 0 0 0.35rem;
}

.modalPuntoRecogida .pickup__point .pickup__point__address {
	display: block;
	margin: 0 0 0.5rem;
	font-size: 0.9em;
	line-height: 1.2em;
}

.modalPuntoRecogida .pickup__point .pickup__point__opening {
	display: none;
	margin: 0 0 0.5rem;
	font-size: 0.9em;
	line-height: 1.2em;
	opacity: 0.75;
}

.modalPuntoRecogida .pickup__point .pickup__point__button {
	display: inline-flex;
	background: #2051DA;
	appearance: inherit;
	-webkit-appearance: inherit;
	padding: 6px 12px;
	color: #fff;
	border-radius: 4px;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
	border: 0;
}

.modalPuntoRecogida .pickup__point__map-marker {
	background-image: url(/Content/images/location-pin.svg);
	width: 28px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	background-position: center;
	background-repeat: no-repeat;
	font-size: 18px;
}

.modalPuntoRecogida .pickup__point__map-marker> span {
	margin-top: -5px;
}

#dvTipoEnvioPuntoRecogida.oculto {
	display: none;
	margin-bottom: 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):not(.button-pr-modal):not(.pr-point-info):not(.pr-point-name):not(.pr-point-address) {
	padding: 8px;
	border: 2px solid rgba(0, 0, 0, 0.1);
	width: 100%;
	margin: 0;
	overflow: hidden;
}

.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 4px 4px 8px;
	padding: 4px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 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;
	margin: 0 0 12px;
}

.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, var(--light) 0%, #fff 100%);
	background: -webkit-linear-gradient(top, var(--light) 0%, #fff 100%);
	background: linear-gradient(to bottom, var(--light) 0%, #fff 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#FFFFFF', 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: 24px;
		line-height: 10px;
		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;
		color:var(--font-color);
		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;
		color: var(--font-color);
		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) {
	.socialShare {
		transform: scale(1.3);
		width: 76.923%;
		margin: 0 11.5385% 24px;
	}
	.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 .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) {

	.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;
	}
	.carritoEnvio .dvAcepEnv {
		flex-direction: column;
	}
	.carritoEnvio .dvAcepEnv.oculto {
		display:none;
	}
	.carritoEnvio .radioEnvio label {
		width: 100%;
	}
	#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) {
	.breadcrumb ol li:last-child {
		display: none;
	}

	.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
	}
}


/*******************************
OPINIONS
*******************************/

.opinions.dvCajaBannerPerso {
	padding: var(--section-margin) 16px;
	background: -moz-linear-gradient(top, var(--light) 0%, #fff 100%);
	background: -webkit-linear-gradient(top, var(--light) 0%, #fff 100%);
	background: linear-gradient(to bottom, var(--light) 0%, #fff 100%);
}

.opinions.dvCajaBannerPerso .title2 {
	text-align: center;
}

.opinions.dvCajaBannerPerso .container {
	max-width: var(--max-width);
	margin: 0 auto;
}

.opinions.dvCajaBannerPerso .swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 0;
}

.opinions.dvCajaBannerPerso .swiper-container {
	padding-bottom: 40px;
	overflow: hidden;
	position: relative;
}

.opinions.dvCajaBannerPerso .opinions__item {
	padding: 0 1rem 1rem;
}

.opinions.dvCajaBannerPerso .opinions__text {
	font-style: italic;
}

.opinions--estilo1.dvCajaBannerPerso .opinions__title {
	margin: 0 0 0.6rem;
}

.opinions.dvCajaBannerPerso .swiper-pagination {
	line-height: 100%;
}

.opinions--estilo2.dvCajaBannerPerso .swiper-button-prev,
.opinions--estilo2.dvCajaBannerPerso .swiper-button-next {
	display: none;
}


/* Estilo 1 */

.opinions--estilo1.dvCajaBannerPerso .opinions__item {
	display: flex;
	flex-direction: column-reverse;
	padding: 1rem;
	background: #fff;
	border-radius: var(--radius1);
}

.opinions--estilo1.dvCajaBannerPerso .opinions__text {
	font-style: italic;
	position: relative;
	padding: 0 0 1rem;
}

.opinions--estilo1.dvCajaBannerPerso .opinions__title {
	margin: 0;
}

.opinions--estilo1.dvCajaBannerPerso .opinions__title {
	padding: 0.5rem 0 0;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
}


/* Estilo 2 */

.opinions--estilo2.dvCajaBannerPerso .swiper-container {
	padding: 20px 0 0;
	overflow: hidden;
	position: relative;
}

.opinions--estilo2.dvCajaBannerPerso .swiper-pagination {
	display: none;
}

.opinions--estilo2.dvCajaBannerPerso .swiper-button-next,
.opinions--estilo2.dvCajaBannerPerso .swiper-button-prev {
	width: 60px;
	height: 40px;
	text-align: center;
	background: var(--secondary);
	color: #fff;
	left: inherit;
	top: 0;
	left: inherit;
	transform: translate(0);
	margin: 0;
}

.opinions--estilo2.dvCajaBannerPerso .swiper-button-prev {
	right: 62px;
	left: inherit;
	border-radius: var(--radius1) 0 0 var(--radius1);
	display: flex;
}

.opinions--estilo2.dvCajaBannerPerso .swiper-button-next {
	right: 0;
	border-radius: 0 var(--radius1) var(--radius1) 0;
	display: flex;
}

.opinions--estilo2.dvCajaBannerPerso .swiper-button-next:after,
.opinions--estilo2.dvCajaBannerPerso .swiper-button-prev:after {
	font-size: 20px;
}

.opinions--estilo2.dvCajaBannerPerso .opinions__item {
	display: flex;
	flex-direction: column;
	background: #fff;
	border-radius: var(--radius1);
	overflow: hidden;
	padding: 1rem 0 0;
}

.opinions--estilo2.dvCajaBannerPerso .opinions__text {
	font-style: italic;
	margin: 0 0 0.75rem;
	position: relative;
	order: 1;
	padding: 0 1rem;
}

.opinions--estilo2.dvCajaBannerPerso .opinions__title {
	margin: 0;
}

.opinions--estilo2.dvCajaBannerPerso .opinions__text:before {
	font-size: 3rem;
	color: var(--primary);
	opacity: 0.5;
	content: '\f10d';
	line-height: 100%;
	font-weight: 900;
	display: block;
	margin: 0 0 1rem;
	font-family: "Font Awesome 6 Pro";
}

.opinions--estilo2.dvCajaBannerPerso .opinions__title {
	order: 2;
	padding: 0 1rem 1rem;
	margin: 0;
}

.opinions--estilo2.dvCajaBannerPerso .opinions__stars {
	order: 3;
	background: #eee;
	padding: 1rem;
	color: #ff8345;
}
/*Cambiar iconos de carrito: f07a f290 f847 f49c f49d*/
.fa-shopping-cart:before { content: "\f07a"!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{border-bottom:1px solid rgba(0,0,0,0.1); }

/* PreHeader */
header .preHeader { background: var(--light); }
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; }


.mcPrincipal .navTrigger{display:none;}
.mcPrincipal .cd-dropdown-trigger span:before{content:'\f0c9'; font-family:'Font Awesome 6 Pro'; margin-right:12px;}

/*Header*/
header .header { position: relative; max-width: 100%; }
header .header .headerCont { padding:20px 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; max-width: 240px; width: 100%; }
header .header .headerCont .hcCenter { display: flex; justify-content: center; width: 100%; }

/*Menu*/
header .menu{padding:0;border-top:1px solid rgba(0,0,0,0.1); }
.mcDestacado ul li a{padding:12px;}

/* 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:inherit; }
#cart > a i { font-size: 18px; width: 32px; height: 32px; text-align: center; display: inline-flex; justify-content: center; align-items: center;background:var(--primary); color:var(--primary-invert);border-radius: var(--radius1);}
#cart > a > span { padding: 0 0 0 8px; }

/* Usuario */
#user { margin-left: 30px; 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:inherit; }
#user a i:not(#btLogout) { font-size: 18px; width: 32px; height: 32px;  text-align: center; display: inline-flex; justify-content: center; align-items: center; background:var(--primary); color:var(--primary-invert); border-radius: var(--radius1); }
#user a #btLogout { margin: 4px 16px 4px 0; font-size: 12px; }
#user a > span {  padding: 0 0 0 8px;  max-width: 140px; text-overflow: ellipsis; display: block; white-space: nowrap; overflow: hidden; }



/* Buscador */
#search .searchBar { position: relative;}
#search .searchBar input {width: 100%;font-size: 15px; line-height: 24px; margin: 0; background:#eee; color:#333; border:0; padding:6px 8px 6px 46px; border-radius:30px;}
#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: 18px; width: 32px;height: 32px;  border-radius:var(--radius1); border:1px solid;}
#searchbtn { display: none; }
#searchbtn a { text-decoration: none; display: flex; line-height: 32px; border: 0;  color: inherit; overflow: hidden; align-items: center; }
#searchbtn a i {  text-align: center; display: inline-flex; justify-content: center; align-items: center;   }

/*################
##### 1 0 2 3 ####
################*/
@media screen and (min-width: 1024px) {
    #cart .cart-prod-list:after{right:26px;}
   

}

@media screen and (max-width: 1023px) {
    header .header .headerCont .hcLeft .hcLogo a img{max-width:190px;}
    #user{margin-left:8px;}
    #cart{margin-left:8px;}
    #user a > span { display: none; }
    #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;top:-6px;right:2px;}
    #cart > a > span span:last-child{display:none;}

    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) {
    
    
}

@media screen and (max-width: 768px) {
       header .header .btnmenu{display:flex;}
       .langSelector{margin:0;}
}

/*################
#####  6 4 0  ####
################*/
@media screen and (min-width: 640px) {
        
}

@media screen and (max-width: 640px) {
    header .preHeader { display:none;}
    header .header .headerCont .hcLeft .hcLogo a img{max-width:160px;}
    header .header .headerCont .hcLeft { flex-shrink: 1; width: 100%; }
    header .header .headerCont .hcCenter { flex-shrink: 1; width: auto; }
}

/*################
#####  4 8 0  ####
################*/
@media screen and (max-width: 480px) {
    header .header .headerCont{padding:8px 12px;}
    header .header .headerCont .hcLeft{margin-right:12px;}

}
/**
 * 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);}

/* Altura auto para panel simple */
.slideportada .swiper-slide {
    height:auto;
}
/*#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;
    border-radius: 0 0 var(--radius-default) var(--radius-default);
    overflow: hidden;
}
.panel__simple--skin1 .switem { position: relative; border-radius:0 0 var(--radius-default) 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;  }
.panel__simple--skin1 .switem .switemimg img { display: block;  width: 100%; }
.panel__simple--skin1 .switem, .panel__simple--skin1 .switem.swiper-slide-active:active { transform: scale(0.95); 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; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); color: #fff; padding: 16px 48px; position: absolute; top: 0; left: 0; right: 12px; width: 40%; bottom: 0px; background: rgba(var(--filtroPortada),0.4); text-align: center; }
.panel__simple--skin1 .switem .switeminfo .switemtitle .title { font-size: var(--font-xl); line-height: 120%; text-overflow: inherit; white-space: inherit; }
.panel__simple--skin1 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; }
.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 6 Pro"; font-size: 14px; margin-left: 8px;  }

.panel__simple--skin2 {  margin:0 auto; max-width: 1920px; padding:0;border-radius:0 0 var(--radius-default) var(--radius-default); overflow: hidden;    --polygon:32px;
    --path:polygon(var(--polygon) 0, 100% 0, 100% 100%, 0 100%);}
.panel__simple--skin2 .switem { position: relative; overflow: hidden; border-radius:0 0 var(--radius-default) var(--radius-default);background: var(--primary);}
.panel__simple--skin2 .switem a { text-decoration: none; color: white; display:grid; flex-direction:row-reverse; grid-template-columns: 40% 60%; height:100%;}
.panel__simple--skin2 .switem .switemimg {grid-column:2; grid-row:1; background-position: center; background-size: cover; overflow: hidden; position: relative; clip-path:var(--path);  }
.panel__simple--skin2 .switemimg:last-child{grid-column: 1 / 3; clip-path:none; }
.panel__simple--skin2 .switem .switemimg img { display: block;  width: 100%;  height:100%; object-fit:cover; }
.panel__simple--skin2 .switem, .panel__simple--skin2 .switem.swiper-slide-active:active { transform: scale(0.95); 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 {grid-column:1; grid-row:1; display: flex; flex-direction: column; justify-content: center;  color: #fff; padding: 20px 40px;   text-align: center; }
.panel__simple--skin2 .switem .switeminfo .switemtitle .title { font-size: var(--font-xl); line-height: 1.25em; 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 12px; }
.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(--primary-invert); 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 6 Pro"; font-size: 14px; margin-left: 8px;  }

.panel__simple--skin3 { padding:0;}
.panel__simple--skin3 .switem { position: relative; 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; }
.panel__simple--skin3 .switem .switemimg img { display: block; width: 100%;  object-fit: cover; height:70vh; }
.panel__simple--skin3 .switem .switemimg:after{z-index:1; content:''; display:block;position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.panel__simple--skin3 .switem, .panel__simple--skin3 .switem.swiper-slide-active:active { transform: scale(0.95); transition: all 100ms ease; opacity: .8; }
.panel__simple--skin3 .switem.swiper-slide-active:active a { cursor: grabbing; }
.panel__simple--skin3 .switem .switeminfocont {  padding: 24px;max-width:640px; background: rgba(255,255,255,0.85); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); border-radius:var(--radius1);}
.panel__simple--skin3 .switem .switeminfo { display: flex; flex-direction: column; align-items:flex-start;  position: absolute; left: 0; right:0;  padding:32px 20px; margin:0 auto; bottom:50%; transform:translateY(50%);  z-index:2; max-width:calc(var(--max-width) + 40px);}
.panel__simple--skin3 .switem .switeminfo .switemtitle .title { font-size: var(--font-xl); line-height: 1.25em; text-overflow: inherit; white-space: inherit; }
.panel__simple--skin3 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; }
.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 6 Pro"; font-size: 14px; margin-left: 8px;  }

.panel__simple--skin4 { padding:0;}
.panel__simple--skin4 .switem { position: relative; 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;}
.panel__simple--skin4 .switem .switemimg img { display: block;  width: 100%;  object-fit: cover; height:70vh; }
.panel__simple--skin4 .switem .switemimg:not(:last-child):after{z-index:1; content:''; display:block;position: absolute; width: 100%; height: 100%; left: 0; top: 0;background: linear-gradient(to right, rgba(var(--filtroPortada),.75) 0%, rgba(var(--filtroPortada),.50) 40%, rgba(var(--filtroPortada),0) 100%);}
.panel__simple--skin4 .switem, .panel__simple--skin4 .switem.swiper-slide-active:active { transform: scale(0.95); transition: all 100ms ease; opacity: .8; }
.panel__simple--skin4 .switem.swiper-slide-active:active a { cursor: grabbing; }
.panel__simple--skin4 .switem .switeminfocont {max-width:640px;}
.panel__simple--skin4 .switem .switeminfo { display: flex; color:#fff; flex-direction: column; align-items:flex-start; justify-content:center;  position: absolute; left: 0; right:0; top:50%; transform:translateY(-50%); padding:32px 20px; margin:0 auto; bottom:0;  z-index:2; max-width:calc(var(--max-width) + 40px);}
.panel__simple--skin4 .switem .switeminfo .switemtitle .title { font-size: var(--font-xl); line-height: 1.25em; text-overflow: inherit; white-space: inherit; text-shadow:0px 1px 4px rgba(0,0,0.25);}
.panel__simple--skin4 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; }
.panel__simple--skin4 .switem .switeminfo .switemdesc { margin: 0 0 16px;text-shadow:0px 1px 4px rgba(0,0,0.25) }
.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 6 Pro"; font-size: 14px; margin-left: 8px;  }

.panel__simple--skin5 {  margin:0 auto; max-width: 1920px; padding:0;  --polygon:38px;
    --path:polygon(100% 0, 100% calc(100% - var(--polygon)), 50% 100%, 0% calc(100% - var(--polygon)), 0 0);}
.panel__simple--skin5 .switem { position: relative; }
.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; clip-path:var(--path); }
.panel__simple--skin5 .switem .switemimg img { display: block; width: 100%;  object-fit: cover;}
.panel__simple--skin5 .switem, .panel__simple--skin5 .switem.swiper-slide-active:active { transform: scale(0.95); transition: all 100ms ease; opacity: .8; }
.panel__simple--skin5 .switem.swiper-slide-active:active a { cursor: grabbing; }
.panel__simple--skin5 .switem .switeminfocont {max-width:640px; }
.panel__simple--skin5 .switem .switeminfo { clip-path:var(--path); display: flex; flex-direction: column;  justify-content: center; align-items:center;color: #fff; padding:32px 20px; position: absolute; top: 0; left: 0;  width: 100%; bottom: 0px; background: rgba(var(--filtroPortada),0.35); text-align: center; }
.panel__simple--skin5 .switem .switeminfo .switemtitle .title { font-size: var(--font-xl); line-height: 1.25em;text-overflow: inherit; white-space: inherit; text-shadow:0px 1px 4px rgba(0,0,0.25)}
.panel__simple--skin5 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; }
.panel__simple--skin5 .switem .switeminfo .switemdesc { margin: 0 0 12px; text-shadow:0px 1px 4px rgba(0,0,0.25)}
.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 6 Pro"; font-size: 14px; margin-left: 8px;  }

@media screen and (max-width: 768px) {
    .panel__simple--skin1 .switem { background:rgba(var(--filtroPortada),1);}
    .panel__simple--skin1 .switem .switeminfo { position:static; padding: 20px; width:100%; background:rgba(var(--filtroPortada),1);}
    .panel__simple--skin1 .switem .switeminfo .switemdesc { display: block; }
    .panel__simple--skin1 .swiper-button-next, .panel__simple--skin1 .swiper-button-prev { display:none; }
    
    .panel__simple--skin2{--path:polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - var(--polygon)));}
    .panel__simple--skin2 .switem a {flex-direction:column; display:flex;}
    .panel__simple--skin2 .switem .switeminfo{ padding: 20px;}
    .panel__simple--skin2 .switem .switeminfo .switemdesc { margin: 0 0 12px; }
    .panel__simple--skin2 .swiper-button-next, .panel__simple--skin2 .swiper-button-prev { display:none; }


}
@media screen and (max-width: 640px) {
  
    .panel__simple--skin3 .switem .switeminfocont{width:calc(100% - 32px); margin:0 auto;box-shadow:0px 0px 12px rgba(var(--filtroPortada),0.1); }
    .panel__simple--skin3 .switem .switemimg img{height: auto; }
    .panel__simple--skin3 .switem .switeminfo{ position:static; transform:translate(0%,0%); text-align:center; padding:0;text-align:center; margin-top:-32px;padding-bottom:1rem; }
    .panel__simple--skin3 .switem .switeminfocont{padding:16px;}

    .panel__simple--skin4 .switem .switemimg img{height: auto; }
    .panel__simple--skin4 .switem .switeminfo { justify-content:flex-end; align-items:center; top:inherit;transform:translateY(0); bottom:0;text-align:center;}
    .panel__simple--skin4 .switem .switemimg:not(:last-child):after{ background: linear-gradient(to top, rgba(var(--filtroPortada),.75) 20%,  rgba(var(--filtroPortada),0) 70%);}
    .panel__simple--skin5{--polygon:20px;}
    .panel__simple--skin5 .switem .switeminfo {justify-content:flex-end;background: linear-gradient(to top, rgba(var(--filtroPortada),.75) 20%,  rgba(var(--filtroPortada),0) 100%);}
    
}

.panel__simple--skin6{
    max-width:calc(var(--max-width) * 1.36);
    margin:0 auto;
    border-radius:0 0 var(--radius-default) var(--radius-default);
    overflow:hidden;
    --polygon:16px;
    --path:polygon(100% 0, 100% 100%, 50% calc(100% - var(--polygon)), 0 100%, 0 0);
}
.panel__simple--skin6 .switem{
    background:  var(--light);
    display: flex;
    border-radius:0 0 var(--radius-default) var(--radius-default);
}
.panel__simple--skin6 .switemimg {
    grid-area:1 / 1;
    position: relative;
    overflow: hidden;
    position: relative;
    clip-path: var(--path);
}
.panel__simple--skin6 .switemimg:last-child{
    clip-path:none;
}
.panel__simple--skin6 .switemimg img {
    display: block;
    width: 100%;
    height:100%;
    object-fit: cover;
}
.panel__simple--skin6 .switemimg:last-child img{
    border-radius:0;
}
.panel__simple--skin6 .switem a, .panel__simple--skin5 .switem > a {
    text-decoration: none;
    color: inherit;
    display:grid;
    flex:1;
}

.panel__simple--skin6 .switem,
.panel__simple--skin6 .switem.swiper-slide-active:active{
    transform: scale(0.95);
    transition: all 100ms ease; opacity: .8;
}
.panel__simple--skin6 .switem.swiper-slide-duplicate-active,
.panel__simple--skin6 .switem.swiper-slide-active {
    transform: scale(1);
    opacity: 1;
}

.panel__simple--skin6 .switeminfo  {
    display: grid;
    padding: 16px;
    position:relative;
    z-index:1;
}

.panel__simple--skin6 .switeminfocont {
    text-align:center;
    max-width:640px;
    margin: 0 auto;
}


.panel__simple--skin6 .switemtitle{
    margin: 0 0 0.75rem;
}
.panel__simple--skin6 .switemtitle:last-child {
    margin-bottom: 0;
}
.panel__simple--skin6 .switemdesc {
    margin: 0 0 1rem;
}

.panel__simple--skin6 .switemdesc:last-child {
    margin-bottom: 0;
}


/* Textos - Modificar tama�os*/
.panel__simple--skin6 .switemtitle h2{
    margin: 0;
    font-size: var(--font-xl);
    line-height:1.25em;
    font-family:var(--font2,var(--font1));
    font-weight: var(--bold2,var(--bold1));
    color: var(--primary);
}

.panel__simple--skin6 .switemdesc p{
    font-size: var(--font-s);
    line-height:1.4em;
}

.panel__simple--skin6 .switemadd span {
    display:inline-block;
    background: var(--secondary);
    color: var(--secondary-invert);
    text-transform:uppercase;
    border-radius: var(--radius1);
    padding: 0.5rem 1.25rem;
    text-decoration:none;
    font-size:0.95rem;
}
.panel__simple--skin6 .switemadd span:after{
   font-family: "Font Awesome 6 Pro";
    content:'\f178';
    margin:0 0 0 8px;

}



@media screen and (min-width: 769px) {
    .panel__simple--skin6{
        --path:polygon(0 0, 100% 0, 100% 100%, 0 100%, var(--polygon) 50%);
        --polygon:32px;
    }

    .panel__simple--skin6 .switem > a {
        grid-template-columns: 40% 60%;
    }
    .panel__simple--skin6 .switemimg {
        grid-column: 2;
    }
    .panel__simple--skin6 .switemimg:last-child{
        grid-column: 1 / 3;
    }

    .panel__simple--skin6 .switeminfo  {
        place-content:center center;
        grid-column:1;
        padding:32px;
    }

    .panel__simple--skin6 .switemadd:hover .button{
        padding: 0.5rem 1.75rem;
    }

    .panel__simple--skin6 .switemimg img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}


/*############
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 .boxItemCont {position:absolute;bottom:0;left:0; width:100%; padding:32px 16px 16px; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(to bottom, rgba(var(--filtroPortada),0) 0%,rgba(var(--filtroPortada),0.25) 50%,rgba(var(--filtroPortada),0.4) 100%); }
.panel__doble--skin1 .boxCont .boxItem .boxItemCont:after { content: "\f054"; font-family: "Font Awesome 6 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: var(--font-m); text-transform: inherit; 	text-shadow:0px 1px 3px rgba(var(--filtroPortada),0.35);}

.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 .boxItemCont {position:absolute;bottom:0;left:0; width:100%; padding:32px 16px 16px; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(to bottom, rgba(var(--filtroPortada),0) 0%,rgba(var(--filtroPortada),0.25) 50%,rgba(var(--filtroPortada),0.4) 100%); }
.panel__triple--skin1 .boxCont .boxItem .boxItemCont:after { content: "\f054"; font-family: "Font Awesome 6 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: var(--font-m); text-transform: inherit;	text-shadow:0px 1px 3px rgba(var(--filtroPortada),0.35); }

.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: var(--font-m); 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,
.mosaico--skin1 .boxCont .boxItem .boxItemImg picture{ 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:32px 16px 16px; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(to bottom, rgba(var(--filtroPortada),0) 0%,rgba(var(--filtroPortada),0.25) 50%,rgba(var(--filtroPortada),0.4) 100%); }
.mosaico--skin1 .boxCont .boxItem .boxItemCont:after { content: "\f054"; font-family: "Font Awesome 6 Pro"; margin-left: 8px; flex-shrink: 0; color: #fff; font-weight: 600; }
.mosaico--skin1 .boxCont .boxItem .boxItemCont .bicTitle {line-height: 120%;  font-size: var(--font-m); text-transform: inherit; margin: 0;text-shadow:0px 1px 3px rgba(var(--filtroPortada),0.35);}


.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(var(--filtroPortada),.8) }
.cportada1 .switem .switeminfo { position: absolute; right: 12px; width: 40%; bottom: 12px; padding: 16px; background: rgba(var(--filtroPortada),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 6 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(var(--filtroPortada),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 6 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(var(--filtroPortada),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 6 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(var(--filtroPortada),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(var(--filtroPortada),0) 0%, rgba(var(--filtroPortada),0.5) 35%, rgba(var(--filtroPortada),0.7) 100%); background: -webkit-linear-gradient(top, rgba(var(--filtroPortada),0) 0%,rgba(var(--filtroPortada),0.5) 35%,rgba(var(--filtroPortada),0.7) 100%); background: linear-gradient(to bottom, rgba(var(--filtroPortada),0) 0%,rgba(var(--filtroPortada),0.5) 35%,rgba(var(--filtroPortada),0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); text-shadow: 0 -2px 4px rgba(var(--filtroPortada),.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 6 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(var(--filtroPortada),0) 0%, rgba(var(--filtroPortada),0.5) 35%, rgba(var(--filtroPortada),0.7) 100%); background: -webkit-linear-gradient(top, rgba(var(--filtroPortada),0) 0%,rgba(var(--filtroPortada),0.5) 35%,rgba(var(--filtroPortada),0.7) 100%); background: linear-gradient(to bottom, rgba(var(--filtroPortada),0) 0%,rgba(var(--filtroPortada),0.5) 35%,rgba(var(--filtroPortada),0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); text-shadow: 0 -2px 4px rgba(var(--filtroPortada),.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 6 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__doble--skin1 .boxCont .boxItem .boxItemCont{padding:12px 8px 8px;}

.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)); }
.panel__triple--skin1 .boxCont .boxItem .boxItemCont{ padding:12px 8px 8px;}
/*DESCRIPTIVO*/

.mosaico--skin1 .boxCont .swiper-wrapper { grid-gap: var(--mosaico-margin); }
.mosaico--skin1 .boxCont .boxItem .boxItemCont { padding:12px 8px 8px; }
.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); }

    
/*############
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 .title {  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(var(--filtroPortada),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 .title { 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(var(--filtroPortada),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 .title {  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,
.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); }

.mosaico--skin1 .boxCont .boxItem .boxItemCont .bicTitle,
.panel__triple--skin1 .boxCont .boxItem .bicTitle,
.panel__doble--skin1 .boxCont .boxItem .bicTitle{ font-size:var(--font-s); line-height:1.25em;}
/*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; }
}

@media screen and (max-width: 460px) {
.cportada1 .switem .switeminfo {  padding: 8px; }
.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 {padding: 8px; }
.cportada2 .switem .switemimg { }



.cportada4 .switem .switemimg { height: 280px; }

.cportada5 .switem .switemimg { height: 280px; }
}

#preRes {}
.PRCCont { }
.PRC01 { padding:  20px 16px; }
.PRC01 .PRCCont { max-width: var(--max-width); margin: 0 auto; }

.PRC02 { padding: 20px 16px; 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 ); }
.PRC02 .PRCCont {  max-width: var(--max-width); margin: 0 auto; }
.PRC02 .PRCCont .infoCat {display: flex;align-items: center;}
.PRC02 .PRCCont .infoCat img {display: block;max-width: 240px;margin-right: 20px;border-radius: 4px;align-self:  flex-start;}
.PRC02 .PRCCont .infoCat .title1 { }
.PRC02 .PRCCont .infoCat .p { }



#Res {padding: 20px 16px;}
.resCont { max-width: var(--max-width); margin: 0 auto; display: flex; flex-direction: row-reverse; overflow: hidden; }
.resCont .resContRight { width: calc(100% - 312px) }
.resCont .resContRight .RCR01 { }
.RCRProds{display: flex;flex-flow: column-reverse;}
.RCRProds > *{}
.resCont .resContRight .RCR02 {margin:  0 0 12px;}

.resCont .resContLeft {width: 280px;flex-shrink: 0;margin-right: 32px;background: rgba(255,255,255,0.4);}
.resCont .resContLeft.sticky {position: sticky; top: 0; align-self: flex-start; z-index: 1;}
.resCont .resContLeft .RCL01 {margin:  0 0 12px;}
.resCont .resContLeft .RCLFilter{background: #f0f0f0;padding: 20px;margin:  0 0 16px;}
.resCont .resContLeft .RCLFilter .RCLFilterSubcat { }
.resCont .resContLeft .RCLFilter .RCLFilterSubcat:not(:last-child) { margin: 0 0 20px;}
.resCont .resContLeft .RCLFilter .title, #dvFiltroResultados .pFiltroResTitle {font-weight: bold;margin: 0 0 12px;border-bottom: 1px solid rgba(0,0,0,0.2);padding-bottom: 4px;text-transform:  uppercase;}
.resCont .resContLeft .RCLFilter .RCLFilterSubcat ul { }
.resCont .resContLeft .RCLFilter .RCLFilterSubcat ul li{margin:  0 0 4px;}
.resCont .resContLeft .RCLFilter .RCLFilterSubcat ul li a{ color: inherit; text-decoration: none;}
.resCont .resContLeft .RCLFilter .RCLFilterSubcat ul li a:hover{ text-decoration: underline;}
.resCont .resContLeft .RCL02 { }
.resCont .resContLeft .RCL02 > *:not(:last-child){ border-bottom:1px solid #e5e5e5;}

/* SUBCATEGORÍAS CON IMAGEN*/
.subcatRes{ padding:  40px 16px 0px; }
.subcatResCont{max-width: var(--max-width); margin: 0 auto;display:grid; grid-gap:16px; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));}

.subcatRes + *:not(#Res){margin-top:40px;}
.subcatRes + #Res .resCont{padding-top:20px;  border-top:2px solid #eee;}
.subcatRes .subcatResCont .subcatItemImg img{aspect-ratio:auto;}
/*SUBCATEGORÍAS HORIZONTAL*/
.resContRight .RCLFilterSubcat { display: flex; align-items: center; justify-content: center; position: relative; margin: 0 0 20px; width: 100%; display: flex; justify-content: center; align-items: flex-start; line-height: var(--menu-height); background: var(--menu-bg); position: relative; padding-bottom: 16px; border-bottom: 1px solid rgba(0,0,0,0.1) }
.resContRight .RCLFilterSubcat .arrow-left.scroll-0,
.resContRight .RCLFilterSubcat .arrow-right.scroll-100 { opacity: 0; z-index: -1; }
.resContRight .RCLFilterSubcat .kh { max-width: none; margin: 0 auto 0 0;}
.resContRight .RCLFilterSubcat .arrow { color: #333; 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; }
.resContRight .RCLFilterSubcat .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; }
.resContRight .RCLFilterSubcat .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; }
.resContRight .RCLFilterSubcat .kh > li { padding: 0; margin: 0 4px; }
.resContRight .RCLFilterSubcat .kh > li:first-of-type { margin-left: 0;}
.resContRight .RCLFilterSubcat .kh > li a { display: inline-flex; background: rgba(0,0,0,0.05); padding: 0 16px; border-radius: 40px; line-height: var(--menu-height); font-weight:bold;}
.resContRight .RCLFilterSubcat .kh > li a:hover { background: rgba(0,0,0,0.1); }

/*PAGINACIÓN*/
#dvPaginacion { margin: 20px 0; }
#dvPaginacion > span { display: block; text-align: center; margin: 0 0 8px; opacity: 0.8; font-size: 12px; }
#dvPaginacion .dvPaginacionCont { text-align: center; }
#dvPaginacion .dvPaginacionCont a{font-size: 14px;display: inline-flex;align-items:center;min-width: 40px;height: 32px;padding: 0 8px;border: 1px solid rgba(0,0,0,0.2);text-align: center;text-decoration: none;color: inherit;justify-content: center;border-radius: 4px; margin: 0 2px;}
#dvPaginacion .dvPaginacionCont a.primera {}
#dvPaginacion .dvPaginacionCont a.primera span { display: none; }
#dvPaginacion .dvPaginacionCont a.primera:after { content: "\f100"; font-weight: 400; font-family: "Font Awesome 6 Pro"; }
#dvPaginacion .dvPaginacionCont a.anterior { }
#dvPaginacion .dvPaginacionCont a.anterior span { display: none; }
#dvPaginacion .dvPaginacionCont a.anterior:after { content: "\f104"; font-weight: 400; font-family: "Font Awesome 6 Pro"; }
#dvPaginacion .dvPaginacionCont a.numero {  }
#dvPaginacion .dvPaginacionCont a.siguiente {  }
#dvPaginacion .dvPaginacionCont a.siguiente span { display: none; }
#dvPaginacion .dvPaginacionCont a.siguiente:after { content: "\f105"; font-weight: 400; font-family: "Font Awesome 6 Pro"; }
#dvPaginacion .dvPaginacionCont a.ultima { }
#dvPaginacion .dvPaginacionCont a.ultima span { display: none; }
#dvPaginacion .dvPaginacionCont a.ultima:after { content: "\f101"; font-weight: 400; font-family: "Font Awesome 6 Pro"; }
#dvPaginacion .dvPaginacionCont a.disabled {display: none;}
#dvPaginacion .dvPaginacionCont a.lnkPagAct { background-color: rgba(0,0,0,0.05) }
#dvPaginacion .dvMostrarTodos { margin-top: 12px; }

.resSeo {font-size: 12px;line-height: 14px; opacity: 0.6;margin: 0 0 20px;padding-top: 20px;border-top: 1px dashed rgba(0,0,0,0.2);}
.resSeo p:not(:last-child) { margin: 0 0 8px; }
.resSeo a { color: inherit; }

.resSeo .resSeoAvanz{margin-bottom:8px;}



/*FILTROS*/
.filtroLoading { text-align: center; }
.filtroLoading i { font-size: 28px; margin: 0 0 4px; }
#dvFiltroResultados { margin: 0 0 20px; }
#dvFiltroResultados > div:not(:last-child){margin: 0 0 12px;border-bottom: 1px dashed rgba(0,0,0,0.2);padding-bottom:  12px;}
#dvFiltroResultados .dvVariaciones:not(:last-child) {margin: 0 0 12px;border-bottom:  1px dashed rgba(0,0,0,0.2);padding-bottom: 12px;}
#dvFiltroResultados .pFiltroResTit, #dvFiltroResultados #dvFiltroResPrecios .dvIntervalos .pIntervalosEnc {font-weight: bold;margin: 0 0 4px;display: flex;align-items: center;justify-content: space-between;}
#dvFiltroResultados #dvFiltroResPrecios { }
#dvFiltroResultados #dvFiltroResPrecios .dvIntervalos { margin: 0 0 12px}
#dvFiltroResultados #dvFiltroResPrecios .dvPrecios { margin: 0 10px; }
#dvFiltroResultados #dvFiltroResPrecios .dvIntervalos .pIntervalosEnc .spnFiltroX { }
.dvFiltroBtn { display: flex; align-items: center; cursor: pointer; }
.dvFiltroBtn .spnFiltroX i{font-weight: 400;font-size: 12px;margin-left: 12px;}
.dvFiltroBtn .spnFiltroToggle i{ font-weight: 400; font-size: 16px; margin-left: 12px; }
#dvFiltroResultados .pCheck { }
#dvFiltroResultados .pCheck label{ display: flex; align-items: center; }
#dvFiltroResultados .pCheck:not(:last-child) { margin: 0 0 4px; }
#dvFiltroResultados .numProds { margin-left: 4px; opacity: 0.6; }

#dvFiltroInfoSelec {padding: 20px;background-color: #f0f0f0;display:  flex;flex-direction:  column-reverse;margin:  0 0 12px;}
.filtroSelecItem {margin-right: 8px;background: rgba(255,255,255,0.8);padding: 4px 8px;border-radius: 4px;display: inline-block;margin:  2px;}
.filtroInfoTitle {display: flex;justify-content: space-between;align-items: center;text-transform:  uppercase;margin: 0 0 8px;border-bottom: 1px solid rgba(0,0,0,0.2);padding-bottom: 4px;}
.filtroInfoTitle span:first-child { font-weight: bold; }
#dvFiltroInfoSelec .spnElimFiltros {display: inline-block;font-size: 14px;margin-left: 8px;text-transform: lowercase;flex-shrink:  0;}
#dvFiltroInfoSelec .spnElimFiltros a { color: #dd2c00; text-decoration: none; display: flex; align-items: center; }
#dvFiltroInfoSelec .spnElimFiltros a i { font-size: 10px; margin-left: 8px; display: inline-block; }


.pVerMas, .pVerMenos {text-align: center;background-color: rgba(0,0,0,0.05);margin-top: 8px;border-radius: 4px;padding: 4px 8px;display: inline-flex;align-items: center;justify-content: center;font-size:  12px;line-height: 16px;cursor: pointer;}
.pVerMenos { display: none; }
.pVerMas span, .pVerMenos span { width:100%;}
.pVerMas:before, .pVerMenos:before {font-weight: 400;font-family: "Font Awesome 6 Pro";font-size: 10px;margin-right:  4px;}
.pVerMas:before { content: "\f067"; }
.pVerMenos:before { content: "\f068"; }
.pMostrarTodas { }
.pMostrarTodas .spnMostrarTodas{cursor: pointer;background-color: rgba(0,0,0,0.05);padding: 4px 12px;border-radius:  4px;font-weight:  bold;display:  block;text-align:  center; display:flex; align-items: center;}
.pMostrarTodas .spnMostrarTodas:after{ content:"\f0fe"; flex-shrink: 0; margin-left: 4px; font-weight: 400;font-family: "Font Awesome 6 Pro";}
.pOcultarTodas .spanOcultarTodas{cursor: pointer;background-color: rgba(0,0,0,0.05);padding: 4px 8px;border-radius:  4px;font-weight:  bold;display:  block;text-align:  center;display:flex;align-items: center;}
.pOcultarTodas .spanOcultarTodas:after{ content:"\f146"; flex-shrink: 0; margin-left: 4px; font-weight: 400;font-family: "Font Awesome 6 Pro";}

#pBtnFiltrar { }
#pBtnFiltrar #btnFiltrar {display: block;background: #333;border:0;width: 100%;padding: 8px 16px;color: #fff;border-radius: 4px;}
#pBtnFiltrar #btnFiltrar:not(:last-child) { margin: 0 0 8px; }
#pBtnFiltrar #btnFiltrar:before {content: "\f00c";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-right: 8px;}
#pBtnFiltrar .spnElimFiltros { }
#pBtnFiltrar .spnElimFiltros a {display: block;color: inherit;padding: 7px 16px;border-radius: 4px;text-align: center;text-decoration: none;border: 1px solid;}
#pBtnFiltrar .spnElimFiltros a:before {content: "\f2ed";font-weight: 400;font-family: "Font Awesome 6 Pro";margin-right: 4px;}

.campExpressDesc:not(:last-child) { margin: 0 0 8px; }
.campExpressDesc .campExpressDescCont { display: inline-flex; padding: 8px 12px; line-height: 100%; border-radius: 8px;  align-items: center;  /*box-shadow: 0 4px 12px rgba(0,0,0,0.25);*/ background-color: #f8c931; color:#333;  font-weight: normal; min-height: 48px; text-align: left; }
.campExpressDesc .campExpressDescCont > div { display: inline-flex; align-items: center; }
.campExpressDesc .campExpressDescCont > div > p, .campExpressDesc .campExpressDescCont > div > p:not(:last-child) { margin: 0; }
.campExpressDesc .campExpressDescCont > div > p:first-child:not(:last-child) { margin-right: 8px; }
/*.campExpressDesc .campExpressDescCont > p:first-child:not(:last-child),
.campExpressDesc .campExpressDescCont > p:last-child:not(:first-child) { display: flex; flex-direction: column;}
.campExpressDesc .campExpressDescCont > p:first-child:not(:last-child), .campExpressDesc .campExpressDescCont > p:last-child:not(:first-child){ font-size: 80%;}
.campExpressDesc .campExpressDescCont > p:first-child:not(:last-child) span, .campExpressDesc .campExpressDescCont > p:last-child:not(:first-child) span{ font-size: 120%; }*/


.campExpressDesc .campExpressDescCont > div > p { display: flex; flex-direction: column; font-size: 80%;}
.campExpressDesc .campExpressDescCont > div > p span{ font-size: 120%; }

.campExpressDesc .campExpressDescCont > div > p > span { font-weight: bold; display: inline-block; margin: 0 2px; }
.campExpressDesc .campExpressDescCont:before {  content:"\f2f2";font-weight: 400;font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 12px; font-size: 200%; color:#333;}

@media screen and (min-width: 1023px) {
    .RCLFilter { display: block; }
    .btnFiltro { display: none !important; }
}

@media screen and (max-width: 1023px) {
    .resCont { display: block; overflow: visible;}
    .resCont .resContRight ,
    .resCont .resContLeft { width: 100%; }
    .resCont .resContLeft.sticky { z-index: 6; }
    /*.btnFiltro {height: 40px;position: fixed;bottom: 12px;left: 0;background-color: #999;cursor: pointer;align-items: center;justify-content: center;padding: 8px 16px;border-radius:  0 4px 4px 0;color: #fff;font-size: 16px;text-transform:  uppercase;font-weight:  bold;letter-spacing:  2px;line-height: 20px;z-index:  1; opacity:1; transition: box-shadow 300ms ease;}*/
    .btnFiltro { display: inline-block;  padding: 8px 12px; margin-right: 8px; cursor: pointer; border-radius: 4px; border: 1px solid rgba(0,0,0,0.2); line-height: 18px; max-width: 100%; }
    .active .btnFiltro { opacity: 0.5; transform: translateX(-100%);}
    .btnFiltro span:before { content: "\f1de"; font-weight: 900; font-family: "Font Awesome 6 Pro"; font-size: 16px; margin-right: 8px; }
    .RCRProds .RCRProdsPrev #dvOrderBy form > p{ display: none; }
    .resCont .resContLeft .RCL02 { display: flex; flex-wrap: wrap; justify-content: space-between; }
    .resCont .resContLeft .RCL02 > * { width: calc(50% - 8px); }
    .resCont .resContLeft .RCL02 > .slideCupones{width:100%; margin-left:auto; margin-right:auto;}
     .resCont .resContLeft .RCL02 > .slideCupones .slideCuponesCont{max-width:260px;}

    .resCont .resContLeft .RCL02 > *:last-child:not(:nth-child(2n)){ width: 100%; }
    .resContRight .RCLFilterSubcat { width: calc(100% + 32px) /*2x16 de padding del resCont*/; margin-left: -16px; }
        .resContRight .RCLFilterSubcat .kh > li:first-of-type { margin-left: 16px }
        .resContRight .RCLFilterSubcat .arrow { display: none !important }

    .subcatResCont{grid-template-columns:repeat(auto-fill, minmax(230px, 1fr));}
}
@media screen and (max-width: 768px) {
    .PRC02 .PRCCont .infoCat img { max-width: 180px; }

    .resCont .resContLeft .RCLFilter form {display: flex;flex-direction: column;padding-bottom: 100px;}
    .resCont .resContLeft .RCLFilter form > * { width: 100%; flex: 1; overflow: auto;}
    .resCont .resContLeft .RCLFilter form #pBtnFiltrar {flex-shrink: 0;position: fixed;bottom: 0;width: 320px;overflow:  visible;padding: 12px 20px;background:  white;right:  -320px;  transition: all 300ms ease;}
    .resCont .resContLeft .RCLFilter.leftSlide form #pBtnFiltrar {left:  -320px;}
    .resCont .resContLeft .RCLFilter.rightSlide form #pBtnFiltrar {right:  -320px;}
    .resCont .resContLeft .RCLFilter.rightSlide.active form #pBtnFiltrar { right:0;}
    .resCont .resContLeft .RCLFilter.leftSlide.active form #pBtnFiltrar { left:0;}
    .resCont .resContLeft .RCLFilter form #pBtnFiltrar:before{ width: 100%; position: absolute; bottom: 100%; left: 0; content:""; height: 40px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
    
    .resCont .resContLeft .RCLFilter .title, #dvFiltroResultados .pFiltroResTitle {}
    .resCont .resContLeft .RCLFilter .RCLFilterSubcat ul { }
    .resCont .resContLeft .RCLFilter .RCLFilterSubcat ul li{ margin: 0 0 12px; }
    .resCont .resContLeft .RCLFilter .RCLFilterSubcat ul li a{}
    .resCont .resContLeft .RCLFilter .RCLFilterSubcat ul li a:hover{ }
    #dvFiltroResultados .pCheck:not(:last-child) {margin:  0 0 12px;}
    #pBtnFiltrar { }


}

@media screen and (max-width: 640px) {
    .genericDesc { text-align: center; }

    .PRC02 .PRCCont .infoCat { display: block; }
    .PRC02 .PRCCont .infoCat img { margin: 0 auto 12px; max-width: 280px; }
    .RCRProds .RCRProdsPrev #dvOrderBy > form > p { display: none; }
    
    /*PAGINACIÓN*/
    #dvPaginacion { }
    #dvPaginacion .dvPaginacionCont a {height: 40px;width: 100%;font-size:  20px;max-width: 20%;}
    #dvPaginacion .dvPaginacionCont a.numero {display:  none;}
    #dvPaginacion .dvPaginacionCont a.disabled { display: inline-flex; opacity: 0.4; cursor: default;}
    .resCont .resContLeft .RCL02 > * { width: 100%; }
    .campExpressDesc { text-align: center;}
    #dvPaginacion .dvMostrarTodos a {height: 40px;width: 100%;font-size:  14px;max-width: 50%;}

    .subcatResCont{grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); grid-gap:8px;}
}

@media screen and (max-width: 480px) {
    .RCRProds .RCRProdsPrev .numProds { display: block; margin: 0 0 12px; text-align: center; width: 100%;}
    .RCRProds .RCRProdsPrev #dvOrderBy { }
    .RCRProds .RCRProdsPrev #dvOrderBy > form {display: flex;margin: 0 auto;}
    .RCRProds .RCRProdsPrev #dvOrderBy > form .select { width: 100%; }
    .RCRProds .RCRProdsPrev .btnFiltro ~ #dvOrderBy { width: calc(100% - 128px); }
    .btnFiltro { width: 120px; justify-content:center;}
    .filtroInfoTitle { display: block; }
    #dvFiltroInfoSelec .spnElimFiltros { display: block; margin: 0; }
    .campExpressDesc .campExpressDescCont > div { display: block; }
    .campExpressDesc .campExpressDescCont > div p:first-child:not(:last-child) { margin: 0 0 4px; }
}
:root {
    --ratio: 1.195;
    --font-size: 1rem;
    --line-height: 1.4em;
    --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-color: #616161;
    --primary: #CF2927; /* Color precios, t�tulos...*/
    --secondary: #03A9F4; /*Color botones, link*/
    --primary-invert: #fff; /*Texto de los botones*/
    --secondary-invert: #fff; /*Texto de los botones*/
    --light: #edf9ff;
    --dark: #ce7374;
    --dark-invert: #fff;
    --radius1: 0px; /*Border-radius de los botones*/
    --weight-fa: 300; /*Weight de los iconos*/
    --font1: 'Lato'; /* Fuente 1 */
    --font2: 'Marcellus'; /* Fuente 2 */
    --bold1: 700; /* Bold 1 */
    --bold2: 400; /* 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: 60px; /*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: 1480px; /* Ancho m�ximo de la tienda */
    --filtroPortada: 0,0,0;
}

/* Titulos */
.title1 { font-family:var(--font2,var(--font1));font-weight: var(--bold2,var(--bold1)); color: #333}
.title2 {
    font-family: var(--font2,var(--font1));
    font-weight: var(--bold2,var(--bold1));
    color: #333
}
.title3 { font-family:var(--font2,var(--font1));font-weight: var(--bold2,var(--bold1));}
.panel__simple--skin4 .switem .switeminfo .switemtitle .title{font-family:var(--font2,var(--font1));font-weight: var(--bold2,var(--bold1));}

/* 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;}

/* Eliminar padding arriba en los paneles */
.panel--nogap-up{
    padding-top:0;
}
/* Background light para los paneles */
.panel--light{
    background:var(--light);
}


/*################
##### 1 0 2 3 ####
################*/
@media screen and (min-width: 1023px) {

}

@media screen and (max-width: 1023px) {
    :root {
        --ratio: 1.175;
    } 
}

/*################
#####  9 6 0  ####
################*/
@media screen and (min-width: 960px) {

}
@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: 40px; /*[M�vil]Espacio entre elementos de los paneles descriptivos*/
        --section-margin: 40px;/*[M�vil]Espacio entre secciones de portada */
    }
   
}

/*################
#####  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)*/
        --ratio: 1.125;
    }
}

/*################
#####  4 8 0  ####
################*/
@media screen and (max-width: 480px) {

    /*#Res .RCRProdsCont { grid-template-columns: 1fr; }*/


}
header {
    background: url(/Content/images/bgheader.jpg);
    color: #000;
}
header .preHeader {
    background: rgb(255 255 255 / 44%);
}
#PER01 {
    grid-column: span 3;
}
footer{
   background: var(--light);
   color: #000;
}
.box6, .box4, .prodlist {
    background: linear-gradient(to bottom, var(--light), #fff);
}


.seo2 {
    background-image: url(/Content/images/banda-piscina-inicio.jpg);
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 40vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-position: 50% 50%;
}

.seo2 .seo2Cont {
    padding: 20px;
    background: rgba(255,255,255,0.9);
    max-width: 600px;
    text-align: center;
}

#PORT01 .title1:before, #PORT01 .title2:before {
    margin-left: auto;
    margin-right: auto;
}

.title1:before, #PORT01 .title2:before {
    content: '';
    display: block;
    width: 80px;
    margin-bottom: 0.35em;
    background: linear-gradient(to right, var(--primary), var(--dark));
    height: 4px;
}
.seo2 .seo2Cont .title1:before{
    display: none;
}
.panel__desc--skin1 .boxItem .bicTitle{
    color: #333;
}
.panel__simple--skin3 .switem .switeminfo{
    align-items: center;
    text-align: center;
}
.panel__simple--skin3 .switem .switeminfocont {
    background: #e2f5ffe6;
}
.panel__simple--skin3 .switem .switeminfo .switemtitle .title{
    font-family: var(--font2);
    font-weight: var(--bold2);
    color: #333;
}
.mosaico--skin1 .boxCont .boxItem .boxItemCont {
    background: rgb(207 41 39 / 75%);
    padding: 8px 16px;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
.prodItem .prodItemImg {
    border: none;
    border-bottom: 1px solid #eee;
}

.prodItem {
    border: 1px solid #eee;
    border-radius: 10px;
    background: white;
    transition: all 300ms;
}

    .prodItem .prodItemCont {
        padding: 8px;
    }

    .prodItem:hover {
        border: 1px solid var(--primary);
    }


#search .searchBar input{
    background: white;
}

.boxMini, .PRC02 {
    background: linear-gradient(to bottom, var(--light), #fff);
}
.ficha .fichaCont .fichaContDatos .fichaDesc .fichaDescCont, .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaCupones > div .fichaCuponesCont .fichaCuponesRes > div, .resCont .resContLeft .RCLFilter {
    background: var(--light);
}
.ficha .fichaCont .fichaContInfo .fichaContGal{
    background: none;
}
.contactBand .socialUl li, #pBtnFiltrar #btnFiltrar, .dvContatoInfoSub input[type="button"] {
    background: var(--primary);
}
