/* Minification failed. Returning unminified contents.
(1409,20): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(1410,14): run-time error CSS1039: Token not allowed after unary operator: '-font-color'
(1411,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(1412,20): run-time error CSS1039: Token not allowed after unary operator: '-line-height'
(1423,14): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1428,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(1490,20): run-time error CSS1039: Token not allowed after unary operator: '-menu-height'
(1491,19): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(1572,20): run-time error CSS1039: Token not allowed after unary operator: '-menu-height'
(1610,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(1637,20): run-time error CSS1039: Token not allowed after unary operator: '-menu-height'
(1648,45): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(1648,61): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(1648,77): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(1654,44): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(1654,60): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(1654,76): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(1693,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(1754,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(1841,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(1857,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(1893,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
: run-time error CSS1036: Expected expression, found ''
(2042,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2078,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2121,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2204,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2323,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(2341,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(2448,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(2478,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2498,18): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(2499,14): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2505,18): run-time error CSS1039: Token not allowed after unary operator: '-font-l'
(2511,18): run-time error CSS1039: Token not allowed after unary operator: '-font-s'
(2548,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2565,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(2567,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2576,19): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(2579,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(2581,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2612,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(2614,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
: run-time error CSS1036: Expected expression, found ''
(2675,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(2801,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2852,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
: run-time error CSS1036: Expected expression, found ''
(2895,14): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2929,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(2940,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2964,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
: run-time error CSS1036: Expected expression, found ''
(2985,14): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(3055,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3068,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3080,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(3091,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3126,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(3129,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(3151,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(3154,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(3155,14): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(3174,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3189,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(3191,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3452,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(3456,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(3514,21): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(3528,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(3532,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(3548,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(3552,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(3599,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(3604,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(3614,26): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(3615,22): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(3663,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(3671,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(3750,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(3765,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(3774,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(3781,35): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(3844,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(3848,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(3872,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3878,35): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(3901,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(3905,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(3926,35): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
: run-time error CSS1036: Expected expression, found ''
(3995,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(4074,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(4113,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4134,19): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(4145,14): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(4155,19): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(4313,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4330,14): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(4349,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4369,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(4447,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(4460,19): run-time error CSS1039: Token not allowed after unary operator: '-light'
(4468,17): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(4511,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4513,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(4517,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(4528,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(4573,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4869,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4881,14): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(4910,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(5006,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(5022,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(5024,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(5097,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(5106,14): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5127,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(5363,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(5364,45): run-time error CSS1039: Token not allowed after unary operator: '-light'
(5365,48): run-time error CSS1039: Token not allowed after unary operator: '-light'
(5366,46): run-time error CSS1039: Token not allowed after unary operator: '-light'
: run-time error CSS1036: Expected expression, found ''
(5371,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(5487,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(5532,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(5573,12): run-time error CSS1030: Expected identifier, found '.'
(5573,37): run-time error CSS1031: Expected selector, found ')'
(5573,37): run-time error CSS1025: Expected comma or open brace, found ')'
(5578,12): run-time error CSS1030: Expected identifier, found '.'
(5578,37): run-time error CSS1031: Expected selector, found ')'
(5578,37): run-time error CSS1025: Expected comma or open brace, found ')'
(5587,12): run-time error CSS1030: Expected identifier, found '.'
(5587,37): run-time error CSS1031: Expected selector, found ')'
(5587,37): run-time error CSS1025: Expected comma or open brace, found ')'
(5594,12): run-time error CSS1030: Expected identifier, found '.'
(5594,37): run-time error CSS1031: Expected selector, found ')'
(5594,37): run-time error CSS1025: Expected comma or open brace, found ')'
(5601,12): run-time error CSS1030: Expected identifier, found '.'
(5601,37): run-time error CSS1031: Expected selector, found ')'
(5601,37): run-time error CSS1025: Expected comma or open brace, found ')'
(5606,13): run-time error CSS1030: Expected identifier, found '.'
(5606,38): run-time error CSS1031: Expected selector, found ')'
(5606,38): run-time error CSS1025: Expected comma or open brace, found ')'
(5646,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
: run-time error CSS1036: Expected expression, found ''
(5805,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(5836,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(5915,19): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5923,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(5966,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(5977,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(5982,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6015,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(6023,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(6067,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(6084,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(6153,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
: run-time error CSS1036: Expected expression, found ''
(6339,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
: run-time error CSS1036: Expected expression, found ''
(6403,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6541,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6544,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(6568,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(6616,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(6675,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6685,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6702,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6712,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6799,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6802,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(7025,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7028,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(7055,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7181,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7186,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(7284,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7289,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(7294,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7384,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7391,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7445,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7564,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7617,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
: run-time error CSS1036: Expected expression, found ''
(7662,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7785,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7793,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7990,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7998,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8018,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8033,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8055,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8104,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8138,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8163,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8193,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(8221,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8276,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(8372,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8461,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 ''
(8620,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8641,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8800,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8900,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8993,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9269,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9531,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9628,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9637,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(9652,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(9654,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9663,14): run-time error CSS1030: Expected identifier, found '-'
(9663,14): run-time error CSS1031: Expected selector, found '-'
(9663,14): run-time error CSS1025: Expected comma or open brace, found '-'
(9714,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(9718,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9760,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9795,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(9871,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9930,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9951,17): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(9958,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(9962,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(9980,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9997,19): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(9998,14): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(10000,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(10004,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(10031,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(10075,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(10084,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(10087,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(10090,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(10125,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(10130,14): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(10131,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(10133,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(10164,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(10165,45): run-time error CSS1039: Token not allowed after unary operator: '-light'
(10166,48): run-time error CSS1039: Token not allowed after unary operator: '-light'
(10167,46): run-time error CSS1039: Token not allowed after unary operator: '-light'
: run-time error CSS1036: Expected expression, found ''
(10170,1): run-time error CSS1019: Unexpected token, found '}'
(10177,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(10190,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(10191,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(10214,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 ''
(10319,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 ''
(10535,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
: run-time error CSS1036: Expected expression, found ''
(10642,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(10690,30): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(10706,30): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(10715,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(10932,14): run-time error CSS1039: Token not allowed after unary operator: '-font-color'
(10960,15): run-time error CSS1039: Token not allowed after unary operator: '-font-color'
(11116,22): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(11119,37): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(11527,21): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(11544,21): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(11642,21): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(11658,21): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(11690,21): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(11788,21): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(11839,38): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(11842,37): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(12028,23): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(12031,40): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(12037,39): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(12040,35): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(12239,17): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(12251,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12252,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(12260,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12261,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(12269,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12270,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(12278,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12279,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(12287,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12288,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12299,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12300,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12311,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12312,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12323,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12324,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12335,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12336,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12347,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12348,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12359,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12360,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12371,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12372,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12383,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12384,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12407,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12408,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12431,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12432,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12458,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12459,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12491,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(12492,45): run-time error CSS1039: Token not allowed after unary operator: '-light'
(12493,48): run-time error CSS1039: Token not allowed after unary operator: '-light'
(12494,46): run-time error CSS1039: Token not allowed after unary operator: '-light'
(12502,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(12545,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12581,19): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(12593,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12593,41): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12599,24): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12599,39): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12612,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12631,14): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12654,73): run-time error CSS1039: Token not allowed after unary operator: '-weight-fa'
(12657,65): run-time error CSS1039: Token not allowed after unary operator: '-weight-fa'
(12658,36): run-time error CSS1039: Token not allowed after unary operator: '-weight-fa'
(12670,38): run-time error CSS1039: Token not allowed after unary operator: '-light'
(12671,195): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(12673,92): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12683,128): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(12695,44): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12697,158): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12697,189): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12704,46): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12706,173): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12706,204): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12798,16143): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12798,16184): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(12798,16248): run-time error CSS1019: Unexpected token, found '@keyframes'
(12798,16281): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(12800,114): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(12800,150): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(12800,202): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12800,292): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12814,29): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12814,51): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12817,76): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12817,98): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12824,303): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12825,81): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(12834,129): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(12834,165): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(12834,217): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12834,307): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12835,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12837,93): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12837,115): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12837,154): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12838,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12839,94): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12839,116): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12839,150): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12841,176): run-time error CSS1039: Token not allowed after unary operator: '-path'
(12848,81): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(12857,129): run-time error CSS1039: Token not allowed after unary operator: '-primary-invert'
(12857,209): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12857,299): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12858,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12868,198): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12869,253): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(12870,81): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(12879,129): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(12879,165): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(12879,217): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12879,307): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12880,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12887,213): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12887,248): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12887,284): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12891,296): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(12892,81): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(12901,129): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(12901,165): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(12901,217): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12901,307): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12902,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12904,72): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12905,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12908,150): run-time error CSS1039: Token not allowed after unary operator: '-path'
(12913,60): run-time error CSS1039: Token not allowed after unary operator: '-path'
(12913,270): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12914,81): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(12923,129): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(12923,165): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(12923,217): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12923,307): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12924,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12927,58): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12928,114): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12932,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12942,124): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12949,116): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12949,153): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12950,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12951,119): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12951,156): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12956,25): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(12958,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12958,50): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12960,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12961,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12964,23): run-time error CSS1039: Token not allowed after unary operator: '-light'
(12966,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12966,50): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12973,21): run-time error CSS1039: Token not allowed after unary operator: '-path'
(13037,21): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(13039,22): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(13039,34): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(13040,23): run-time error CSS1039: Token not allowed after unary operator: '-bold2'
(13040,35): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(13041,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13045,21): run-time error CSS1039: Token not allowed after unary operator: '-font-s'
(13051,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(13052,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(13054,25): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(13070,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13071,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13108,38): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(13109,62): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(13110,242): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13110,274): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13110,310): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13112,113): run-time error CSS1039: Token not allowed after unary operator: '-font-m'
(13112,183): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13115,91): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(13116,78): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(13122,39): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(13123,63): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(13124,243): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13124,275): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13124,311): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13126,114): run-time error CSS1039: Token not allowed after unary operator: '-font-m'
(13126,183): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13129,92): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(13130,92): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(13131,81): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(13135,37): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin'
(13136,48): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(13137,168): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin'
(13143,58): run-time error CSS1039: Token not allowed after unary operator: '-font-m'
(13150,110): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(13158,33): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(13159,44): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(13160,154): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(13163,57): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(13169,256): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13169,288): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13169,324): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13171,95): run-time error CSS1039: Token not allowed after unary operator: '-font-m'
(13171,174): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13204,36): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(13205,47): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(13206,116): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(13220,155): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(13230,46): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(13234,203): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13235,130): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13244,30): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(13249,130): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13263,249): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13276,202): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13277,205): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13277,238): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13277,274): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13277,353): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13277,385): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13277,420): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13277,497): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13277,529): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13277,564): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13277,747): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13292,217): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13292,250): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13292,286): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13292,365): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13292,397): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13292,432): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13292,509): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13292,541): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13292,576): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13292,759): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13306,96): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(13311,93): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(13321,96): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(13330,93): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(13332,101): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin'
(13337,102): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin'
(13339,93): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(13350,94): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(13363,38): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(13364,75): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(13368,39): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(13372,92): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(13376,59): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(13380,62): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(13393,155): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13400,155): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13418,67): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin'
(13421,71): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin'
(13426,165): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(13430,93): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(13446,66): run-time error CSS1039: Token not allowed after unary operator: '-font-s'
(13527,35): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(13530,36): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(13539,28): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(13562,32): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(13568,229): run-time error CSS1039: Token not allowed after unary operator: '-menu-height'
(13568,261): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(13572,106): run-time error CSS1039: Token not allowed after unary operator: '-menu-height'
(13573,95): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(13573,110): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(13573,126): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(13574,95): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(13574,110): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(13574,126): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(13577,153): run-time error CSS1039: Token not allowed after unary operator: '-menu-height'
(13757,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13758,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13759,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13760,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13761,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13762,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13763,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13764,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13765,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13766,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13767,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13768,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13769,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13770,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13771,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13772,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13773,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13774,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13775,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13776,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13777,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13778,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13779,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13780,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13781,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13782,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13783,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13784,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13785,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13786,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13787,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13788,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13789,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13794,23): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(13794,35): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(13795,23): run-time error CSS1039: Token not allowed after unary operator: '-bold2'
(13795,35): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(13796,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(13799,23): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(13799,35): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(13800,23): run-time error CSS1039: Token not allowed after unary operator: '-bold2'
(13800,35): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(13801,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(13804,23): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(13804,35): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(13805,23): run-time error CSS1039: Token not allowed after unary operator: '-bold2'
(13805,35): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(13806,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(13808,80): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(13808,92): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(13808,119): run-time error CSS1039: Token not allowed after unary operator: '-bold2'
(13808,131): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(13811,40): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13812,49): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13820,21): run-time error CSS1039: Token not allowed after unary operator: '-light'
(13833,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13856,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13857,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13858,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13872,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13873,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13887,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13888,26): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(13892,22): run-time error CSS1039: Token not allowed after unary operator: '-light'
(13893,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(13902,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(13915,35): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13919,35): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13923,22): run-time error CSS1039: Token not allowed after unary operator: '-light'
(13926,26): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(13929,29): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(13932,27): run-time error CSS1046: Expect comma, found '0'
(13932,31): run-time error CSS1046: Expect comma, found '/'
(13940,29): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(13943,25): run-time error CSS1046: Expect comma, found '24'
(13943,31): run-time error CSS1046: Expect comma, found '/'
(13947,23): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(13965,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(13977,22): run-time error CSS1039: Token not allowed after unary operator: '-light'
(14000,32): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(14008,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-invert'
(14009,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(14016,23): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(14019,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

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

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

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

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

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

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

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

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

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

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

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

[hidden],
template {
  display: none;
}

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

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

a {
  background-color: transparent;
}

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

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

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

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

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

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

b,
strong {
  font-weight: bold;
}

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

dfn {
  font-style: italic;
}

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

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

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

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

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

small {
  font-size: 80%;
}

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

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

img {
  border: 0;
}

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

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

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

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

figure {
  margin: 1em 40px;
}

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

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

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

pre {
  overflow: auto;
}

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

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

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

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

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

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

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

button {
  overflow: visible;
}

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

button,
select {
  text-transform: none;
}

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

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

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

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

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

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

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

input {
  line-height: normal;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

textarea {
  overflow: auto;
}

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

optgroup {
  font-weight: bold;
}

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

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

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

td,
th {
  padding: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

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

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

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

.has-children > p {
    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;
}

.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-flow: row wrap;
}

.breadcrumb ol li {
	list-style: none;
	display: inline-flex;
	align-items: center;
	margin-right: 8px;
	max-width: 100%;
}

.breadcrumb ol li:not(:first-child):before {
	content: "\f105";
	font-weight: 900;
	font-family: "Font Awesome 6 Pro";
	margin-right: 8px;
	font-size: 10px;
	line-height: 10px;
}

.breadcrumb ol li> span,
.breadcrumb ol li> a {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.breadcrumb ol li a {
	color: inherit;
	text-decoration: none;
}

.breadcrumb ol li a:hover {
	text-decoration: underline;
}


/***FOOTER***/

