<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Minification failed. Returning unminified contents.
(3409,20): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(3410,14): run-time error CSS1039: Token not allowed after unary operator: '-font-color'
(3411,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(3412,20): run-time error CSS1039: Token not allowed after unary operator: '-line-height'
(3423,14): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3428,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3490,20): run-time error CSS1039: Token not allowed after unary operator: '-menu-height'
(3491,19): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(3572,20): run-time error CSS1039: Token not allowed after unary operator: '-menu-height'
(3610,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(3637,20): run-time error CSS1039: Token not allowed after unary operator: '-menu-height'
(3648,45): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(3648,61): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(3648,77): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(3654,44): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(3654,60): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(3654,76): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(3693,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(3754,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(3841,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3857,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(3893,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
: run-time error CSS1036: Expected expression, found ''
(4042,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4078,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4121,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4204,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4323,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(4341,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(4448,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(4478,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4498,18): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(4499,14): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(4505,18): run-time error CSS1039: Token not allowed after unary operator: '-font-l'
(4511,18): run-time error CSS1039: Token not allowed after unary operator: '-font-s'
(4548,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4565,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(4567,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4576,19): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(4579,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(4581,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4612,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(4614,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
: run-time error CSS1036: Expected expression, found ''
(4675,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(4800,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4851,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
: run-time error CSS1036: Expected expression, found ''
(4894,14): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(4928,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(4939,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4963,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
: run-time error CSS1036: Expected expression, found ''
(4984,14): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(5054,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(5067,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(5079,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(5090,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(5125,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(5128,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(5150,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(5153,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(5154,14): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(5173,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(5188,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(5190,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(5451,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(5455,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(5513,21): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(5527,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(5531,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(5547,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(5551,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(5598,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(5603,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(5613,26): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(5614,22): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(5662,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(5670,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(5749,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(5764,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(5773,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(5780,35): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(5843,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(5847,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(5871,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(5877,35): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(5900,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(5904,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(5925,35): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
: run-time error CSS1036: Expected expression, found ''
(5994,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(6073,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(6112,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6133,19): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(6144,14): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(6154,19): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(6312,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6329,14): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(6348,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6368,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(6446,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(6459,19): run-time error CSS1039: Token not allowed after unary operator: '-light'
(6467,17): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(6510,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6512,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(6516,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(6527,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(6572,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6868,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6880,14): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(6909,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(7005,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7021,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(7023,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(7096,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7105,14): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(7126,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7362,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(7363,45): run-time error CSS1039: Token not allowed after unary operator: '-light'
(7364,48): run-time error CSS1039: Token not allowed after unary operator: '-light'
(7365,46): run-time error CSS1039: Token not allowed after unary operator: '-light'
: run-time error CSS1036: Expected expression, found ''
(7370,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(7486,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(7531,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7572,12): run-time error CSS1030: Expected identifier, found '.'
(7572,37): run-time error CSS1031: Expected selector, found ')'
(7572,37): run-time error CSS1025: Expected comma or open brace, found ')'
(7577,12): run-time error CSS1030: Expected identifier, found '.'
(7577,37): run-time error CSS1031: Expected selector, found ')'
(7577,37): run-time error CSS1025: Expected comma or open brace, found ')'
(7586,12): run-time error CSS1030: Expected identifier, found '.'
(7586,37): run-time error CSS1031: Expected selector, found ')'
(7586,37): run-time error CSS1025: Expected comma or open brace, found ')'
(7593,12): run-time error CSS1030: Expected identifier, found '.'
(7593,37): run-time error CSS1031: Expected selector, found ')'
(7593,37): run-time error CSS1025: Expected comma or open brace, found ')'
(7600,12): run-time error CSS1030: Expected identifier, found '.'
(7600,37): run-time error CSS1031: Expected selector, found ')'
(7600,37): run-time error CSS1025: Expected comma or open brace, found ')'
(7605,13): run-time error CSS1030: Expected identifier, found '.'
(7605,38): run-time error CSS1031: Expected selector, found ')'
(7605,38): run-time error CSS1025: Expected comma or open brace, found ')'
(7645,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
: run-time error CSS1036: Expected expression, found ''
(7804,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(7835,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(7914,19): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(7922,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(7965,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(7976,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(7981,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8014,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(8022,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(8066,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(8083,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(8152,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
: run-time error CSS1036: Expected expression, found ''
(8338,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
: run-time error CSS1036: Expected expression, found ''
(8402,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8540,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8543,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(8567,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(8615,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(8674,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8684,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8701,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8711,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8798,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8801,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(9024,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9027,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(9054,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9180,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9185,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(9283,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9288,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(9293,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9383,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9390,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9444,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9563,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9616,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
: run-time error CSS1036: Expected expression, found ''
(9661,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9784,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9792,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9989,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9997,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(10017,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(10032,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(10054,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(10103,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(10137,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(10162,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(10192,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(10220,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(10275,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(10371,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(10460,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 ''
(10619,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(10640,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(10799,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(10899,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(10992,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(11268,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(11530,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(11627,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(11636,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(11651,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(11653,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(11662,14): run-time error CSS1030: Expected identifier, found '-'
(11662,14): run-time error CSS1031: Expected selector, found '-'
(11662,14): run-time error CSS1025: Expected comma or open brace, found '-'
(11713,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(11717,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(11759,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(11794,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(11870,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(11929,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(11950,17): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(11957,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(11961,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(11979,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(11996,19): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(11997,14): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(11999,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12003,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12030,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12074,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12083,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12086,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(12089,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12124,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12129,14): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(12130,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12132,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(12163,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(12164,45): run-time error CSS1039: Token not allowed after unary operator: '-light'
(12165,48): run-time error CSS1039: Token not allowed after unary operator: '-light'
(12166,46): run-time error CSS1039: Token not allowed after unary operator: '-light'
: run-time error CSS1036: Expected expression, found ''
(12169,1): run-time error CSS1019: Unexpected token, found '}'
(12176,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(12189,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(12190,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12213,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 ''
(12318,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 ''
(12534,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
: run-time error CSS1036: Expected expression, found ''
(12641,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(12689,30): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12705,30): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12714,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13113,22): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(13116,37): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(13524,21): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(13541,21): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(13639,21): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(13655,21): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(13687,21): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(13785,21): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(13836,38): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(13839,37): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(14025,23): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(14028,40): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(14034,39): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(14037,35): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(14236,17): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(14248,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14249,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(14257,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14258,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(14266,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14267,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(14275,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14276,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(14284,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14285,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14296,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14297,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14308,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14309,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14320,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14321,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14332,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14333,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14344,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14345,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14356,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14357,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14368,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14369,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14380,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14381,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14404,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14405,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14428,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14429,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14455,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14456,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14488,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(14489,45): run-time error CSS1039: Token not allowed after unary operator: '-light'
(14490,48): run-time error CSS1039: Token not allowed after unary operator: '-light'
(14491,46): run-time error CSS1039: Token not allowed after unary operator: '-light'
(14499,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(14542,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(14578,19): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(14590,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(14590,41): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(14596,24): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(14596,39): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(14609,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(14628,14): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(14651,73): run-time error CSS1039: Token not allowed after unary operator: '-weight-fa'
(14654,65): run-time error CSS1039: Token not allowed after unary operator: '-weight-fa'
(14655,36): run-time error CSS1039: Token not allowed after unary operator: '-weight-fa'
(14666,38): run-time error CSS1039: Token not allowed after unary operator: '-light'
(14667,195): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(14669,92): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(14679,137): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(14692,44): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(14694,158): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(14694,189): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(14701,46): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(14703,173): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(14703,204): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(14717,84): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(14718,68): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(14719,83): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(14721,48): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(14721,72): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(14721,123): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(14749,12): run-time error CSS1030: Expected identifier, found '-'
(14749,12): run-time error CSS1031: Expected selector, found '-'
(14749,12): run-time error CSS1025: Expected comma or open brace, found '-'
(14780,12): run-time error CSS1030: Expected identifier, found '-'
(14780,12): run-time error CSS1031: Expected selector, found '-'
(14780,12): run-time error CSS1025: Expected comma or open brace, found '-'
(14794,12): run-time error CSS1030: Expected identifier, found '-'
(14794,12): run-time error CSS1031: Expected selector, found '-'
(14794,12): run-time error CSS1025: Expected comma or open brace, found '-'
(14822,16143): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14822,16184): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(14822,16248): run-time error CSS1019: Unexpected token, found '@keyframes'
(14822,16281): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(14824,114): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(14824,150): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(14824,202): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(14824,292): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(14830,93): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(14830,115): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(14831,76): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(14831,98): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(14838,303): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(14839,81): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(14848,129): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(14848,165): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(14848,217): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(14848,307): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(14849,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(14851,93): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(14851,115): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(14851,154): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14852,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14853,94): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(14853,116): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(14853,150): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(14855,176): run-time error CSS1039: Token not allowed after unary operator: '-path'
(14862,81): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(14871,129): run-time error CSS1039: Token not allowed after unary operator: '-primary-invert'
(14871,209): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(14871,299): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(14872,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(14882,198): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(14883,253): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(14884,81): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(14893,129): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(14893,165): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(14893,217): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(14893,307): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(14894,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(14901,213): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(14901,248): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(14901,284): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(14905,296): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(14906,81): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(14915,129): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(14915,165): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(14915,217): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(14915,307): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(14916,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(14918,72): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14919,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14922,150): run-time error CSS1039: Token not allowed after unary operator: '-path'
(14927,60): run-time error CSS1039: Token not allowed after unary operator: '-path'
(14927,270): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(14928,81): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(14937,129): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(14937,165): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(14937,217): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(14937,307): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(14938,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(14941,114): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(14945,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14955,124): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(14962,116): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(14962,153): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(14963,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14964,119): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(14964,156): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(14969,25): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(14971,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(14971,50): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(14973,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14974,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14977,23): run-time error CSS1039: Token not allowed after unary operator: '-light'
(14979,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(14979,50): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(14986,21): run-time error CSS1039: Token not allowed after unary operator: '-path'
(15049,21): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(15051,22): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(15051,34): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(15052,23): run-time error CSS1039: Token not allowed after unary operator: '-bold2'
(15052,35): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(15053,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(15057,21): run-time error CSS1039: Token not allowed after unary operator: '-font-s'
(15063,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(15064,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(15066,25): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(15082,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15083,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15120,38): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(15121,62): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(15122,242): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15122,274): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15122,310): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15124,113): run-time error CSS1039: Token not allowed after unary operator: '-font-m'
(15124,183): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15127,91): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(15128,78): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(15134,39): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(15135,63): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(15136,243): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15136,275): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15136,311): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15138,114): run-time error CSS1039: Token not allowed after unary operator: '-font-m'
(15138,183): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15141,92): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(15142,92): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(15143,81): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(15147,37): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin'
(15148,48): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(15149,168): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin'
(15155,58): run-time error CSS1039: Token not allowed after unary operator: '-font-m'
(15162,110): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(15170,33): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(15171,44): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(15172,154): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(15175,57): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(15181,256): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15181,288): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15181,324): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15183,95): run-time error CSS1039: Token not allowed after unary operator: '-font-m'
(15183,174): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15216,36): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(15217,47): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(15218,116): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(15232,155): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(15242,46): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(15246,203): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15247,130): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15256,30): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(15261,130): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15275,249): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15288,202): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15289,205): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15289,238): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15289,274): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15289,353): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15289,385): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15289,420): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15289,497): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15289,529): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15289,564): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15289,747): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15304,217): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15304,250): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15304,286): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15304,365): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15304,397): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15304,432): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15304,509): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15304,541): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15304,576): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15304,759): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15318,96): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(15323,93): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(15333,96): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(15342,93): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(15344,101): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin'
(15349,102): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin'
(15351,93): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(15362,94): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(15375,38): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(15376,75): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(15380,39): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(15384,92): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(15388,59): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(15392,62): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(15405,155): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15412,155): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(15430,67): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin'
(15433,71): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin'
(15438,165): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(15442,93): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(15458,66): run-time error CSS1039: Token not allowed after unary operator: '-font-s'
(15539,35): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(15542,36): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(15551,28): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(15574,32): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(15580,229): run-time error CSS1039: Token not allowed after unary operator: '-menu-height'
(15580,261): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(15584,106): run-time error CSS1039: Token not allowed after unary operator: '-menu-height'
(15585,95): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(15585,110): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(15585,126): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(15586,95): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(15586,110): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(15586,126): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(15589,153): run-time error CSS1039: Token not allowed after unary operator: '-menu-height'
(15769,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15770,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15771,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15772,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15773,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15774,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15775,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15776,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15777,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15778,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15779,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15780,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15781,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15782,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15783,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15784,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15785,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15786,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15787,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15788,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15789,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15790,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15791,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15792,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15793,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15794,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15795,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15796,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15797,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15798,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15799,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15800,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15801,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15803,25): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(15806,27): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(15806,39): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(15806,66): run-time error CSS1039: Token not allowed after unary operator: '-bold2'
(15806,78): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(15806,98): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(15808,28): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(15808,40): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(15808,67): run-time error CSS1039: Token not allowed after unary operator: '-bold2'
(15808,79): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(15808,117): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(15809,28): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(15809,40): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(15809,67): run-time error CSS1039: Token not allowed after unary operator: '-bold2'
(15809,79): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(15811,80): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(15811,92): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(15811,119): run-time error CSS1039: Token not allowed after unary operator: '-bold2'
(15811,131): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(15814,40): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(15815,49): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(15823,21): run-time error CSS1039: Token not allowed after unary operator: '-light'
(15834,16): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(15852,22): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(15863,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(15864,16): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(15865,24): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(15869,45): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(15870,49): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(15883,42): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(15892,67): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(15892,92): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(15893,74): run-time error CSS1039: Token not allowed after unary operator: '-font-m'
: run-time error CSS1036: Expected expression, found ''
(15927,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15950,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15951,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15952,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15967,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15968,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/*! 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 &lt; 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;
}

/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&amp;fwDefault=normal&amp;fsDefault=1.1em&amp;cornerRadius=4px&amp;bgColorHeader=cccccc&amp;bgTextureHeader=highlight_soft&amp;bgImgOpacityHeader=75&amp;borderColorHeader=aaaaaa&amp;fcHeader=222222&amp;iconColorHeader=222222&amp;bgColorContent=ffffff&amp;bgTextureContent=flat&amp;bgImgOpacityContent=75&amp;borderColorContent=aaaaaa&amp;fcContent=222222&amp;iconColorContent=222222&amp;bgColorDefault=e6e6e6&amp;bgTextureDefault=glass&amp;bgImgOpacityDefault=75&amp;borderColorDefault=d3d3d3&amp;fcDefault=555555&amp;iconColorDefault=888888&amp;bgColorHover=dadada&amp;bgTextureHover=glass&amp;bgImgOpacityHover=75&amp;borderColorHover=999999&amp;fcHover=212121&amp;iconColorHover=454545&amp;bgColorActive=ffffff&amp;bgTextureActive=glass&amp;bgImgOpacityActive=65&amp;borderColorActive=aaaaaa&amp;fcActive=212121&amp;iconColorActive=454545&amp;bgColorHighlight=fbf9ee&amp;bgTextureHighlight=glass&amp;bgImgOpacityHighlight=55&amp;borderColorHighlight=fcefa1&amp;fcHighlight=363636&amp;iconColorHighlight=2e83ff&amp;bgColorError=fef1ec&amp;bgTextureError=glass&amp;bgImgOpacityError=95&amp;borderColorError=cd0a0a&amp;fcError=cd0a0a&amp;iconColorError=cd0a0a&amp;bgColorOverlay=aaaaaa&amp;bgTextureOverlay=flat&amp;bgImgOpacityOverlay=0&amp;opacityOverlay=30&amp;bgColorShadow=aaaaaa&amp;bgTextureShadow=flat&amp;bgImgOpacityShadow=0&amp;opacityShadow=30&amp;thicknessShadow=8px&amp;offsetTopShadow=-8px&amp;offsetLeftShadow=-8px&amp;cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}

    .ui-menu .ui-menu {
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        cursor: pointer;
        /* support: IE10, see #8844 */
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    }

    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        padding: 3px 1em 3px .4em;
    }

    .ui-menu .ui-menu-divider {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }

    .ui-menu .ui-state-focus,
    .ui-menu .ui-state-active {
        margin: -1px;
    }

/* icon support */
.ui-menu-icons {
    position: relative;
}

    .ui-menu-icons .ui-menu-item-wrapper {
        padding-left: 2em;
    }

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Support: IE &lt;= 11 */
    overflow: visible;
}

    .ui-button,
    .ui-button:link,
    .ui-button:visited,
    .ui-button:hover,
    .ui-button:active {
        text-decoration: none;
    }

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
    text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}

    .ui-controlgroup &gt; .ui-controlgroup-item {
        float: left;
        margin-left: 0;
        margin-right: 0;
    }

        .ui-controlgroup &gt; .ui-controlgroup-item:focus,
        .ui-controlgroup &gt; .ui-controlgroup-item.ui-visual-focus {
            z-index: 9999;
        }

.ui-controlgroup-vertical &gt; .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em;
}

    .ui-controlgroup .ui-controlgroup-label span {
        font-size: 80%;
    }

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
    /* Support: IE8 only, Android &lt; 4.4 only */
    width: 75%;
    width: calc( 100% - 2.4em );
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}

.ui-checkboxradio-disabled {
    pointer-events: none;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 45%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span,
        .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
            .ui-datepicker-rtl .ui-datepicker-group {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

/* Icons */
.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-n {
        height: 2px;
        top: 0;
    }

    .ui-dialog .ui-resizable-e {
        width: 2px;
        right: 0;
    }

    .ui-dialog .ui-resizable-s {
        height: 2px;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-w {
        width: 2px;
        left: 0;
    }

    .ui-dialog .ui-resizable-se,
    .ui-dialog .ui-resizable-sw,
    .ui-dialog .ui-resizable-ne,
    .ui-dialog .ui-resizable-nw {
        width: 7px;
        height: 7px;
    }

    .ui-dialog .ui-resizable-se {
        right: 0;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-sw {
        left: 0;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-ne {
        right: 0;
        top: 0;
    }

    .ui-dialog .ui-resizable-nw {
        left: 0;
        top: 0;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }

    .ui-progressbar .ui-progressbar-overlay {
        background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
        height: 100%;
        filter: alpha(opacity=25); /* support: IE8 */
        opacity: 0.25;
    }

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        overflow-x: hidden;
        padding-bottom: 1px;
    }

        .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
            font-size: 1em;
            font-weight: bold;
            line-height: 1.5;
            padding: 2px 0.4em;
            margin: 0.5em 0 0 0;
            height: auto;
            border: 0;
        }

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
}

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

    /* support: IE8 - See #6727 */
    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em;
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

.ui-tabs {
    position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            border-bottom-width: 0;
            padding: 0;
            white-space: nowrap;
        }

        .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
            float: left;
            padding: .5em 1em;
            text-decoration: none;
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active {
            margin-bottom: -1px;
            padding-bottom: 1px;
        }

            .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
                cursor: text;
            }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}

body .ui-tooltip {
    border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Verdana,Arial,sans-serif;
        font-size: 1em;
    }

    .ui-widget.ui-widget-content {
        border: 1px solid #d3d3d3;
    }

.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff;
    color: #222222;
}

    .ui-widget-content a {
        color: #222222;
    }

.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
    color: #222222;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #222222;
    }

    /* Interaction states
----------------------------------*/
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button,
    /* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
    html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {
        border: 1px solid #d3d3d3;
        background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
        font-weight: normal;
        color: #555555;
    }

        .ui-state-default a,
        .ui-state-default a:link,
        .ui-state-default a:visited,
        a.ui-button,
        a:link.ui-button,
        a:visited.ui-button,
        .ui-button {
            color: #555555;
            text-decoration: none;
        }

            .ui-state-hover,
            .ui-widget-content .ui-state-hover,
            .ui-widget-header .ui-state-hover,
            .ui-state-focus,
            .ui-widget-content .ui-state-focus,
            .ui-widget-header .ui-state-focus,
            .ui-button:hover,
            .ui-button:focus {
                border: 1px solid #999999;
                background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
                font-weight: normal;
                color: #212121;
            }

                .ui-state-hover a,
                .ui-state-hover a:hover,
                .ui-state-hover a:link,
                .ui-state-hover a:visited,
                .ui-state-focus a,
                .ui-state-focus a:hover,
                .ui-state-focus a:link,
                .ui-state-focus a:visited,
                a.ui-button:hover,
                a.ui-button:focus {
                    color: #212121;
                    text-decoration: none;
                }

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #aaaaaa;
    background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}

    .ui-icon-background,
    .ui-state-active .ui-icon-background {
        border: #aaaaaa;
        background-color: #212121;
    }

    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: #212121;
        text-decoration: none;
    }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
    color: #363636;
}

.ui-state-checked {
    border: 1px solid #fcefa1;
    background: #fbf9ee;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
    color: #cd0a0a;
}

    .ui-state-error a,
    .ui-widget-content .ui-state-error a,
    .ui-widget-header .ui-state-error a {
        color: #cd0a0a;
    }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70); /* support: IE8 */
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35); /* support: IE8 */
    background-image: none;
}

    .ui-state-disabled .ui-icon {
        filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */
    }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png");
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("images/ui-icons_454545_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("images/ui-icons_454545_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("images/ui-icons_2e83ff_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cd0a0a_256x240.png");
}

.ui-button .ui-icon {
    background-image: url("images/ui-icons_888888_256x240.png");
}

/* positioning */
.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    filter: Alpha(Opacity=30); /* support: IE8 */
}

.ui-widget-shadow {
    -webkit-box-shadow: -8px -8px 8px #aaaaaa;
    box-shadow: -8px -8px 8px #aaaaaa;
}

.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&gt;.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&gt;.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 &gt; p, .cd-dropdown-content ul li:first-of-type &gt; p {
    border-top-width: 0;
}

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

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

}

.cd-dropdown-content .cd-divider + li &gt; p, .cd-dropdown-content ul .cd-divider + li &gt; 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 &gt; li &gt; p, .cd-dropdown-content.is-hidden &gt; li &gt; .cd-search, .cd-dropdown-content.is-hidden &gt; .cd-divider, .cd-dropdown-content.move-out &gt; li &gt; p, .cd-dropdown-content.move-out &gt; li &gt; .cd-search, .cd-dropdown-content.move-out &gt; .cd-divider, .cd-dropdown-content ul.is-hidden &gt; li &gt; p, .cd-dropdown-content ul.is-hidden &gt; li &gt; .cd-search, .cd-dropdown-content ul.is-hidden &gt; .cd-divider, .cd-dropdown-content ul.move-out &gt; li &gt; p, .cd-dropdown-content ul.move-out &gt; li &gt; .cd-search, .cd-dropdown-content ul.move-out &gt; .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 &gt; li &gt; p, .cd-dropdown-content.move-out &gt; li &gt; .cd-search, .cd-dropdown-content.move-out &gt; .cd-divider, .cd-dropdown-content ul.move-out &gt; li &gt; p, .cd-dropdown-content ul.move-out &gt; li &gt; .cd-search, .cd-dropdown-content ul.move-out &gt; .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 &gt; p, .cd-dropdown-content ul .cd-divider + li &gt; p {
        border-top-width: 1px;
    }

    .cd-dropdown-content.is-hidden &gt; li &gt; p, .cd-dropdown-content.is-hidden &gt; li &gt; .cd-search, .cd-dropdown-content.is-hidden &gt; .cd-divider, .cd-dropdown-content.move-out &gt; li &gt; p, .cd-dropdown-content.move-out &gt; li &gt; .cd-search, .cd-dropdown-content.move-out &gt; .cd-divider, .cd-dropdown-content ul.is-hidden &gt; li &gt; p, .cd-dropdown-content ul.is-hidden &gt; li &gt; .cd-search, .cd-dropdown-content ul.is-hidden &gt; .cd-divider, .cd-dropdown-content ul.move-out &gt; li &gt; p, .cd-dropdown-content ul.move-out &gt; li &gt; .cd-search, .cd-dropdown-content ul.move-out &gt; .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 &gt; li:last-of-type a {
        border-bottom: none;
    }

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

    .cd-dropdown-content.move-out &gt; li &gt; p, .cd-dropdown-content.move-out &gt; li &gt; .cd-search, .cd-dropdown-content.move-out &gt; .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 &gt; .go-back, .cd-dropdown-content .cd-dropdown-gallery &gt; .go-back, .cd-dropdown-content .cd-dropdown-icons &gt; .go-back {
        display: none;
    }

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

    .cd-dropdown-content .cd-secondary-dropdown &gt; .see-all a, .cd-dropdown-content .cd-dropdown-gallery &gt; .see-all a, .cd-dropdown-content .cd-dropdown-icons &gt; .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 &gt; .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-gallery &gt; .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-icons &gt; .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 &gt; .see-all, .cd-dropdown-content .cd-dropdown-icons &gt; .see-all {
        width: calc(100% - 60px);
    }

    .cd-dropdown-content .cd-dropdown-icons &gt; li, .cd-dropdown-content .cd-secondary-dropdown &gt; 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 &gt; li &gt; p {
        pointer-events: none;
    }

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

    .cd-dropdown-content .cd-secondary-dropdown.move-out &gt; li &gt; 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 &gt; li {
    }

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

    .cd-dropdown-content .cd-secondary-dropdown &gt; li &gt; 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 &gt; li &gt; ul &gt; .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 &gt; li {
        width: 48%;
        float: left;
        margin-right: 4%;
    }

    .cd-dropdown-content .cd-dropdown-gallery &gt; 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 &gt; li:nth-last-of-type(2) a,
    .cd-dropdown-content .cd-dropdown-gallery &gt; 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 &gt; .has-children &gt; ul {
        visibility: hidden;
        min-height: 100%;
        display: none;
    }

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

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

    .cd-dropdown-content &gt; .has-children &gt; p.is-active {
    }

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

    .open-to-left .cd-dropdown-content &gt; .has-children &gt; 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 &gt; p, .go-back a {
    position: relative;
}

.has-children &gt; p::before, .has-children &gt; p::after, .go-back a::before, .go-back a::after {

}

.has-children &gt; 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 &gt; 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 &gt; p::before, .has-children &gt; p::after, .go-back a::before, .go-back a::after {
        background: #b3b3b3;
    }
}

.has-children &gt; p {
    margin:0;
}

.has-children &gt; p::before, .has-children &gt; 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 &gt; .has-children &gt; p {
        padding-left: 40px;
        padding-right: 20px;
    }

    .open-to-left .cd-dropdown-content &gt; .has-children &gt; p::before, .open-to-left .cd-dropdown-content &gt; .has-children &gt; 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&gt;.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&gt;.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) &amp; 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&gt; li {
	margin: 0 8px;
	padding: 0 8px;
}

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

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

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

.kh&gt; 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&gt; 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&gt; ul p a {
	color: inherit;
	text-decoration: none;
	display: block;
	width: 100%;
}

.khsub&gt; 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&gt; 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&gt; 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&gt; .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&gt; 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&gt; .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&gt; div&gt; div {
	margin: 2px 4px;
}

.socialShare&gt; span {
	margin-right: 4px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: var(--bold1);
	color: #666;
}

.socialShare&gt; div {
	display: flex;
	align-items: center
}

.socialShare&gt; div&gt; div&gt; a,
.socialShare&gt; div&gt; div&gt; 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&gt; div&gt; div&gt; a:before {
	font-family: "Font Awesome 5 Brands";
}

.socialShare&gt; div&gt; div&gt; span:before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
}

.socialShare&gt; div&gt; div&gt; a:hover,
.socialShare&gt; div&gt; div&gt; 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&gt; 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&gt; iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*Buscador*/

.searchCont {
	width: 100%;
	max-width: 300px;
	position: relative;
}

#search {
	/* width: 100%; */
	/* display: block; */
	/* position: relative; */
	/* transition: opacity 500ms linear; */
	/* opacity: 1; */
	/* overflow: hidden; */
	/* transition: opacity 500ms linear; */
	display: none;
}

#search .close {
	display: none;
	font-size: 24px;
	margin-bottom: 16px;
}

#search .close i.far {
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
}

header .header .headerCont .hcRight {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-shrink: 0;
}

#searchbtn {
	display: none;
}

#searchbtn a {
	text-decoration: none;
	display: flex;
	line-height: 32px;
	border: 0;
	color: currentColor;
	overflow: hidden;
	align-items: center;
}

#searchbtn a i {
	font-size: 20px;
	width: 32px;
	height: 32px;
	text-align: center;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.searchCont #search_results {
	position: absolute;
	z-index: 3;
	width: 100%;
	background: #fefefe;
	color: #333;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	overflow: auto;
	min-width: 300px;
	font-size: 15px;
	line-height: 130%;
}

.searchCont #search_results ul {
	list-style: none;
}

.searchCont #search_results ul li {
	/* padding: 8px; */
}

.searchCont #search_results ul li:not(.liTitle):hover {
	background-color: rgba(0, 0, 0, 0.05);
}

.searchCont #search_results ul li:not(:last-child) {
	border-bottom: 1px solid #eee;
}

.searchCont #search_results ul li.liTitle {
	font-weight: var(--bold1);
	border-bottom: 1px solid #ccc;
	padding: 8px;
	background-color: rgba(0, 0, 0, 0.03);
	display: flex;
	align-items: center;
}

.searchCont #search_results ul li.liTitle:before {
	content: "\f105";
	font-weight: 900;
	font-family: "Font Awesome 6 Pro";
	margin-right: 4px;
	font-size: 12px;
}

.searchCont #search_results ul li.verTodos {
	text-align: center;
	background-color: rgba(0, 0, 0, 0.05);
	padding: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	width: 100%;
}

.searchCont #search_results ul li.verTodos a {
	color: black;
}

.searchCont #search_results ul li p {
	display: flex;
	flex-direction: row-reverse;
}

.searchCont #search_results ul li p a {
	color: inherit;
	text-decoration: none;
	display: block;
	padding: 8px;
}

.searchCont #search_results ul li p .img {
	width: 80px;
	flex-shrink: 0;
}

.searchCont #search_results ul li p .img img {
	display: block;
	width: 100%;
	border-radius: var(--radius-default);
}

.searchCont #search_results ul li p .nom {
	width: 100%;
	display: flex;
}

.searchCont #search_results ul li p .nom .nomCont {
	display: flex;
	max-height: 72px;
	overflow: hidden;
	line-height: 25px;
	align-items: center;
	position: relative;
	width: 100%;
}

.searchCont #search_results ul li p .nom .nomCont::after {
	content: "";
	width: 100%;
	height: 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: -moz-linear-gradient(top, rgba(246, 246, 246, 0) 0%, rgba(246, 246, 246, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(246, 246, 246, 0) 0%, rgba(246, 246, 246, 1) 100%);
	background: linear-gradient(to bottom, rgba(246, 246, 246, 0) 0%, rgba(246, 246, 246, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

.searchCont #search_results ul li p .nom a {
	display: flex;
	max-height: 72px;
}


/*MODAL USUARIO*/

#login_box:after {
	content: "\f0d8";
	font-weight: 900;
	font-family: "Font Awesome 6 Pro";
	color: var(--primary);
	display: block;
	position: absolute;
	bottom: 100%;
	font-size: 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)&gt; p&gt; 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)&gt; p&gt; a,
.mcPrincipal li.current-selected {
	background-color: rgba(0, 0, 0, 0.05);
	box-shadow: inset 4px 0 0 #666;
}

.mcPrincipal&gt; ul&gt; li&gt; ul&gt; li&gt; p&gt; a {
	display: none;
}

.mcPrincipal ul&gt; li&gt; p {
	display: flex;
	margin: 0;
}

.mcPrincipal ul&gt; li&gt; p.jump {
	display: none;
}

.mcPrincipal ul&gt; li&gt; p&gt; a {
	width: 100%;
}

.mcPrincipal ul&gt; li&gt; p&gt; 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&gt; li&gt; p&gt; span:after {
	content: "\f105";
	font-weight: 600;
	font-family: "Font Awesome 6 Pro";
}

.mcPrincipal ul&gt; li.has-children&gt; p&gt; span {
	display: flex;
}

.mcPrincipal ul&gt; li.go-back&gt; p&gt; 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&gt; li.go-back&gt; p&gt; span:after {
	content: "\f104";
	font-weight: 600;
	font-family: "Font Awesome 6 Pro";
	display: block;
	padding: 12px;
}

.mcPrincipal ul&gt; li.go-back&gt; p&gt; a {
	opacity: 0.7
}

.mcPrincipal ul&gt; 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&gt; * {
	position: relative;
	margin: 0;
}

@media screen and (min-width: 1024px) {
	#PORT02 .PORT02Cont&gt; *: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&gt; *: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&gt; *: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&gt; 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&gt; div&gt; 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&gt; 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&gt; 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&gt; 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&gt; div&gt; 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&gt; a .PIITag,
.boxMiniRel .prodItemImg&gt; 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&gt; a {
	display: block;
	overflow: hidden;
}

.prodItem .prodItemImg&gt; a img {
	display: block;
	width: 100%;
	font-size: 0;
	padding: 0 !important;
	opacity: 1 !important;
}

.prodItem .prodItemImg&gt; 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&gt; 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&gt; 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&gt; span:last-child {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
}

.prodItem .prodItemCont .PICPrice&gt; 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&gt; 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&gt; 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&gt; 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&gt; 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&gt; div {
	margin: 0 0 8px;
	order: 2;
}

.contactBox&gt; div .title {
	margin: 0 !important;
	font-size: 20px;
	line-height: 140%;
}

.contactBox&gt; 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&gt; div {
	margin: 0 0 8px;
	width: 100%;
}

.contactBand&gt; div .title {
	margin: 0 0 8px;
	font-size: 24px;
	line-height: 120%;
	font-weight: var(--bold1);
	color: #333;
}

.contactBand&gt; 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&gt; 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&gt; 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&gt; div&gt; p {
	margin: 0 0 12px;
}

.formBox&gt; div #ulContatoInfo {}

.formBox&gt; div #ulContatoInfo .dvContatoInfoSup {
	display: flex;
	justify-content: space-between;
}

.formBox&gt; div #ulContatoInfo .dvContactoFormLeft {}

.formBox&gt; div #ulContatoInfo .dvContactoFormRight {
	margin-left: 8px;
}

.formBox&gt; div #ulContatoInfo input[type="text"],
.formBox&gt; div #ulContatoInfo input[type="tel"],
.formBox&gt; div #ulContatoInfo input[type="email"],
.formBox&gt; div #ulContatoInfo textarea {
	padding: 12px;
}

.formBox&gt; div #ulContatoInfo .dvContatoInfoSub {}

.formBox&gt; div #ulContatoInfo .dvContatoInfoSub {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}

.formBox&gt; 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&gt; span,
.breadcrumb ol li&gt; 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&gt; span {
	display: flex;
	align-items: center;
}

.radiobtn&gt; span:before,
.radiobtn&gt; 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&gt; 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&gt; ul&gt; li,
.generic .genericCont&gt; ol li,
.generic .genericCont&gt; div&gt; *: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&gt; .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&gt; .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&gt; ul {
	list-style: none;
	padding: 0;
}

.generic .genericCont .dvFormasPago&gt; ul&gt; li {
	margin: 0 0 20px
}

.generic .genericCont .dvFormasPago&gt; ul .dvFormasPagoItem {
	margin: 0 0 8px;
	padding-top: 20px;
	border-top: 2px dashed rgba(0, 0, 0, 0.2);
}

.generic .genericCont .dvFormasPago&gt; ul .dvFormasPagoItem .dvFormasPagoItemNombre {
	margin: 0 0 4px;
}

.generic .genericCont .dvFormasPago&gt; ul .dvFormasPagoItem .dvFormasPagoItemNombre&gt; span&gt; b {}

.generic .genericCont .dvFormasPago&gt; ul .dvFormasPagoCards {
	list-style: none;
	padding: 0;
}

.generic .genericCont .dvFormasPago&gt; ul .dvFormasPagoCards&gt; li {
	display: inline-block;
	margin: 2px 4px 2px 0;
}

.generic .genericCont .dvFormasPago&gt; ul .dvFormasPagoCards&gt; 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&gt; div {
	margin: 0 0 20px;
	padding-top: 20px;
	border-top: 2px dashed rgba(0, 0, 0, 0.2);
}

.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa&gt; div&gt; p {
	margin: 0 0 8px;
}

.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa&gt; div img {
	display: block;
	max-width: 100%;
	margin: 0 0 8px;
}

.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa&gt; div .dvGastosEnvioItemNombre b {
	font-size: 120%
}

.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa&gt; 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&gt; div .dvSecGastosEnvioEnvios .dvSecGastosEnvioEnv .pEnviosA {
	margin: 0 0 8px;
}

.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa&gt; div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios&gt; div {
	padding: 8px 0;
}

.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa&gt; div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios&gt; ul {
	padding: 8px 0 8px 16px;
}

.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa&gt; div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios&gt; div .spnProv {
	font-weight: var(--bold1);
	margin-bottom: 4px;
	display: block;
}

.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa&gt; div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios&gt; div .comboProvincias {
	padding-left: 12px;
	margin: 0 0 8px;
}

.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa&gt; div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios&gt; div&gt; ul {
	margin-left: 18px;
}

.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa&gt; div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios&gt; .ulRecogTiendaEst a {
	display: inline-flex;
}

.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa&gt; div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios&gt; .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&gt; 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&gt; div {
	width: 50%;
}

.Newsletter #dlNewsletterRegister {
	padding: 0 8px;
	margin-left: 20px;
}

.Newsletter #dlNewsletterRegister&gt; div&gt; div {
	margin: 0 0 8px;
}

.Newsletter #dlNewsletterRegister&gt; div&gt; 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&gt; 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&gt; div:last-child {
	width: 100%;
}

.Newsletter #dlNewsletterRegister .newsletterEnvio&gt; 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&gt; div .ddCamposOblig {
	display: none;
}

.Newsletter #dlNewsletterRegister .newsletterEnvio&gt; 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&gt; div {
	display: block;
}


/*PROMO FLASH*/

.generic .dvPromo.flash {}

.generic .dvPromo.flash .right&gt; p {
	font-weight: var(--bold1);
}

.generic .dvPromo.flash .right&gt; p&gt; 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&gt; p&gt; 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&gt; 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&gt; div {
	width: 100%;
}

#dvValidarChequeRegalo&gt; form {
	width: 100%;
	max-width: 500px;
	margin-left: 20px;
}

.Cheque .validarCheque {}

.Cheque .validarCheque&gt; * {
	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&gt; div {
	display: inline-block;
	padding: 8px 0;
	width: 100%;
}

.usuarios .dvDatosGenerales .dvDatosGeneralesForm&gt; div input[type=text],
.usuarios .dvDatosGenerales&gt; div input[type=email],
.usuarios .dvDatosGenerales&gt; div input[type=password],
.usuarios .dvDatosGenerales&gt; div select,
.usuarios .dvDatosGenerales&gt; 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&gt; * {
	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&gt; 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&gt; 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&gt; 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&gt; tbody&gt; tr:first-of-type {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	padding: 4px
}

#tblVerCesto&gt; tbody&gt; tr:first-of-type th {
	padding: 8px 12px;
	text-transform: uppercase;
	background: rgba(0, 0, 0, 0.05);
}

#tblVerCesto #trLineaTotal td {
	border: 0;
}

#tblVerCesto&gt; tbody&gt; tr&gt; td {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	padding: 8px;
	position: relative;
}

#tblVerCesto&gt; tbody&gt; tr&gt; td:first-child,
#dvCartConProds #dvProds table tr th:first-child {
	text-align: left;
}

#tblVerCesto&gt; tbody&gt; tr&gt; td:first-child a:first-child {
	display: flex;
	align-items: center;
}

#tblVerCesto&gt; tbody&gt; tr&gt; 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&gt; 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&gt; 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&gt; 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&gt; div {
	display: block;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	max-width: 100px;
}

#tblVerCesto .tdCantidadProducto&gt; div&gt; 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&gt; tbody&gt; tr:first-of-type {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	padding: 4px
}

#tblResumenProds&gt; tbody&gt; tr:first-of-type th {
	padding: 8px 12px;
	text-transform: uppercase;
	background: rgba(0, 0, 0, 0.05);
}

#tblResumenProds #trLineaTotal td {
	border: 0;
}

#tblResumenProds&gt; tbody&gt; tr&gt; td {
	padding: 8px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

#tblResumenProds&gt; tbody&gt; tr&gt; td:first-child,
#dvCartConProds #dvProds table tr th:first-child {
	text-align: left;
}

#tblResumenProds&gt; tbody&gt; tr&gt; td:first-child a:first-child {
	display: flex;
	align-items: center;
}

#tblResumenProds&gt; tbody&gt; tr&gt; td:first-child a img {
	width: 48px;
	margin-right: 12px;
}

#tblResumenProds&gt; tbody&gt; tr&gt; td&gt; .attachedFiles:before {
	content: "\f0c6";
	font-weight: 600;
	font-family: "Font Awesome 6 Pro";
	display: inline-block;
	margin-right: 8px;
}

#tblResumenProds .trProductoCesta {}

.tdNombreProducto&gt; 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&gt; 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&gt; div {
	display: block;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	max-width: 140px;
}

#tblResumenProds .tdCantidadProducto&gt; div&gt; 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&gt; p {
	margin: 8px 0;
	padding: 0;
	font-weight: var(--bold1);
	font-size: 24px;
	line-height: 28px;
	max-width: 59%;
	flex-shrink: 0;
}

#dvCuponesCarrito&gt; p&gt; 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&gt; p:first-child,
#dvCuponesCarrito .aplicables&gt; p:first-child {
	font-weight: var(--bold1);
	margin: 0 0 8px;
	display: flex;
	align-items: flex-start;
	line-height: 100%;
}

#dvCuponesCarrito .aplicar&gt; p:first-child,
#dvCuponesCarrito .aplicar&gt; p {
	margin: 0 8px 0 0;
	display: none;
}

#dvCuponesCarrito .aplicar&gt; p:first-child:before,
#dvCuponesCarrito .aplicables&gt; 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&gt; p.aplicarInput {
	flex: 1;
	display: flex;
	margin: 0;
	width: 100%;
	justify-content: flex-end;
}

#dvCuponesCarrito .aplicar&gt; 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&gt; p.aplicarInput&gt; 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&gt; 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&gt; div {
	background: #fff;
	padding: 8px 16px;
	border-radius: var(--radius-default);
}

#dvCuponesCarrito .aplicados&gt; div:not(:last-child) {
	margin: 0 0 8px;
}

#dvCuponesCarrito .aplicados&gt; div&gt; div {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#dvCuponesCarrito .aplicados&gt; div&gt; div.couponSelect {
	display: block;
	margin: 12px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 8px;
}

#dvCuponesCarrito .aplicados&gt; div&gt; div.couponSelect&gt; p {
	flex-shrink: 0;
	margin: 0 0 4px;
	font-weight: bold;
}

#dvCuponesCarrito .aplicados&gt; div&gt; div.couponSelect&gt; div {
	display: flex;
	border: 0;
	box-shadow: none;
	background-color: transparent;
}

#dvCuponesCarrito .aplicados&gt; div&gt; div.couponSelect&gt; div .trProductoCesta {
	/* width:  100%; */
	border: 0;
	background-color: transparent;
	margin: 4px;
}

#dvCuponesCarrito .aplicados&gt; div&gt; div.couponSelect&gt; 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&gt; div&gt; div.couponSelect&gt; div .trProductoCesta .tdNombreProducto .radiobtn&gt; span:before {
	margin: 0;
}

#dvCuponesCarrito .aplicados&gt; div&gt; div.couponSelect&gt; div .trProductoCesta .tdNombreProducto&gt; div {
	width: 32px;
	background-color: rgba(0, 0, 0, 0.05);
	justify-content: center;
	flex-shrink: 0;
}

#dvCuponesCarrito .aplicados&gt; div&gt; div.couponSelect&gt; div .trProductoCesta .tdNombreProducto&gt; a {
	padding: 8px;
	display: inline-flex;
	align-items: center;
}

#dvCuponesCarrito .aplicados&gt; div&gt; div.couponSelect&gt; div .trProductoCesta .tdNombreProducto&gt; a img {
	display: block;
	max-width: 56px;
	border-radius: 4px;
	margin-left: 8px;
}

#dvCuponesCarrito .aplicados&gt; div&gt; div.couponSelect&gt; div .trProductoCesta .tdNombreProducto&gt; a.lnkExterno {}

#dvCuponesCarrito .aplicados&gt; div&gt; div&gt; * {
	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&gt; p {
	margin: 0;
}

#dvCuponesCarrito .aplicados .nombre {
	font-weight: var(--bold1);
	display: inline-flex;
	align-items: center;
	margin: 4px 12px 4px 0;
}

#dvCuponesCarrito .aplicados&gt; 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&gt; 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&gt; div&gt; div&gt; 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&gt; div&gt; div {
	margin: 0;
}

#dvAceptRegalo&gt; div&gt; div.checkBoxCont {
	display: inline-flex;
	margin: 4px 8px 4px 0;
}

#dvAceptRegalo&gt; div&gt; div&gt; p {
	font-weight: var(--bold1);
	margin: 0;
	display: flex;
}

#dvAceptRegalo&gt; div&gt; div&gt; 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&gt; tbody,
.datosCompra .datosCompraRight #tblVerCesto&gt; td,
.datosCompra .datosCompraRight #tblVerCesto&gt; tr {
	display: block;
	width: 100%;
}

.datosCompra .datosCompraRight #tblVerCesto&gt; th,
#tblVerCesto table th,
#tblVerCesto&gt; tbody&gt; 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&gt; tbody&gt; tr&gt; 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&gt; tbody&gt; tr&gt; 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&gt; td:first-child,
.datosCompra #tblVerCesto .trTotal&gt; td:last-child {
	display: none;
}

.datosCompra .datosCompraRight #tblVerCesto .trTotal&gt; 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&gt; span:not(.field-validation-error),
.carritoDatos .carritoDatosRight .carritoPago ul li div&gt; span {
	margin: 4px 0;
	display: block;
	font-size: 12px;
	line-height: 12px;
}

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

.carritoDatos .carritoDatosRight .carritoFacturacion ul li div&gt; 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 &gt; 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&gt; span,
.carritoPuntoRecogida__pais&gt; span,
.carritoPuntoRecogida__prov&gt; 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&gt; 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&gt; 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&gt; span:before {
	margin: 0;
}

.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li&gt; div&gt; span {
	margin: 0 0 4px;
	display: inline-block;
}

.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li&gt; div .dvTransImage {
	float: right;
	margin: 4px;
	border-radius: 4px;
	border: 0;
	padding: 4px;
	width: auto;
	max-width: 72px;
}

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

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

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

.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li&gt; 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&gt; div&gt; p:last-of-type {
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 12px;
}

.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li&gt; div&gt; p.desc&gt; 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&gt; div&gt; p.desc&gt; 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&gt; 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&gt; span:before {
	margin: 0;
}

.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li&gt; div&gt; span {
	margin: 0;
	display: inline-block;
}

.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoTarjetas {
	margin: 8px 0 0;
}

.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoTarjetas&gt; .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&gt; 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&gt; 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&gt; div,
.resumenCarrito .resumenEnvio&gt; div,
.resumenProductos,
#dvCuponesCarrito.resumenProductos {
	padding: 20px;
	margin: 0 0 20px;
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.05);
}

.generic .genericCont .resumenCarrito .resumenFacturacion&gt; div p,
.generic .genericCont .resumenCarrito .resumenEnvio&gt; div p {
	margin: 0 0 8px;
}

.resumenProductos {
	border-radius: 4px;
}

.resumenProductos #tblResumenProds {
	background-color: #fff;
}

.resumenProductos #tblResumenProds&gt; tbody&gt; tr:first-of-type th {
	background: rgba(0, 0, 0, 0.01)
}

.resumenProductos #tblResumenProds&gt; tbody&gt; tr&gt; td.tdSumario {
	text-align: right;
}

.resumenProductos #tblResumenProds&gt; tbody&gt; tr.trTotales {
	text-align: right;
}

.resumenProductos #tblResumenProds&gt; tbody&gt; tr.trTotales div {
	text-align: right;
	margin: 4px 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.resumenProductos #tblResumenProds&gt; tbody&gt; tr.trTotales div span {
	display: inline-block;
	font-weight: normal;
}

.resumenProductos #tblResumenProds&gt; tbody&gt; tr.trTotales div span {
	display: inline-block;
	font-weight: normal;
}

.resumenProductos #tblResumenProds&gt; tbody&gt; tr.trTotales div&gt; 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&gt; .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&gt; * {
	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&gt; 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&gt; *:first-child:not(:last-child) {
	margin-right: 8px;
}

.RCRProds .RCRProdsPrev #dvOrderBy form .select {
	width: 100%;
}

.RCRProds .RCRProdsPrev #dvOrderBy form&gt; 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&gt; div&gt; 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&gt; 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&gt; a&gt; img {
	display: block;
	width: 200px;
	max-width: 200px;
	min-width: 200px;
	border-radius: var(--radius-default);
}

.bmmin1 .bloggalcont&gt; div {
	width: 100%;
	height: 100%;
	padding: 12px;
	overflow: hidden;
}

.bmmin1 .bloggalcont&gt; .bgc&gt; .bgctitle {
	margin: 0 0 4px;
	max-height: 72px;
	overflow: hidden;
	position: relative;
}

.bmmin1 .bloggalcont&gt; .bgc&gt; .bgctitle a {
	color: inherit;
	text-decoration: none;
	font-size: 20px;
	line-height: 24px;
	display: inline-block;
}

.bmmin1 .bloggalcont&gt; .bgc&gt; .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&gt; div,
.bmmin1 .bloggalcont .bgcdatos&gt; 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&gt; .widNotCont&gt; .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&gt; a {
	color: inherit;
	text-decoration: none;
	max-height: 44px;
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.bmmin2 .bloggalcont&gt; .bgc&gt; .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&gt; a&gt; img {
	display: block;
	width: 160px;
	max-width: 160px;
}

.bmmin2 .bloggalcont&gt; div {
	width: 100%;
	height: 100%;
	padding: 8px 20px;
	overflow: hidden;
	max-height: 120px;
	overflow: hidden;
}

.bmmin2 .bloggalcont&gt; .bgc&gt; .bgctitle {
	margin: 0 0 4px;
	max-height: 60px;
	overflow: hidden;
	position: relative;
	font-size: 16px;
	line-height: 20px;
}

.bmmin2 .bloggalcont&gt; div&gt; .bgctitle&gt; a {
	color: inherit;
	text-decoration: none;
}

.bmmin2 .bloggalcont .bgcdatos {
	font-size: 90%;
	line-height: 120%;
	margin: 0 0 4px;
}

.bmmin2 .bloggalcont .bgcdatos&gt; div,
.bmmin1 .bloggalcont .bgcdatos&gt; 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&gt; a&gt; img {
	display: block;
	width: 100%;
}

.bmmin3 .widNotContNots .bloggalcont&gt; 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&gt; div,
.bmmin3 .bloggalcont .bgcdatos&gt; 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&gt; a&gt; img {
	display: block;
	width: 100%;
}

.bmmin4 .bloggalcont&gt; div {
	padding: 8px 0 0;
	overflow: hidden;
}

.bmmin4 .bloggalcont&gt; div&gt; .bgcnom&gt; 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&gt; div,
.bmmin4 .bloggalcont .bgcdatos&gt; 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&gt; .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&gt; .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&gt; 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&gt; p:first-child,
	.datosCompra #dvCuponesCarrito .aplicables&gt; p:first-child {}
	.datosCompra #dvCuponesCarrito .aplicar&gt; p:first-child,
	.datosCompra #dvCuponesCarrito .aplicar&gt; p {}
	.datosCompra #dvCuponesCarrito .aplicar&gt; p:first-child:before,
	.datosCompra #dvCuponesCarrito .aplicables&gt; 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&gt; div&gt; .htconr .carrito a&gt; span&gt; .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&gt; p:first-child {
		margin: 0 0 8px;
	}
	#dvCuponesCarrito .aplicar&gt; p:last-child&gt; label:first-child {
		max-width: 100%;
	}
	.carritoDatos {
		display: block;
	}
	.carritoDatos .carritoDatosLeft,
	.carritoDatos .carritoDatosRight {
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}
	.usuarios .altaNewsTac {
		margin-left: 0;
	}
	.rightSlide {
		position: fixed;
		top: 0;
		right: -320px;
		height: 100%;
		z-index: 9;
		box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0);
		display: flex !important;
		flex-direction: column;
		width: 320px;
		background-color: #fff;
		padding: 24px 12px;
		max-height: 100%;
		overflow: auto;
		transition: box-shadow 300ms ease;
		transition: right 300ms ease;
	}
	.rightSlide.active {
		right: 0px !important;
		box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.4) !important;
		z-index: 10;
		/* display: flex !important; */
	}
	.rightSlide.menu_mob.active {
		padding: 0;
	}
	.leftSlide {
		display: block;
		position: fixed !important;
		top: 0;
		left: -320px;
		height: 100%;
		z-index: 9;
		box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0);
		display: flex;
		flex-direction: column;
		width: 320px;
		background-color: #fff;
		max-height: 100%;
		overflow: auto;
		transition: box-shadow 300ms ease, left 300ms ease;
	}
	.leftSlide.active {
		left: 0px !important;
		box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.4) !important;
		z-index: 10;
		padding: 0;
	}
	.leftSlide.menu_mob.active {
		padding: 0;
	}
	#search.leftSlide {
		display: block;
		padding: 24px 12px;
	}
	#login_box.rightSlide {
		justify-content: center;
		text-align: center;
		padding: 0;
	}
	#cart .cart-prod-list {
		/* padding-top: 40px; */
	}
	#cart .cart-prod-list ul {
		flex: 1;
	}
	#cart .cart-prod-list .hCartProd {
		padding: 12px 8px
	}
	#cart .cart-prod-list .hCartTotal {
		padding: 12px;
		font-size: 18px;
		line-height: 24px;
	}
	#cart .cart-prod-list .hCartTotalSinIva {
		padding: 12px;
		font-size: 12px;
		line-height: 24px;
	}
	#cart .cart-prod-list .hOrderLink {}
	#cart .cart-prod-list .hOrderLink a {
		font-size: 18px;
		line-height: 24px;
	}
	#cart .cart-prod-list .hCartLink {}
	#cart .cart-prod-list .hCartLink a {
		font-size: 18px;
		line-height: 24px;
	}
	#cart .cart-prod-list .hCartProd .hCartProdInfo img {
		max-width: 60px;
	}
	#cart .cart-prod-list .hCartProd .hCartProdInfo p {
		font-size: 16px;
		line-height: 20px;
	}
	#cart .cart-prod-list .hCartProd .hCartProdDelete {
		font-size: 14px;
		align-self: center;
	}
	.datosCompra {
		display: block;
	}
	.datosCompra .datosCompraRight {
		width: 100%;
		margin: 0 0 20px;
	}
	.datosCompra .datosCompraleft {
		margin: 0;
	}
	.datosCompra #dvCestaCont .cestaEnvioGratis,
	.datosCompra #dvCestaCont .cestaEnvioGratis a,
	.datosCompra #dvCestaCont .cestaEnvioGratis a span {}
	.datosCompra {}
	.datosCompra .datosCompraRight {}
	.datosCompra .datosCompraLeft {}
	.datosCompra .dvCabRealizarPedidoMetodo .dvCabRealizarPedidoMetodoInt {}
	.datosCompra .datosCompraRight #tblVerCesto {}
	.datosCompra .datosCompraRight #tblVerCesto,
	.datosCompra .datosCompraRight #tblVerCesto&gt; tbody,
	.datosCompra .datosCompraRight #tblVerCesto&gt; td,
	.datosCompra .datosCompraRight #tblVerCesto&gt; tr {}
	.datosCompra .datosCompraRight #tblVerCesto&gt; th,
	#tblVerCesto table th,
	#tblVerCesto&gt; tbody&gt; 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&gt; tbody&gt; tr&gt; 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&gt; tbody&gt; tr&gt; td:first-child a img {}
	.datosCompra .datosCompraRight #tblVerCesto .trTotal {}
	.datosCompra .datosCompraRight #tblVerCesto .trTotal&gt; td:first-child,
	.datosCompra #tblVerCesto .trTotal&gt; td:last-child {}
	.datosCompra .datosCompraRight #tblVerCesto .trTotal&gt; 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&gt; div&gt; .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&gt; li&gt; p {
		position: absolute;
	}
	.cd-secondary-dropdown.move-out&gt; li&gt; 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&gt; span {}
	.radiobtn&gt; 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&gt; a {
		display: none;
	}
	.mcPrincipal&gt; a span {}
	.mcPrincipal .cd-dropdown-trigger {
		display: none;
	}
	.mcPrincipal ul.cd-dropdown li {
		height: auto;
	}
	.mcPrincipal li a {
		padding: 20px 12px;
	}
	.mcPrincipal ul&gt; li.go-back&gt; p&gt; span:after {
		padding: 20px 12px;
	}
	.mcPrincipal ul&gt; li&gt; p&gt; 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&gt; li&gt; p {
		position: absolute;
	}
	.cd-dropdown-content.move-out&gt; li&gt; 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&gt; div {
		width: 100%;
	}
	.Newsletter #dlNewsletterRegister {
		margin: 20px 0 0;
		padding: 0;
	}
	.box2 .boxCont&gt; div&gt; div {
		flex-flow: row wrap;
	}
	.box2 .boxCont .boxItem {
		width: 100%;
	}
	.box2 .boxCont .boxItem&gt; 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&gt; 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&gt; div {
		width: 100%;
	}
	.bndBox3 .bndBox3Cont&gt; 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&gt; 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&gt; tbody,
	#tblVerCesto&gt; td,
	#tblVerCesto&gt; tr {
		display: block;
		width: 100%;
	}
	#tblVerCesto&gt; th,
	#tblVerCesto table th,
	#tblVerCesto&gt; tbody&gt; tr:first-of-type {
		display: none;
	}
	#tblVerCesto #thCantidadProducto,
	#tblVerCesto .tdCantidadProducto,
	#tblVerCesto .trProductoCesta .tdImporteProducto,
	#tblVerCesto #thImporteProducto,
	#tblVerCesto .tdImporteTotalProducto,
	#tblVerCesto .trProductoCesta .tdEliminaProducto {
		width: 100%;
	}
	#tblVerCesto&gt; tbody&gt; tr&gt; 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&gt; tbody&gt; tr&gt; td:first-child a img {
		width: 80px;
		border-radius: 4px;
	}
	#tblVerCesto .trTotal {
		font-weight: var(--bold1);
		display: block;
	}
	#tblVerCesto .trTotal&gt; td:first-child,
	#tblVerCesto .trTotal&gt; td:last-child {
		display: none;
	}
	#tblVerCesto .trTotal&gt; td:first-child:not(:empty) {
		display: block;
	}
	#tblVerCesto .trProductoCesta .tdImporteProducto,
	#tblVerCesto #thImporteProducto,
	#tblVerCesto .tdImporteTotalProducto {
		font-size: 120%;
	}
	.trTotal .spnTotalCarrito {
		font-size: 130%;
	}
	#dvCuponesCarrito .aplicados&gt; div {
		padding: 4px 8px;
	}
	#dvCuponesCarrito .aplicados .nombre {}
	#dvCuponesCarrito .aplicados .eliminar a {
		font-size: 14px;
	}
	#dvCuponesCarrito .aplicar {
		max-width: 100%;
	}
	#dvCuponesCarrito&gt; 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&gt; tbody,
	#tblResumenProds&gt; td,
	#tblResumenProds&gt; tr {
		display: block;
		width: 100%;
	}
	#tblResumenProds&gt; th,
	#tblResumenProds table th,
	#tblResumenProds&gt; tbody&gt; tr:first-of-type {
		display: none;
	}
	#tblResumenProds #thCantidadProducto,
	#tblResumenProds .tdCantidadProducto,
	#tblResumenProds .trProductoCesta .tdImporteProducto,
	#tblResumenProds #thImporteProducto,
	#tblResumenProds .tdImporteTotalProducto,
	#tblResumenProds .trProductoCesta .tdEliminaProducto {
		width: 100%;
	}
	#tblResumenProds&gt; tbody&gt; tr&gt; 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&gt; tbody&gt; tr&gt; td:first-child a img {
		width: 80px;
	}
	#tblResumenProds .trTotal {
		font-weight: var(--bold1);
	}
	#tblResumenProds .trTotal&gt; td:first-child,
	#tblResumenProds .trTotal&gt; 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&gt; 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&gt; tbody&gt; tr&gt; td:first-child {
		font-weight: var(--bold1);
	}
	.resumenProductos #tblResumenProds&gt; tbody&gt; tr:not(.trTotales)&gt; td:first-child:before {
		content: "\f105";
		font-weight: 900;
		font-family: "Font Awesome 6 Pro";
		margin-right: 4px;
		font-size: 16px;
	}
	.resumenProductos #tblResumenProds&gt; tbody&gt; tr&gt; td:nth-child(2) {
		width: 50%;
		text-align: left;
	}
	.resumenProductos #tblResumenProds&gt; tbody&gt; tr&gt; td:nth-child(3) {
		width: 50%;
		text-align: right;
	}
	.resumenProductos #tblResumenProds&gt; tbody&gt; 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&gt; tbody,
	.datosCompra .datosCompraRight #tblVerCesto&gt; td,
	.datosCompra .datosCompraRight #tblVerCesto&gt; tr {
		padding: 0;
	}
	.datosCompra .datosCompraRight #tblVerCesto&gt; th,
	#tblVerCesto table th,
	#tblVerCesto&gt; tbody&gt; 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&gt; tbody&gt; tr&gt; 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&gt; tbody&gt; tr&gt; td:first-child a img {}
	.datosCompra .datosCompraRight #tblVerCesto .trTotal {}
	.datosCompra .datosCompraRight #tblVerCesto .trTotal&gt; td:first-child,
	.datosCompra #tblVerCesto .trTotal&gt; td:last-child {}
	.datosCompra .datosCompraRight #tblVerCesto .trTotal&gt; 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&gt; .widNotCont&gt; .widNotContNots {
		column-count: 1;
	}
	.bmmin3 .widNotContNots {
		justify-content: space-between;
	}
	.bmmin3 .bloggalcont&gt; .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&gt; .bgc&gt; .bgctitle {}
	.bmmin3 .bloggalcont&gt; .bgc&gt; .bgctitle:after {
		top: 40px
	}
	.bmmin3 .bloggalcont&gt; .bgc&gt; .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&gt; 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&gt; * {
		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&gt; * {
		align-self: center;
	}
	.formBox&gt; div #ulContatoInfo .dvContatoInfoSup {
		display: block;
	}
	.formBox&gt; div #ulContatoInfo .dvContactoFormLeft {
		margin: 0;
		width: 100%;
	}
	.formBox&gt; div #ulContatoInfo .dvContactoFormRight {
		margin: 0;
		width: 100%;
	}
	.formBox&gt; div #ulContatoInfo .dvContatoInfoSub {
		display: block;
	}
	.formBox&gt; div #ulContatoInfo .dvContatoInfoSub .tac,
	.formBox&gt; div #ulContatoInfo .dvContatoInfoSub #bc_enviar {
		width: 100%;
		margin: 0 0 8px;
	}
	.formBox&gt; div #ulContatoInfo input[type="text"],
	.formBox&gt; div #ulContatoInfo input[type="tel"],
	.formBox&gt; div #ulContatoInfo input[type="email"],
	.formBox&gt; 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&gt; a&gt; 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&gt; 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&gt; tbody&gt; tr&gt; 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&gt; * {
		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&gt; a&gt; 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&gt;.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);}