footer {
	background: #333;
	color: white;
}

footer a {
	color: inherit;
	text-decoration: none;
	display: inline-block;
}

footer .footerInfo {
	padding: 30px 16px;
}

footer .footerInfo .footerInfoCont {
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
	max-width: var(--max-width);
	margin: 0 auto;
}

footer .footerInfo .footerInfoCont .FICBox:first-of-type {
	width: 25%;
	order: 1;
}

footer .footerInfo .footerInfoCont .FICBox:nth-of-type(2) {
	width: 25%;
	order: 3;
}

footer .footerInfo .footerInfoCont .FICBox:last-of-type {
	width: 40%;
	order: 5;
}

footer .footerInfo .footerInfoCont .vline {
	width: 1px;
	background: rgba(255, 255, 255, 0.1);
}

footer .footerInfo .footerInfoCont:before,
footer .footerInfo .footerInfoCont:after {
	content: "";
	border-left: 1px solid rgba(255, 255, 255, 0.1);
}

footer .footerInfo .footerInfoCont:before {
	order: 2;
}

footer .footerInfo .footerInfoCont:after {
	order: 4;
}

footer .footerInfo .footerInfoCont .FICBox ul {
	list-style: none;
}

footer .footerInfo .footerInfoCont .FICBox .FICBoxTitle {
	margin-bottom: 8px;
	text-transform: uppercase;
	font-weight: var(--bold1);
	font-size: 18px;
	line-height: 140%;
}

footer .footerInfo .footerInfoCont .FICBox .FICBoxList {
	column-count: 2;
}

footer .footerInfo .footerInfoCont .FICBox .FICBoxList li {
	display: inline-flex;
	width: 100%;
	padding: 4px 0;
}

footer .footerInfo .footerInfoCont .FICBox .FICBoxList li a:hover {
	text-decoration: underline;
}

footer .footerInfo .footerInfoCont .FICBox .FICBoxList li:before {
	content: "\f105";
	font-weight: 300;
	font-family: "Font Awesome 6 Pro";
	margin-right: 6px;
}

footer .footerInfo .footerInfoCont .FICBox .FICBoxPagos {
	line-height: 0;
	margin-top: 12px;
}

footer .footerInfo .footerInfoCont .FICBox .FICBoxPagos li {
	display: inline-block;
	margin: 0 4px 4px 0;
}

footer .footerInfo .footerInfoCont .FICBox .FICBoxPagos li img {
	max-width: 60px;
	display: block;
}

footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .FICBox:nth-last-of-type(2) {
	width: 40%;
	order: 5;
}

footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .dvCajaBannerPerso.FICBox {
	all: unset;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	width: 100%;
	order: 6;
	margin-top: 20px;
	padding-top: 20px;
}

footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .dvCajaBannerPerso.FICBox nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}

footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .dvCajaBannerPerso.FICBox nav a {
	display: inline-flex;
	padding: 8px 16px;
	background: rgba(0, 0, 0, 0.2);
	border-radius: 4px;
}

footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .dvCajaBannerPerso.FICBox nav a:hover {
	background: rgba(0, 0, 0, 0.4);
}

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


/*CATALOGO*/

body.catalog footer .footerInfo .footerInfoCont .FICBox:first-of-type {
	width: 58%;
}

body.catalog footer .footerInfo .footerInfoCont .FICBox:nth-of-type(2) {
	width: 0;
}

body.catalog footer .footerInfo .footerInfoCont .FICBox:last-of-type {
	width: 38%;
}

body.catalog footer .footerInfo .footerInfoCont:after {
	display: none;
}

body.catalog footer .footerInfo .footerInfoCont .FICBox .FICBoxList {
	column-count: 1;
}

footer .footerEnd {
	padding: 12px 20px 40px;
	background-color: rgba(0, 0, 0, 0.1);
	font-size: 14px;
}

footer .footerEnd .footerEndCont {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	max-width: var(--max-width);
	margin: 0 auto;
}

footer .footerEnd .footerEndCont .FECLegal {
	margin: 0 8px 0 0;
}

footer .footerEnd .footerEndCont .FECPaxinas {
	font: normal 12px/120% Arial;
	display: flex;
	align-items: flex-end;
	margin: 12px 0 12px auto;
}

footer .footerEnd .footerEndCont .FECPaxinas a {
	display: block;
	color: inherit;
	font: normal 12px/16px Arial;
	text-transform: uppercase;
	opacity: 0.3;
	background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
}


/*CHEKBOX*/

.checkBoxCont {
	display: flex;
	align-items: center;
}

.checkBoxCont:not(:last-child) {
	margin-bottom: 12px;
}

.checkBoxCont .checkBox {
	margin: 0 8px 0 0 !important;
	flex-shrink: 0;
}

.checkBox {
	position: relative;
	cursor: pointer;
	line-height: 22px;
	margin-right: 4px;
	overflow: hidden;
	flex-shrink: 0;
}