/* 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 12px 4px; 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: 600px; width: 100%; transition:max-width 300ms ease; }

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 &gt; a { text-decoration: none; display: flex; line-height: 28px; border: 0;  overflow: visible; align-items: center; position: relative; color: inherit;  }
#cart &gt; a i { font-size: 24px; width: 28px; height: 28px; text-align: center; display: inline-flex; justify-content: center; align-items: center; color:var(--primary); border-radius: var(--radius1);}
#cart &gt; a &gt; span { padding: 0 0 0 4px; }
#cart &gt; a &gt; span .cant:before{content:'(';}
#cart &gt; a &gt; span .cant:after{content:')';}
#cart &gt; a &gt; 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 &gt; 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: 24px; 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 &gt; span {  padding: 0 0 0 8px;  max-width: 140px; text-overflow: ellipsis; display: block; white-space: nowrap; overflow: hidden; }



/* Buscador */
.searchCont{max-width:250px;}
#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 var(--primary);width: 100%;font-size: 15px; line-height: 24px; margin: 0; border-radius:0; background:transparent;}
#search .searchBar input:focus { outline: none; border-color: var(--primary); }
#search .searchBar a { text-decoration:none; right:4px; display: block;color:var(--primary);  position: absolute;  top: 50%; transform: translateY(-50%);font-size: 20px;}

header .menu{padding:2px 16px; background:var(--secondary); color:var(--secondary-invert); font-size:18px; max-width:var(--max-width); margin:0 auto; border-radius:6px 6px 0 0;}
header .menu .menuCont{align-items:center;}
.langSelector{padding-right:12px;}
.mcPrincipal .cd-dropdown-trigger{font-size:18px;}
/*################
##### 1 0 2 3 ####
################*/
@media screen and (min-width: 1024px) {
    #cart .cart-prod-list:after{right:26px;}
    header .header .headerCont .hcLeft .hcLogo a img {
        max-width: 540px;
    }

}

@media screen and (max-width: 1023px) {
    header {
        position: sticky;
        position: -webkit-sticky;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 7;
        background: #fff;
        box-shadow: 0px 1px 8px rgba(0,0,0,.15);
    }

    header .header .headerCont .hcLeft .hcLogo a img {max-width: 460px; }
    header.--is-active .headerCont .hcLeft .hcLogo a img {max-width: calc(460px - 120px);}
    #user{margin-left:8px;}
    #cart{margin-left:8px;}
    #user a &gt; span { display: none; }
    #cart a &gt; span { padding: 0; margin: 0; }
    #cart &gt; a i{width:32px; height:32px;font-size:22px; } 
    #user a i:not(#btLogout){width:32px; height:32px;font-size:22px; } 
    #searchbtn a i{width:32px; height:32px;font-size:22px; }
    header .header .headerCont .hcCenter{justify-content:flex-end;}
    .searchCont{width: auto;}
    header .menu{font-size:16px;}
}