.checkBox input {
	position: absolute;
	z-index: 1;
	opacity: 0;
	cursor: pointer;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.checkBox .control_indicator {
	top: 1px;
	left: 0;
	width: 20px;
	height: 20px;
	background: white;
	border: 1px solid #ccc;
	border-radius: 4px;
	text-align: center;
	line-height: 16px;
	color: #666;
}

.checkBox .control_indicator:after {
	content: "";
	font-weight: 900;
	font-family: "Font Awesome 6 Pro";
	width: 100%;
	text-align: center;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 18px;
}

.checkBox input:disabled~ .control_indicator:after {
	border-color: #7b7b7b;
}

.checkBox input:checked~ .control_indicator:after {
	content: "\f00c";
}

.checkText {
	display: flex;
	align-items: flex-start;
}

.checkText .checkBox {
	flex-shrink: 0;
	margin-right: 4px;
}


/*RADIOBUTTON*/

.radiobtn {
	display: inline-flex;
	align-items: center;
}

.radiobtn input[type="radio"] {
	opacity: 0;
	position: absolute;
	width: 20px;
	height: 20px;
}

.radiobtn> span {
	display: flex;
	align-items: center;
}

.radiobtn> span:before,
.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: 4px;
}

#dvCuponesCarrito .aplicados> div> div.couponSelect> div .trProductoCesta .tdNombreProducto {
	display: inline-flex;
	margin: 4px 0;
	/* align-items:  center; */
	background-color: rgba(0, 0, 0, 0.05);
	padding: 0;
	border-radius: 4px;
	overflow: hidden;
}

#dvCuponesCarrito .aplicados> div> div.couponSelect> div .trProductoCesta .tdNombreProducto .radiobtn> span:before {
	margin: 0;
}

#dvCuponesCarrito .aplicados> div> div.couponSelect> div .trProductoCesta .tdNombreProducto> div {
	width: 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) {
	margin: 0;
}

.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdNombreProducto {
	width: 100%;
	border: 0 !important;
	PADDING: 8px 12px 4px;
}

.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdCantidadProducto {
	width: 45%;
	padding: 4px 12px;
	max-width: 112px;
}

.datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto .tdCantidadTotal {
	padding: 0;
}

.datosCompra #tblVerCesto .tdCantidadProducto .tdCantidadTotal input {
	padding: 0;
	width: 28px;
}

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

.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto {
	width: 10%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto:before {
	font-size: 14px;
}

.datosCompra .datosCompraRight #tblVerCesto> tbody> tr> td:first-child a img {
	width: 48px;
	border-radius: 4px;
}

.datosCompra .datosCompraRight #tblVerCesto .trTotal {
	font-weight: var(--bold1);
	display: block;
	padding: 0 12px;
	/* background: transparent; */
}

.datosCompra .datosCompraRight #tblVerCesto .trTotal> td:first-child,
.datosCompra #tblVerCesto .trTotal> td:last-child {
	display: none;
}

.datosCompra .datosCompraRight #tblVerCesto .trTotal> td:first-child:not(:empty) {
	display: none;
}

.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto #thImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto {
	font-size: 16px;
	flex: 1;
	line-height: 16px;
}

.datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto {
	padding: 20px 8px;
}

.datosCompra .datosCompraRight .trTotal .spnTotalCarrito {
	font-size: 130%;
}

.datosCompra #dvCestaCont .pIncremPed .spnIncremPed {
	padding: 0 12px;
}

.datosCompra #dvCestaCont .cestaEnvioGratis,
.datosCompra #dvCestaCont .cestaEnvioGratis a,
.datosCompra #dvCestaCont .cestaEnvioGratis a span {
	width: 100%;
}

.carritoDatos {}

.carritoDatos input[type=text],
.carritoDatos input[type=tel],
.carritoDatos input[type=email],
.carritoDatos textarea,
.carritoDatos select {
	border: 1px solid #eee;
	background: #f0f0f0;
	border-radius: 4px;
	margin: 0;
	padding: 8px 8px;
	width: 100%;
	/* box-shadow: inset 0 0 4px rgba(0,0,0,0.05); */
}

.carritoDatos textarea::placeholder {
	font-size: 14px;
	line-height: 16px;
	font-style: italic;
	opacity: .8
}

.carritoDatos .radiobtn:not(:last-child) {
	margin-right: 8px;
}

.carritoDatos .carritoDatosLeft {}

.carritoDatos .carritoDatosRight {}

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

.carritoDatos .carritoDatosLeft .carritoObservaciones textarea {
	height: 88px;
}

.carritoDatos .carritoDatosRight .carritoFacturacion {
	border-color: #cfd8dc;
}

.carritoDatos .carritoDatosRight .carritoEnvio {
	border-color: #b0bec5;
}

.carritoDatos .carritoDatosRight .carritoPago {
	border-color: #90a4ae;
}

.carritoDatos .carritoDatosLeft .carritoObservaciones {
	border-color: #b0bec5;
}

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

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

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

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

.carritoDatos .carritoDatosRight .carritoFacturacion ul li div> span:not(.field-validation-error),
.carritoDatos .carritoDatosRight .carritoPago ul li div> span {
	margin: 4px 0;
	display: block;
	font-size: 12px;
	line-height: 12px;
}

.carritoDatos .carritoDatosRight .carritoEnvio ul li div> span {
	margin: 0 0 4px;
	display: block;
}