/*################
#####  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;}
    header .header .headerCont .hcLeft .hcLogo a img {max-width: 380px; }
    header.--is-active .headerCont .hcLeft .hcLogo a img {max-width: calc(380px - 120px);}

}

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

@media screen and (max-width: 640px) {
    header .header .headerCont .hcLeft .hcLogo a img{content:url("/Content/images/logo-galifauna-2.png");}
    header .header .headerCont .hcLeft .hcLogo a img {max-width: 190px; }
    header.--is-active .headerCont .hcLeft .hcLogo a img {max-width: 190px;}
    header .header .headerCont .hcLeft { flex-shrink: 1; width: 100%; }
    header .header .headerCont .hcCenter { flex-shrink: 1; width: auto; }
    #cart .cant{ width: 12px; height: 12px;font-size: 11px; border-radius: 50%;box-shadow:0 1px 1px #ccc; background: #000; color:#fff; display: block; display: flex; align-items: center; justify-content: center; position:absolute;top:-4px;right:-2px;}
    #cart &gt; a &gt; span .cant:before,
    #cart &gt; a &gt; span .cant:after{display:none;    }
}

/*################
#####  4 8 0  ####
################*/
@media screen and (max-width: 480px) {
    header .header .headerCont{padding:12px 8px;}
    header .header .headerCont .hcLeft{margin-right:8px;}
    #user{margin-left:4px;}
    #cart{margin-left:4px;}
}
/**
 * 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&gt;.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&gt;.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode&gt;.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&gt;.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical&gt;.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&gt;.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&gt;.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical&gt;.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical&gt;.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&gt;.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&gt;.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal&gt;.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&gt;.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&gt;.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&gt;.swiper-pagination-progressbar,.swiper-container-vertical&gt;.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal&gt;.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical&gt;.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&gt;.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical&gt;.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&gt;canvas,.swiper-zoom-container&gt;img,.swiper-zoom-container&gt;svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
 /*Botones*/
.panel__desc--skin1 .boxCont .bicBtn {display: inline-flex;align-items: center;text-decoration: none;color: var(--secondary-invert); background:var(--secondary); padding: 8px 16px; border-radius: var(--radius1); font-size: 90%;line-height: 140%; text-transform: uppercase; font-weight: var(--bold1);}

/*#PORT01 { margin: calc(var(--mosaico-margin)/2) auto; }*/
/*############
PANEL SIMPLE
� Im�genes 2:1 horizontales (1200x600) */
.panel__simple--skin1 {  margin:0 auto; max-width: 1920px; padding:0;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%;}
.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%;  }
.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 .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%;
    object-fit: cover;
}
.panel__simple--skin6 .switemimg:last-child img{
    border-radius:0;
}
.panel__simple--skin6 .switem a, .panel__simple--skin5 .switem &gt; 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 &gt; 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 &gt; 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 &gt; div { display: flex; width:100%;}
.mosaico--skin1 .boxCont .boxItem &gt; 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 &gt; 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 &gt; 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 &gt; 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 &gt; 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 &gt; 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 &gt; 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 &gt; 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 &gt; 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 &gt; *{}
.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 &gt; *: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 &gt; li { padding: 0; margin: 0 4px; }
.resContRight .RCLFilterSubcat .kh &gt; li:first-of-type { margin-left: 0;}
.resContRight .RCLFilterSubcat .kh &gt; 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 &gt; li a:hover { background: rgba(0,0,0,0.1); }