.carritoDatos .carritoDatosRight .carritoFacturacion ul li div> span.field-validation-valid {
	margin: 0;
}

.carritoFacturacion .spnApartEnvFactTit,
.carritoEnvio .spnApartEnvFactTit,
.carritoDatos .spnApartEnvFactTit,
.carritoObservaciones .spnApartEnvFactTit,
.datosCompra #spnCabRealizarPedidoIntBlan {
	display: flex;
	padding-bottom: 4px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	font-weight: var(--bold1);
	margin: 0 0 8px;
	text-transform: uppercase;
	align-items: center;
	font-size: 18px;
	width: 100%;
}

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

.carritoFacturacion .spnApartEnvFactTit:before {
	content: "\f277";
}

.carritoEnvio .spnApartEnvFactTit:before {
	content: "\f48b";
}

.carritoPago .spnApartEnvFactTit:before {
	content: "\f09d";
}

.carritoObservaciones .spnApartEnvFactTit:before {
	content: "\f27a";
}

.datosCompra #spnCabRealizarPedidoIntBlan:before {
	content: "\f07a";
}

.carritoFacturacion .spnApartEnvFactTit span span,
.carritoEnvio .spnApartEnvFactTit span span,
.carritoDatos .spnApartEnvFactTit span span {
	font-size: 14px;
	display: inline-block;
	opacity: 0.8;
	line-height: 16px;
}

.carritoFacturacion #dvApartEnvFactRdBt,
.carritoEnvio .dvAcepEnv {
	margin: 0 0 12px;
}

.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;
	border-radius: 4px;
	border: 0;
	padding: 4px;
	width: auto;
	max-width: 72px;
}

.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li> div .dvTransImage p {
	margin: 0;
	width: 100%;
}

.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li> div .dvTransImage p img {
	display: block;
	margin: 0;
	max-width: 100%;
}

.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li> div .lnkSubrayado {
	margin-left: 8px;
	display: inline-flex;
	align-items: center;
	text-decoration: none;
}

.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li> div .lnkSubrayado:after {
	content: "\f105";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	font-size: 12px;
	margin-left: 4px;
}

.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li> div> p:last-of-type {
	font-size: 14px;
	line-height: 18px;
	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% 12px;
	}
	.socialShare .sswa {
		display: block;
	}
	#login_box:after {
		right: 12px;
	}
	.radiobtn input[type="radio"] {
		width: 24px;
		height: 24px;
	}
	.radiobtn> span {}
	.radiobtn> span:before {
		width: 24px;
		height: 24px;
	}
	header .header {
		display: flex;
		flex-shrink: 1;
	}
	header .header .btnmenu.active {
		z-index: 11;
		border-radius: 100%;
		background-color: #fff;
	}
	header .header .btnmenu.active.translate:first-child {
		transform: translateX(320px);
	}
	header .header .btnmenu.active.translate:last-child {
		transform: translateX(-320px);
	}
	header .header .headerCont {
		width: 100%;
	}
	header .menu {
		display: none !important;
	}
	header .menu.leftSlide {
		padding: 0;
		display: block;
	}
	header .menu .menuCont {
		display: block;
		width: 100%;
	}
	header .menu .menuCont .menulang {
		display: block;
	}
	.mcPrincipal {
		display: block;
		position: static;
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		visibility: visible;
		height: auto;
		overflow: hidden;
	}
	.mcPrincipal> a {
		display: none;
	}
	.mcPrincipal> a span {}
	.mcPrincipal .cd-dropdown-trigger {
		display: none;
	}
	.mcPrincipal ul.cd-dropdown li {
		height: auto;
	}
	.mcPrincipal li a {
		padding: 20px 12px;
	}
	.mcPrincipal ul> li.go-back> p> span:after {
		padding: 20px 12px;
	}
	.mcPrincipal ul> li> p> span {}
	.cd-dropdown-content {
		position: static;
		padding: 0;
	}
	.cd-dropdown-content ul {
		padding: 0;
		height: auto;
		position: static;
	}
	.cd-dropdown-content ul.move-out {
		position: static;
	}
	.cd-dropdown-content ul.is-hidden {
		position: absolute;
	}
	.cd-dropdown-content ul.move-out> li> p {
		position: absolute;
	}
	.cd-dropdown-content.move-out> li> p {
		position: absolute;
	}
	.mcDestacado {
		display: block;
		background: rgba(0, 0, 0, 0.05);
	}
	.mcDestacado ul {
		display: block;
	}
	.mcDestacado ul li {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		margin-left: 0;
	}
	.mcDestacado ul li a {
		display: block;
		text-transform: none;
		padding: 16px 12px;
		width: 100%;
	}
	.mcDestacado ul li a span {}
	.langSelector {
		padding: 8px;
	}
	.menu_mob.leftSlide,
	.menu_mob.rightSlide {
		display: block;
	}
	/*MENU*/
	/*header .header .btnmenu.active { transform: translateX(320px); z-index: 11; }
    header .header .fndmenu.active { width: 100%; opacity: 1; }*/
	/*MODAL USUARIO*/
	#user {
		position: static;
	}
	/*#login_box { width: 300px; display: flex; bottom: 0; right: -304px; position: fixed; height: 100vh; top: 0; font-size: 18px; flex-flow: column wrap; justify-content: center; border: 0; transition: all 300ms ease; }*/
	/*#login_box.active { right: 0; box-shadow: 0 0 40px rgba(0,0,0,1); }*/
	#login_box:after {
		content: "";
	}
	#login_box input[type="text"],
	#login_box input[type="password"] {
		padding: 8px 12px;
	}
	#login_box .spnLogError {}
	#login_box input[type="button"],
	#login_box input[type="submit"],
	#login_box #lnkBtnReg,
	#login_box #btLoginUsu,
	#login_box #btLogout {
		font-size: 16px;
		line-height: 22px;
	}
	#login_box .title {
		font-size: 18px;
		margin: 0 0 16px;
	}
	#login_box .usuario-registrado {
		padding: 40px 16px;
	}
	#login_box .usuario-registrado input[type="button"],
	#login_box .UsuReg input[type="submit"] {}
	#login_box .usuario-registrado a {}
	#login_box .usuario-no-registrado {
		padding: 40px 16px;
	}
	#login_box .usuario-no-registrado input[type="button"],
	#login_box .usuario-no-registrado input[type="submit"] {}
	.Newsletter #dvNewsletterRegister #dvNewsletterRegisterCont form {
		display: block;
	}
	.Newsletter #dvNewsletterRegister #dvNewsletterRegisterCont form> div {
		width: 100%;
	}
	.Newsletter #dlNewsletterRegister {
		margin: 20px 0 0;
		padding: 0;
	}
	.box2 .boxCont> div> div {
		flex-flow: row wrap;
	}
	.box2 .boxCont .boxItem {
		width: 100%;
	}
	.box2 .boxCont .boxItem> div {
		padding-bottom: 50%;
	}
	.box3a {
		/* overflow-x: scroll; */
		padding: 0 20px 24px 20px;
	}
	.box3a .boxCont::-webkit-scrollbar {
		height: 8px;
	}
	.box3a .boxCont::-webkit-scrollbar-track {
		border-radius: 10px;
		background-color: #F5F5F5;
	}
	.box3a .boxCont::-webkit-scrollbar-thumb {
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 0 2px #F5F5F5;
		background-color: #ccc;
	}
	.box3a .boxCont {
		overflow-x: auto;
		position: relative;
	}
	.box3a .boxCont .boxItem {
		width: 60%;
	}
	.box3a .boxCont .boxItem> div {
		padding-bottom: 45%;
	}
	.box3a .boxCont .boxItem .bicTitle {
		font-size: 100%;
	}
	.box3 {
		/* overflow-x: scroll; */
		padding: 0 0px 24px;
	}
	.box3 .boxCont .boxItem {
		width: 60%;
	}
	.box3 .boxCont .boxItem .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) {
	.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: "\f2bd"!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); margin-bottom: 1rem;}

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


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