/*PAGINACIÓN*/
#dvPaginacion { margin: 20px 0; }
#dvPaginacion &gt; 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 &gt; 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 &gt; div { display: inline-flex; align-items: center; }
.campExpressDesc .campExpressDescCont &gt; div &gt; p, .campExpressDesc .campExpressDescCont &gt; div &gt; p:not(:last-child) { margin: 0; }
.campExpressDesc .campExpressDescCont &gt; div &gt; p:first-child:not(:last-child) { margin-right: 8px; }
/*.campExpressDesc .campExpressDescCont &gt; p:first-child:not(:last-child),
.campExpressDesc .campExpressDescCont &gt; p:last-child:not(:first-child) { display: flex; flex-direction: column;}
.campExpressDesc .campExpressDescCont &gt; p:first-child:not(:last-child), .campExpressDesc .campExpressDescCont &gt; p:last-child:not(:first-child){ font-size: 80%;}
.campExpressDesc .campExpressDescCont &gt; p:first-child:not(:last-child) span, .campExpressDesc .campExpressDescCont &gt; p:last-child:not(:first-child) span{ font-size: 120%; }*/


.campExpressDesc .campExpressDescCont &gt; div &gt; p { display: flex; flex-direction: column; font-size: 80%;}
.campExpressDesc .campExpressDescCont &gt; div &gt; p span{ font-size: 120%; }

.campExpressDesc .campExpressDescCont &gt; div &gt; p &gt; 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 &gt; p{ display: none; }
    .resCont .resContLeft .RCL02 { display: flex; flex-wrap: wrap; justify-content: space-between; }
    .resCont .resContLeft .RCL02 &gt; * { width: calc(50% - 8px); }
    .resCont .resContLeft .RCL02 &gt; .slideCupones{width:100%; margin-left:auto; margin-right:auto;}
     .resCont .resContLeft .RCL02 &gt; .slideCupones .slideCuponesCont{max-width:260px;}

    .resCont .resContLeft .RCL02 &gt; *: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 &gt; 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 &gt; * { 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 &gt; form &gt; 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 &gt; * { 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 &gt; form {display: flex;margin: 0 auto;}
    .RCRProds .RCRProdsPrev #dvOrderBy &gt; 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 &gt; div { display: block; }
    .campExpressDesc .campExpressDescCont &gt; div p:first-child:not(:last-child) { margin: 0 0 4px; }
}
:root { 
        --ratio: 1.25;
        --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-xxl: calc(var(--ratio) * var(--font-xl));
        --font-color: #222;
        --primary:#FF491D; /* Color precios, t�tulos...*/
        --secondary:  #63C4DB; /*Color botones, link*/
        --primary-invert: #fff; /*Texto de los botones*/
        --secondary-invert: #fff; /*Texto de los botones*/
        --light: #EFF9FB;
        --dark: #222;
        --dark-invert: #fff;
        --radius1: 30px; /*Border-radius de los botones*/
        --weight-fa: 300; /*Weight de los iconos*/
        --font1:'Open Sans'; /* Fuente 1 */
        --font2:'Patua One'; /* Fuente 2 */
        --bold1: 600; /* Bold 1 */
        --bold2: 400; /* Bold 2 */
        --radius-default:16px;/*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: 16px; /*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: 1600px; /* Ancho m�ximo de la tienda */
        --filtroPortada: 0,0,0;
}
.txtnaranja{ color:var(--primary)}

/* Titulos */
.title1{ font-family:var(--font2,var(--font1));font-weight: var(--bold2,var(--bold1));color:var(--primary); text-wrap:balance;}

.title2 { font-family:var(--font2,var(--font1));font-weight: var(--bold2,var(--bold1));text-wrap:balance;color:var(--primary);}
.title3 { font-family:var(--font2,var(--font1));font-weight: var(--bold2,var(--bold1));text-wrap:balance;}
.title2 + .title2{margin-top:-8px;}
.panel__simple--skin4 .switem .switeminfo .switemtitle .title{font-family:var(--font2,var(--font1));font-weight: var(--bold2,var(--bold1));}

/* PORTADA */
#PORT01 &gt; .box4.flash{background: var(--primary); background-image:linear-gradient(rgba(255,255,255,0.90),rgba(255,255,255,0.90)); border:0;}
#PORT01 &gt; .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);
}