/*Menu*/
.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: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: 230px; width: 100%; }
header .header .headerCont .hcCenter { display: flex; justify-content: flex-end; width: 100%; }

/* Carrito */
#cart {margin-left: 30px;font-weight: var(--bold1); font-size: 16px; line-height: 140%; flex-shrink: 0;position: relative;}
#cart > a { text-decoration: none; display: flex; line-height: 28px; border: 0;  overflow: visible; align-items: center; position: relative; color: inherit;  }
#cart > a i { font-size: 20px; width: 28px; height: 28px; text-align: center; display: inline-flex; justify-content: center; align-items: center; color:var(--primary); border-radius: var(--radius1);}
#cart > a > span { padding: 0 0 0 4px; }
#cart > a > span .cant:before{content:'(';}
#cart > a > span .cant:after{content:')';}
#cart > a > span span:last-child{display:none;}

/* 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: 22px; width: 28px; height: 28px;  text-align: center; display: inline-flex; justify-content: center; align-items: center;  color:var(--primary); border-radius: var(--radius1); }
#user a #btLogout { margin: 4px 16px 4px 0; font-size: 12px; }
#user a > span {  padding: 0 0 0 8px;  max-width: 140px; text-overflow: ellipsis; display: block; white-space: nowrap; overflow: hidden; }



/* Buscador */
#searchbtn { display: none; }
#searchbtn a { text-decoration: none; display: flex; line-height: 32px; border: 0;  overflow: hidden; align-items: center;  display: block; position: absolute; right: 4px; top: 50%; transform: translateY(-50%);  font-size: 20px;}
#searchbtn a i {  text-align: center; display: inline-flex; justify-content: center; align-items: center;   }
#searchbtn a i { font-size: 20px; width: 38px;height: 38px;  }
#search {display: none;}
#search .searchBar { position: relative;}
#search .searchBar input {padding: 4px 36px 4px 4px; border-bottom: 1px solid;width: 100%;font-size: 15px; line-height: 24px; margin: 0; border-radius:0; background:transparent;}
#search .searchBar input:focus { outline: none; border-color: #b9b9b9; }
#search .searchBar a { text-decoration:none; right:4px; display: block; position: absolute;  top: 50%; transform: translateY(-50%); color: inherit; font-size: 20px;}

header .menu .menuCont{align-items:center;}
.langSelector{padding-right:12px;}

/*################
##### 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:140px;}
    #user{margin-left:8px;}
    #cart{margin-left:8px;}
    #user a > span { display: none; }
    #cart a > span { padding: 0; margin: 0; }
    #cart > a i{width:38px; height:38px;font-size:22px; } 
    #user a i:not(#btLogout){width:38px; height:38px;font-size:22px; } 
    header .header .headerCont .hcCenter{justify-content:flex-end;}
    .searchCont{width: auto;}
}

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

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

@media screen and (max-width: 768px) {
       header .header .btnmenu{display:flex;}
}

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

@media screen and (max-width: 640px) {
    header .header .headerCont .hcLeft .hcLogo a img{max-width:140px;}
    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: #888;
    --primary: #E13232; /* Color precios, t�tulos...*/
    --secondary: #222; /*Color botones, link*/
    --primary-invert: #fff; /*Texto de los botones*/
    --secondary-invert: #fff; /*Texto de los botones*/
    --light: #f5f5f5;
    --light-invert: var(--font-color);
    --dark: #2b0d0a;
    --dark-invert: #fff;
    --radius1: 10px; /*Border-radius de los botones*/
    --weight-fa: 300; /*Weight de los iconos*/
    --bold1: 600;
    --bold2: 500;
    --font1: 'Poppins';
    --font2: 'Merriweather';
    --radius-default: 10px; /*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: 1280px; /* 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: var(--secondary);
}
.title2 {
    font-family: var(--font2,var(--font1));
    font-weight: var(--bold2,var(--bold1));
    color: var(--secondary);
}
.title3 {
    font-family: var(--font2,var(--font1));
    font-weight: var(--bold2,var(--bold1));
    color: var(--secondary);
}
.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; }*/


}
.panel__simple--skin5 {
    --path: unset;
    max-width: calc(var(--max-width) * 1.4);
}
.panel__simple--skin5 .switem .switeminfo{
    position: relative;
    background: vaR(--light);
    color: var(--secondary);
}
.panel__simple--skin5 .switem .switeminfo .switemtitle .title{
    text-shadow: none;
}
.panel__simple--skin5 .switem .switeminfo .switemdesc{
    text-shadow: none;
}
header {
    color: var(--secondary);
}
header .menu {
    padding: 0;
    border-top: 1px solid rgba(0,0,0,0.1);
}
.mcDestacado ul li a{
    text-transform: initial;
    font-weight: 400;
}

.panel__desc--skin1 .boxItem .bicTitle, .box4 .slideCont .slideInfo .title2, .seo1 .seo1Cont .title1 {
    padding-bottom: .6em;
    border-bottom: solid 1px var(--primary);
}
.title1 {
    padding-bottom: .6em;
    border-bottom: solid 1px var(--primary);
}

.box4 {
    background: var(--light);
}
.categorias--skin1 .boxCont {
    max-width: calc(var(--max-width) * 1.4);
}
    .categorias--skin1 .boxCont .boxItem a {
        border-radius: var(--radius1);
    }
    .categorias--skin1 .boxCont .boxItem .boxItemCont {
        background: rgb(0 0 0 / 25%);
        text-align: center;
        padding: 20px;
        color: #fff;
        margin: 0;
        transition: background 500ms ease;
        position: absolute;
        bottom: 0;
        border-radius: var(--radius1);
    }
.categorias--skin1 .boxCont .boxItem:hover .boxItemCont {
    background: rgb(222 24 44 / 25%);
}

.categorias--skin1 .boxCont .boxItem .boxItemCont .bicTitle {
    font-family: var(--font1);
    font-weight: 900;
    font-size: 30px;
    text-shadow: 0px 0px 5px rgba(0,0,0,0.85);
}


@media screen and (max-width: 480px) {
    .categorias--skin1 .boxCont .boxItem .boxItemCont .bicTitle {
        font-size: 20px;
    }

    .categorias--skin1 .boxCont .boxItem .boxItemCont {
        padding: 10px;
    }
}
footer{
    background: white;
    color: var(--secondary);
    border-top: solid 1px #eee;
}
.PRC02 {
    background: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.resCont .resContLeft .RCLFilter {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: white;
}
.prodItem .prodItemBt .btAddToCart {
    background: var(--light);
    color: #182630;
    transition: color .3s ease, background .3s ease;
}

.prodItem .prodItemImg {
    border: none;
    border-bottom: 1px solid #eee;
    border-radius: 0;
}

.prodItem {
    border: 1px solid #eee;
    border-radius: 0;
    background: white;
}

    .prodItem .prodItemCont {
        padding: 8px;
        text-align: center;
    }

    .prodItem:hover {
        border: 1px solid var(--primary);
    }

    .prodItem .prodItemBt .btAddToCart {
        width: 100%;
    }

    .prodItem:hover .prodItemBt .btAddToCart {
        color: var(--primary-invert);
        background: var(--primary);
    }

.panel__simple--skin5 .switem .switeminfo .switemtitle .title {
    letter-spacing: 3px;
}
.panel__simple--skin5 .switem .switeminfo .switemdesc p {
    font-family: var(--font2);
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--primary);
}