.panel--pattern{
    background-image:url(/Content/images/pattern.jpg);
    background-attachment:fixed;
}
.categorias--skin1 .boxCont .boxItem &gt; div{
    background:#fff;
}
#PORT01 .seo1 .title2 {
    color:var(--secondary);
}

.seo1 .seo1Cont img {
    display: block;
    width: 100%;
    max-width:1024px;
    margin:0 auto;
}

.seo2{
    grid-column:span 3;
    font-size: 13px;
    color: #666;
    padding:20px 0 0;
    background:none!important;
}
.panel__simple--skin2{
    margin-top: var(--section-margin);
    width: calc(100% - 16px);
}
#PORT02{
    background-image:url(/Content/images/pattern.jpg);
    background-attachment:fixed;
}
#PORT02 .PORT02Cont&gt; *:not(.seo2),
#FICHA02 .FICHA02Cont &gt; *:not(.seo2),
.resCont .resContLeft .RCL02 &gt; *,
#dvBloquePerso &gt; *:not(#target_sc){
    background:var(--secondary);
    color:var(--secondary-invert);
    border-radius:var(--radius-default);
    margin-bottom:0.5rem;
    border:0;
}
.PorMarcas .PorMarcasImg{border-radius:var(--radius-default);}
.PorMarcas .PorMarcasImg img{border-radius:var(--radius-default);}
.dvBanner .dvBannerCont a:not(.dvBannerContLink4){color:#fff;}
.dvBanner:after,
.contactBox:after,
.dvBanner.fbBox:after{background:#fff; width:68px; height:68px; border-radius:50%; display:grid;place-content:center;margin:0 auto 8px; }
#PORT02 .PORT02Cont{gap:16px;}
#PORT02 .PORT02Cont&gt; *:not(:first-child):not(:nth-child(3n+1)):before,
#FICHA02 .FICHA02Cont &gt; *:not(:first-child):not(:nth-child(3n+1)):before,
#PORT02 .PORT02Cont&gt; *:not(:last-child):before,
#FICHA02 .FICHA02Cont&gt; *:not(:last-child):before{
    display:none;
    all:unset;
}
.panel__simple--skin2{border-radius:var(--radius-default);}
.bmmin2 .bloggalcont{background:#eee;}
.RCRButton a{font-size:18px;}

.imgres {
    display: block;
    width: 100%;
}
.widNot{background:none;}
.categorias--skin1 .boxCont .boxItem .boxItemCont{background:var(--secondary); color: var(--secondary-invert);}
.categorias--skin1 .boxCont .boxItem .boxItemCont .title3{font-size:var(--font-m);}
footer{
    background:#1b1b1b;
}
.bmmin2 .bloggalcont&gt; .bgc&gt; .bgctitle:after {
	content: "";
	display: block;
	position: absolute;
	top: 40px;
	right: 0;
	width: 40%;
	max-width: 120px;
	height: 24px;
	background: -moz-linear-gradient(left, rgba(238, 238, 238, 0) 0%, rgba(238, 238, 238, 1) 100%);
	background: -webkit-linear-gradient(left, rgba(238, 238, 238, 0) 0%, rgba(238, 238, 238, 1) 100%);
	background: linear-gradient(to right, rgba(238, 238, 238, 0) 0%, rgba(238, 238, 238, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#EEEEEE', GradientType=1);
}
@media screen and (min-width: 1024px) {
    #PORT02 .PORT02Cont,
    #FICHA02 .FICHA02Cont{max-width:1024px;}
    #PORT02 .PORT02Cont,
    #FICHA02 .FICHA02Cont{grid-template-columns: 1fr 1fr;}
}

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

}

@media screen and (max-width: 1023px) {
    :root {
        --ratio: 1.19;
    } 
}

/*################
#####  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 */
    }
        .seo2{grid-column:span 2;}
   
}

/*################
#####  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.14;
    }
    .seo2{grid-column:1;}
}

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

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


}
</pre></body></html>