/* 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 < 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&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* 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 <= 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 > .ui-controlgroup-item {
float: left;
margin-left: 0;
margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
display: block;
float: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
border-top: 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 < 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>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
/* --------------------------------
Main Components
-------------------------------- */
.cd-dropdown-wrapper {
position: relative;
display: flex;
}
.no-touch .cd-dropdown-trigger:hover {
}
.cd-dropdown-trigger::before, .cd-dropdown-trigger::after {
/* this is the arrow inside the dropdown trigger*/
content: '';
position: absolute;
top: 50%;
margin-top: -1px;
height: 2px;
width: 9px;
background: #ffffff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: width 0.3s, -webkit-transform 0.3s;
-moz-transition: width 0.3s, -moz-transform 0.3s;
transition: width 0.3s, transform 0.3s;
}
.cd-dropdown-trigger::before {
right: 22px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.cd-dropdown-trigger::after {
right: 17px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media only screen and (min-width: 769px) {
.cd-dropdown-trigger.dropdown-is-active {
}
.no-touch .cd-dropdown-trigger.dropdown-is-active:hover {
}
.cd-dropdown-trigger.dropdown-is-active::before, .cd-dropdown-trigger.dropdown-is-active::after {
/* transform the arrow into a 'X' */
width: 14px;
}
.cd-dropdown-trigger.dropdown-is-active::before {
/* transform the arrow into a 'X' */
-webkit-transform: translateX(5px) rotate(-45deg);
-moz-transform: translateX(5px) rotate(-45deg);
-ms-transform: translateX(5px) rotate(-45deg);
-o-transform: translateX(5px) rotate(-45deg);
transform: translateX(5px) rotate(-45deg);
}
.cd-dropdown-trigger.dropdown-is-active::after {
/* transform the arrow into a 'X' */
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
}
.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a {
}
@media only screen and (min-width: 769px) {
.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a {
}
}
@media only screen and (min-width: 769px) {
.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a {
}
}
.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a,
.cd-dropdown-content .cd-divider {
}
.cd-dropdown {
position: fixed;
z-index: 9;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ffffff;
color: #333;
visibility: hidden;
/* Force Hardware Acceleration */
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s;
-moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s;
transition: transform 0.5s 0s, visibility 0s 0.5s;
}
.cd-dropdown h2 {
/* dropdown title - mobile version only */
position: relative;
z-index: 1;
}
.cd-dropdown .cd-close {
/* 'X' close icon - mobile version only */
position: absolute;
z-index: 1;
right: 0;
top: 0;
height: 50px;
width: 50px;
/* image replacement */
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
color: transparent;
}
.cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before {
/* this is the 'X' icon */
content: '';
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
height: 20px;
width: 2px;
background-color: #333;
}
.cd-dropdown .cd-close::after {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.cd-dropdown .cd-close::before {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
-o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.cd-dropdown.dropdown-is-active {
visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0s;
-moz-transition: -moz-transform 0.5s 0s, visibility 0s 0s;
transition: transform 0.5s 0s, visibility 0s 0s;
}
@media only screen and (min-width: 769px) {
.cd-dropdown .cd-close {
top: 5px;
}
}
@media only screen and (min-width: 769px) {
.cd-dropdown {
position: absolute;
top: calc(100% - 2px);
/* reset style*/
height: auto;
width: auto;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
background-color: #ffffff;
color: #111433;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
opacity: 0;
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px);
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}
.open-to-left .cd-dropdown {
/* use the .open-to-left class if you want to open the dropdown on the left */
right: 0;
left: auto;
}
.cd-dropdown h2, .cd-dropdown .cd-close {
/* on desktop - hide title and 'X' */
display: none;
}
.cd-dropdown.dropdown-is-active {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity 0.3s 0s, visibility 0.3s 0s, -webkit-transform 0.3s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0.3s 0s, -moz-transform 0.3s 0s;
transition: opacity 0.3s 0s, visibility 0.3s 0s, transform 0.3s 0s;
}
}
.cd-dropdown-content, .cd-dropdown-content ul {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
padding-top: 50px;
}
.cd-dropdown-content a, .cd-dropdown-content ul a {
display: block;
/* truncate text with ellipsis if too long */
overflow: hidden;
}
.cd-dropdown-content li:first-of-type > p, .cd-dropdown-content ul li:first-of-type > p {
border-top-width: 0;
}
.cd-dropdown-content li:last-of-type > a, .cd-dropdown-content ul li:last-of-type > a {
border-bottom-width: 1px;
}
.cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider {
}
.cd-dropdown-content .cd-divider + li > p, .cd-dropdown-content ul .cd-divider + li > p {
border-top-width: 0;
}
.cd-dropdown-content p, .cd-dropdown-content .cd-search, .cd-dropdown-content .cd-divider, .cd-dropdown-content ul a, .cd-dropdown-content ul .cd-search, .cd-dropdown-content ul .cd-divider {
/* Force Hardware Acceleration */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.cd-dropdown-content.is-hidden, .cd-dropdown-content ul.is-hidden {
/* push the secondary dropdown items to the right */
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.cd-dropdown-content.is-hidden > li > p, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > p, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > p, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > p, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
/* lower down the dropdown items opacity - when secondary dropdown slides in or for dropdown items hidden on the right */
opacity: 0;
}
.cd-dropdown-content.move-out > li > p, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.move-out > li > p, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
/* push the dropdown items to the left when secondary dropdown slides in */
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.dropdown-is-active .cd-dropdown-content, .dropdown-is-active .cd-dropdown-content ul {
-webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 769px) {
.cd-dropdown-content, .cd-dropdown-content ul {
padding-top: 60px;
}
.cd-dropdown-content a, .cd-dropdown-content ul a {
}
}
@media only screen and (min-width: 769px) {
.cd-dropdown-content, .cd-dropdown-content ul {
padding-top: 0;
overflow: visible;
}
.cd-dropdown-content a, .cd-dropdown-content ul a {
}
.cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider {
background-color: transparent;
color: #b3b3b3;
border-top: 1px solid #ebebeb;
}
.cd-dropdown-content .cd-divider + li > p, .cd-dropdown-content ul .cd-divider + li > p {
border-top-width: 1px;
}
.cd-dropdown-content.is-hidden > li > p, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > p, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > p, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > p, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
/* reset mobile style */
opacity: 1;
}
}
.cd-dropdown-content .see-all a {
/* different style for the See all links */
color: #3f8654;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
/* items with picture (or icon) and title */
height: 80px;
line-height: 80px;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item h3, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
/* truncate text with ellipsis if too long */
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {
padding-left: 90px;
}
.cd-dropdown-content .cd-dropdown-gallery img {
position: absolute;
display: block;
height: 40px;
width: auto;
left: 20px;
top: 50%;
margin-top: -20px;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
padding-left: 75px;
position: relative;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
color: #111433;
/* hide description on small devices */
display: none;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {
/* item icon */
content: '';
display: block;
position: absolute;
left: 20px;
top: 50%;
margin-top: -20px;
width: 40px;
height: 40px;
background-repeat: no-repeat;
background-position: center center;
background-size: 40px 40px;
}
@media only screen and (min-width: 769px) {
.cd-dropdown-content {
/* reset mobile style */
position: static;
height: auto;
width: 280px;
display: none;
}
.cd-dropdown.dropdown-is-active .cd-dropdown-content {
display: block;
}
.cd-dropdown-content > li:last-of-type a {
border-bottom: none;
}
.no-touch .cd-dropdown-content > li:not(.has-children) a:hover {
}
.cd-dropdown-content.move-out > li > p, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider {
/* reset mobile style */
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.cd-dropdown-content .cd-secondary-dropdown, .cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
left: 100%;
height: auto;
background-color: #ffffff;
box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);
}
.cd-dropdown-content .cd-secondary-dropdown::after, .cd-dropdown-content .cd-dropdown-gallery::after, .cd-dropdown-content .cd-dropdown-icons::after {
clear: both;
content: "";
display: table;
}
.open-to-left .cd-dropdown-content .cd-secondary-dropdown, .open-to-left .cd-dropdown-content .cd-dropdown-gallery, .open-to-left .cd-dropdown-content .cd-dropdown-icons {
/* use the .open-to-left class if you want to open the dropdown on the left */
left: auto;
right: 100%;
}
.cd-dropdown-content .cd-secondary-dropdown.is-hidden, .cd-dropdown-content .cd-dropdown-gallery.is-hidden, .cd-dropdown-content .cd-dropdown-icons.is-hidden {
/* reset mobile style */
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cd-dropdown-content .cd-secondary-dropdown.fade-in, .cd-dropdown-content .cd-dropdown-gallery.fade-in, .cd-dropdown-content .cd-dropdown-icons.fade-in {
/* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */
-webkit-animation: cd-fade-in 0.2s;
-moz-animation: cd-fade-in 0.2s;
animation: cd-fade-in 0.2s;
}
.cd-dropdown-content .cd-secondary-dropdown.fade-out, .cd-dropdown-content .cd-dropdown-gallery.fade-out, .cd-dropdown-content .cd-dropdown-icons.fade-out {
/* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */
-webkit-animation: cd-fade-out 0.2s;
-moz-animation: cd-fade-out 0.2s;
animation: cd-fade-out 0.2s;
}
.cd-dropdown-content .cd-secondary-dropdown > .go-back, .cd-dropdown-content .cd-dropdown-gallery > .go-back, .cd-dropdown-content .cd-dropdown-icons > .go-back {
display: none;
}
.cd-dropdown-content .cd-secondary-dropdown > .see-all, .cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all {
position: absolute;
bottom: 20px;
height: 45px;
text-align: center;
}
.cd-dropdown-content .cd-secondary-dropdown > .see-all a, .cd-dropdown-content .cd-dropdown-gallery > .see-all a, .cd-dropdown-content .cd-dropdown-icons > .see-all a {
margin: 0;
height: 100%;
line-height: 45px;
background: #ebebeb;
pointer-events: auto;
-webkit-transition: color 0.2s, background-color 0.2s;
-moz-transition: color 0.2s, background-color 0.2s;
transition: color 0.2s, background-color 0.2s;
}
.no-touch .cd-dropdown-content .cd-secondary-dropdown > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-gallery > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-icons > .see-all a:hover {
}
.cd-dropdown-content .cd-secondary-dropdown .cd-dropdown-item, .cd-dropdown-content .cd-secondary-dropdown a, .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-gallery a, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons a {
border: none;
}
.cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons {
padding: 20px 30px 100px;
}
.cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all {
width: calc(100% - 60px);
}
.cd-dropdown-content .cd-dropdown-icons > li, .cd-dropdown-content .cd-secondary-dropdown > li {
width: 100%;
}
.cd-dropdown-content .cd-secondary-dropdown {
overflow: hidden;
}
.cd-dropdown-content .cd-secondary-dropdown::before {
/* this is the separation line in the middle of the .cd-secondary-dropdown element */
position: absolute;
content: '';
top: 290px;
left: 15px;
height: 1px;
width: 520px;
background-color: #ebebeb;
display: none;
}
.cd-dropdown-content .cd-secondary-dropdown > li > p {
pointer-events: none;
}
.cd-dropdown-content .cd-secondary-dropdown > li > p::after, .cd-dropdown-content .cd-secondary-dropdown > li > p::before {
/* hide the arrow */
display: none;
}
.cd-dropdown-content .cd-secondary-dropdown.move-out > li > p {
/* reset mobile style */
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cd-dropdown-content .cd-secondary-dropdown > li {
}
.cd-dropdown-content .cd-secondary-dropdown > li:nth-of-type(2n) {
border-right-width: 0;
}
.cd-dropdown-content .cd-secondary-dropdown > li > ul {
/* reset mobile style */
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
position: relative;
height: auto;
}
.cd-dropdown-content .cd-secondary-dropdown > li > ul > .go-back {
display: none;
}
.cd-dropdown-content .cd-secondary-dropdown a {
/*padding-left: 0;*/
}
.no-touch .cd-dropdown-content .cd-secondary-dropdown a:hover {
}
.cd-dropdown-content .cd-secondary-dropdown ul {
overflow: hidden;
height: auto;
}
.cd-dropdown-content .cd-secondary-dropdown .go-back a {
padding-left: 20px;
color: transparent;
}
.no-touch .cd-dropdown-content .cd-secondary-dropdown .go-back a:hover {
color: transparent;
}
.cd-dropdown-content .cd-secondary-dropdown .go-back a::before, .cd-dropdown-content .cd-secondary-dropdown .go-back a::after {
left: 0;
}
.cd-dropdown-content .cd-secondary-dropdown .see-all {
}
.cd-dropdown-content .cd-dropdown-gallery {
width: 600px;
padding-bottom: 100px;
}
.cd-dropdown-content .cd-dropdown-gallery > li {
width: 48%;
float: left;
margin-right: 4%;
}
.cd-dropdown-content .cd-dropdown-gallery > li:nth-of-type(2n) {
margin-right: 0;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {
padding: 0;
height: auto;
line-height: normal;
color: #3f8654;
margin-bottom: 2em;
}
.cd-dropdown-content .cd-dropdown-gallery > li:nth-last-of-type(2) a,
.cd-dropdown-content .cd-dropdown-gallery > li:last-of-type a {
margin-bottom: 0;
}
.cd-dropdown-content .cd-dropdown-gallery img {
position: static;
height: auto;
width: 100%;
margin: 0 0 0.6em;
}
.cd-dropdown-content .cd-dropdown-icons {
width: 600px;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
height: 80px;
line-height: 1.2;
padding: 24px 0 0 85px;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item:hover {
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
color: #3f8654;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
display: block;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {
left: 25px;
}
.cd-dropdown-content > .has-children > ul {
visibility: hidden;
min-height: 100%;
display: none;
}
.cd-dropdown-content > .has-children > ul.is-active {
/* when hover over .cd-dropdown-content items - show subnavigation */
visibility: visible;
display: block;
}
.cd-dropdown-content > .has-children > .cd-secondary-dropdown.is-active > li > ul {
/* if .cd-secondary-dropdown is visible - show also subnavigation */
visibility: visible;
}
.cd-dropdown-content > .has-children > p.is-active {
}
.cd-dropdown-content > .has-children > p.is-active::before, .cd-dropdown-content > .has-children > p.is-active::after {
background: #3f8654;
}
.open-to-left .cd-dropdown-content > .has-children > p.is-active {
box-shadow: inset -2px 0 0 #3f8654;
}
}
@-webkit-keyframes cd-fade-in {
0% {
opacity: 0;
visibility: visible;
}
100% {
opacity: 1;
visibility: visible;
}
}
@-moz-keyframes cd-fade-in {
0% {
opacity: 0;
visibility: visible;
}
100% {
opacity: 1;
visibility: visible;
}
}
@keyframes cd-fade-in {
0% {
opacity: 0;
visibility: visible;
}
100% {
opacity: 1;
visibility: visible;
}
}
@-webkit-keyframes cd-fade-out {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: visible;
}
}
@-moz-keyframes cd-fade-out {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: visible;
}
}
@keyframes cd-fade-out {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: visible;
}
}
.cd-search input[type="search"] {
width: 100%;
height: 50px;
padding: 0 20px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background-color: #242643;
color: #ffffff;
border: none;
border-radius: 0;
}
.cd-search input[type="search"]::-webkit-input-placeholder {
color: #ffffff;
}
.cd-search input[type="search"]::-moz-placeholder {
color: #ffffff;
}
.cd-search input[type="search"]:-moz-placeholder {
color: #ffffff;
}
.cd-search input[type="search"]:-ms-input-placeholder {
color: #ffffff;
}
.cd-search input[type="search"]:focus {
background: #ffffff;
color: #111433;
outline: none;
}
.cd-search input[type="search"]:focus::-webkit-input-placeholder {
color: rgba(17, 20, 51, 0.4);
}
.cd-search input[type="search"]:focus::-moz-placeholder {
color: rgba(17, 20, 51, 0.4);
}
.cd-search input[type="search"]:focus:-moz-placeholder {
color: rgba(17, 20, 51, 0.4);
}
.cd-search input[type="search"]:focus:-ms-input-placeholder {
color: rgba(17, 20, 51, 0.4);
}
@media only screen and (min-width: 769px) {
.cd-search input[type="search"] {
background-color: #ebebeb;
}
.cd-search input[type="search"]::-webkit-input-placeholder {
color: #b3b3b3;
}
.cd-search input[type="search"]::-moz-placeholder {
color: #b3b3b3;
}
.cd-search input[type="search"]:-moz-placeholder {
color: #b3b3b3;
}
.cd-search input[type="search"]:-ms-input-placeholder {
color: #b3b3b3;
}
}
.has-children > p, .go-back a {
position: relative;
}
.has-children > p::before, .has-children > p::after, .go-back a::before, .go-back a::after {
}
.has-children > p::before, .go-back a::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.has-children > p::after, .go-back a::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media only screen and (min-width: 769px) {
.has-children > p::before, .has-children > p::after, .go-back a::before, .go-back a::after {
background: #b3b3b3;
}
}
.has-children > p {
margin:0;
}
.has-children > p::before, .has-children > p::after {
/* arrow goes on the right side - children navigation */
right: 20px;
-webkit-transform-origin: 9px 50%;
-moz-transform-origin: 9px 50%;
-ms-transform-origin: 9px 50%;
-o-transform-origin: 9px 50%;
transform-origin: 9px 50%;
}
@media only screen and (min-width: 769px) {
.open-to-left .cd-dropdown-content > .has-children > p {
padding-left: 40px;
padding-right: 20px;
}
.open-to-left .cd-dropdown-content > .has-children > p::before, .open-to-left .cd-dropdown-content > .has-children > p::after {
right: auto;
left: 20px;
-webkit-transform-origin: 1px 50%;
-moz-transform-origin: 1px 50%;
-ms-transform-origin: 1px 50%;
-o-transform-origin: 1px 50%;
transform-origin: 1px 50%;
}
}
.cd-dropdown-content .go-back a {
padding-left: 40px;
}
.cd-dropdown-content .go-back a::before, .cd-dropdown-content .go-back a::after {
/* arrow goes on the left side - go back button */
left: 20px;
-webkit-transform-origin: 1px 50%;
-moz-transform-origin: 1px 50%;
-ms-transform-origin: 1px 50%;
-o-transform-origin: 1px 50%;
transform-origin: 1px 50%;
}
.cd-main-content {
background-color: #e6e6e6;
min-height: calc(100vh - 100px);
padding: 2em 5%;
line-height: 2;
}
.no-js .cd-dropdown-wrapper:hover .cd-dropdown {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.no-js .cd-dropdown-wrapper .cd-close {
display: none;
}
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}
*,
*:after,
*:before {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-text-size-adjust: none;
}
a[href^="tel:"] {
color: inherit;
text-decoration: inherit;
}
html.loading * {
cursor: wait;
}
html {
font-family: var(--font1);
color: var(--font-color);
font-size: var(--font-size);
line-height: var(--line-height);
}
body {
min-width: 300px;
max-width: 100%;
overflow-x: hidden;
outline: none;
}
a {
color: var(--primary)
}
b,
strong {
font-weight: var(--bold1);
}
/* overlays */
.overlay {
position: fixed;
width: 100%;
height: 100%;
opacity: 0;
z-index: 6;
left: 0;
top: 0;
}
.overlay .cart-overlay {}
.overlay .login-overlay {}
/* capas de reemplazo para cookies */
div[data-tpc="rpl"] {
background: #f5f5f5;
padding: 30px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex: 1;
font-size: 120%;
color: #333;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
div[data-tpc="rpl"] span {
display: block;
padding: 16px;
border: 2px dashed #ccc;
}
.fbBox.dvBanner div[data-tpc="rpl"] {
display: none;
}
/*menu horizontal resultados (RES_FILTRO_subCatsMode) & menu*/
:root {}
nav.menu-horizontal {
visibility: hidden;
z-index: 3;
width: 100%;
display: flex;
justify-content: center;
align-items: flex-start;
line-height: var(--menu-height);
background: var(--menu-bg);
position: relative;
}
.kh {
display: flex;
white-space: nowrap;
overflow-x: auto;
max-width: 100%;
z-index: 3;
scrollbar-width: none;
}
.kh,
.khsub ul,
.kh li,
.kbsub li {
list-style: none;
}
.khsub ul ul {
padding: 0 0 0 8px;
}
.kh::-webkit-scrollbar {
display: none;
}
.kh> li {
margin: 0 8px;
padding: 0 8px;
}
.kh> li.ellipsis> p {
display: flex;
align-items: center;
}
.kh> li.ellipsis> p> a {
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
overflow: hidden;
}
.kh> li.opened {
background: rgba(0, 0, 0, 0.05);
}
.kh> li a {
color: inherit;
font-size: 16px;
text-decoration: none;
}
.kh ul,
.khsub ul {
display: none;
background: #fff;
padding: 16px;
white-space: nowrap;
}
.khsub {
z-index: 10;
position: absolute;
left: 0;
min-width: 100px;
display: none;
}
.khsub.visible {
display: block;
}
.khsub> ul {
box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
border-radius: 0 4px 4px 4px;
}
.khsub li {
line-height: var(--menu-height);
border-top: 1px solid #eee;
overflow: hidden;
}
.khsub li:first-child {
border: 0;
}
.khsub li p {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0;
}
.khsub> ul p a {
color: inherit;
text-decoration: none;
display: block;
width: 100%;
}
.khsub> ul p a:hover {
text-decoration: underline;
}
.kh .openclose,
.khsub .openclose {
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
line-height: 100%;
text-align: center;
cursor: pointer;
background: rgba(0, 0, 0, 0.05);
border-radius: var(--radius1);
margin-left: 6px;
}
.khsub> ul li.has-children.opened ul {
margin: 0 0 12px;
background: rgba(0, 0, 0, 0.05);
}
.openclose:before {
content: "\f0d7";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
}
.opened> p .openclose:before {
content: "\f0d8"
}
.khsub .visible {
display: block;
}
.menu-horizontal .arrow {
color: currentColor;
cursor: pointer;
padding: 0 16px;
line-height: var(--menu-height);
opacity: 1;
z-index: 4;
transition: all 300ms ease;
position: absolute;
top: 0;
bottom: 0;
font-size: 20px;
}
.menu-horizontal .arrow.arrow-left {
background: linear-gradient(to right, var(--menu-bg), var(--menu-bg), var(--menu-bg), rgba(255, 255, 255, 0));
left: 0;
padding-right: 40px;
}
.menu-horizontal .arrow.arrow-right {
background: linear-gradient(to left, var(--menu-bg), var(--menu-bg), var(--menu-bg), rgba(255, 255, 255, 0));
right: 0;
padding-left: 40px;
}
.menu-horizontal .arrow i {}
.menu-horizontal .arrow.arrow-left.scroll-0,
.menu-horizontal .arrow.arrow-right.scroll-100 {
opacity: 0;
z-index: -1;
}
.kh li.campExpress a:after {
content: "\f2f2";
font-weight: 400;
font-family: "Font Awesome 6 Pro";
display: inline-block;
color: #333;
font-size: 120%;
flex-shrink: 0;
transform: scale(1.4) rotate(-20deg);
opacity: .6;
margin-left: 8px;
}
/*#########################
###### M O D A L E S ######
###########################*/
#msjSuperior {
padding: 8px;
background-color: #333;
color: #fff;
}
#msjSuperior .msjSuperiorCont {
margin: 0 auto;
max-width: var(--max-width);
display: flex;
align-items: center;
justify-content: center;
}
#msjSuperior .msjSuperiorCont a {
display: block;
width: 100%;
color: inherit;
text-decoration: none;
text-align: center;
line-height: 120%;
margin-left: 40px;
}
#msjSuperior .msjSuperiorCont p {
margin: 0;
}
#msjSuperior .msjSuperiorCont i {
flex-shrink: 0;
cursor: pointer;
display: flex;
width: 40px;
height: 40px;
align-items: center;
justify-content: center;
}
.SimpleModal {
display: none;
justify-content: center;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 10;
margin: 0 auto;
align-items: center;
padding: 8px;
}
.SimpleModal .bg {
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: black;
opacity: .8;
}
.SimpleModal .wrap {
max-height: 92vh;
max-width: 1024px;
padding: 20px;
background: white;
text-align: center;
border-radius: var(--radius1);
box-shadow: 0 0 30px rgba(0, 0, 0, .5);
overflow-y: auto;
}
.SimpleModal .wrap.half {
max-width: 512px;
}
.SimpleModal .wrap img {
max-width: 100%;
}
.SimpleModal.dialog-modal .dialog {
display: flex;
align-items: center;
justify-content: center;
margin: 16px 0;
}
.SimpleModal.dialog-modal .icon {
font-size: 28px;
margin-right: 8px;
}
.SimpleModal.dialog-modal .icon-alert {
color: orange;
}
.SimpleModal.dialog-modal .icon-confirm {
color: gray;
}
.SimpleModal.dialog-modal .icon-info {
color: #2185d0;
}
.SimpleModal.dialog-modal .icon-error {
color: #d01919;
}
.SimpleModal.dialog-modal .icon-loading {
color: #ccc;
}
.SimpleModal.dialog-modal .dialog .text {
align-self: center;
}
.SimpleModal .btncnt {
margin-top: 12px;
display: flex;
justify-content: space-around;
flex-wrap: nowrap;
}
.SimpleModal .btncnt .btn {
margin: 0 8px;
padding: 8px 16px;
border-radius: 4px;
text-decoration: none;
cursor: pointer;
}
.SimpleModal .btncnt .btn.btnAceptar {
background-color: #333;
color: white;
}
.SimpleModal .btncnt .btn.btnVolver {
background-color: #f5f5f5;
color: #333;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 7px 15px;
}
.SimpleModal .btncnt .btn.btnVolver:before {
content: "\f104";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-right: 8px;
font-size: 10px;
}
.SimpleModal .content> .title {
font-size: 24px;
line-height: 28px;
font-weight: var(--bold1);
margin: 0 0 12px;
}
.SimpleModal .title {
font-size: 18px;
margin: 0 0 8px;
}
.SimpleModal .login-register {}
.SimpleModal .login-register input[type="email"],
.SimpleModal .login-register input[type="password"] {
border: 0;
background: #fff;
border: 2px solid #eee;
border-radius: var(--radius1);
margin: 0 0 8px;
padding: 8px 8px;
width: 100%;
}
.SimpleModal.LoginRegister-modal .wrap {
width: 100%;
max-width: 420px;
position: relative;
padding: 48px 20px 20px;
}
.SimpleModal.LoginRegister-modal .btncnt {
position: absolute;
top: -16px;
right: 0;
}
.SimpleModal.LoginRegister-modal .btncnt .btn.btnVolver {
border-radius: 0 0 4px 4px;
}
.SimpleModal.LoginRegister-modal .btncnt .btn.btnVolver:before {
display: none;
}
.SimpleModal .login-register input[type="button"],
.SimpleModal .login-register input[type="submit"],
.SimpleModal .anon button,
.SimpleModal .login-register #lnkBtnReg {
background-color: #333;
color: #fff;
/* margin-bottom: 8px; */
border: 0;
padding: 6px 20px;
border-radius: var(--radius1);
font-size: 14px;
line-height: 18px;
border: 2px solid #333;
text-decoration: none;
display: inline-block;
width: 100%;
max-width: 160px;
font-weight: bold;
margin: 0;
}
.SimpleModal .login-register #lnkBtnReg {}
.SimpleModal .login-register a {
color: inherit;
font-size: 14px;
line-height: 16px;
margin-bottom: 8px;
display: inline-block;
}
.SimpleModal .login-register .spnLogError {
display: none;
color: #d01919;
}
.SimpleModal .login-register .usuario-registrado {
padding: 12px;
background: #fff;
margin: 0;
border-radius: 8px 8px 0 0;
border: 4px solid #e0e0e0;
}
.SimpleModal .login-register .usuario-no-registrado {
padding: 12px;
background: #e0e0e0;
margin: 0 0 12px;
border-radius: 0 0 8px 8px;
}
.SimpleModal .login-register .usuario-no-registrado> p:not(.title) {
margin: 0 0 12px;
font-size: 14px;
line-height: 16px;
}
.SimpleModal .anon {
padding: 12px;
margin: 0;
border-radius: 8px;
background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0) 100%);
background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0) 100%);
background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#00eeeeee', GradientType=0);
}
.SimpleModal .anon p:not(.title) {
margin: 0 0 12px;
font-size: 14px;
line-height: 16px;
}
/*CUPONES*/
.SimpleModal.modal-mcd {}
.SimpleModal.modal-mcd .wrap {
position: relative;
padding: 32px 20px 20px;
max-width: 800px;
background: transparent;
box-shadow: none;
}
.SimpleModal.modal-mcd .wrap .content {}
.SimpleModal.modal-mcd .icon-info {
margin-right: 0;
margin-bottom: 20px;
font-size: 40px;
display: none;
}
.SimpleModal.modal-mcd .btncnt {
position: absolute;
top: -12px;
right: 0;
}
.SimpleModal.modal-mcd .btncnt .btn {
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
border: 2px solid;
width: 32px;
height: 32px;
border-radius: 20px;
text-transform: uppercase;
font-size: 12px;
/* line-height: 100%; */
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.SimpleModal.modal-mcd .btncnt .btn span {
display: none;
}
.SimpleModal.modal-mcd .btncnt .btn:after {
content: "\f00d";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
font-size: 16px;
}
.SimpleModal.modal-mcd .dvBanner {
background: transparent;
padding: 0;
}
.SimpleModal.modal-mcd .cuponInfoCont {
padding: 0;
display: flex;
}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText {
background: #fff;
display: flex;
align-items: center;
width: 50%;
/* flex: 1; */
padding: 20px;
flex-direction: column;
justify-content: center;
}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText:first-child {
width: 100%;
min-height: 200px;
padding: 20px;
}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .nombre {
font-size: 24px;
line-height: 32px;
font-weight: var(--bold1);
text-transform: uppercase;
}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .nombre a {
text-decoration: none;
color: inherit;
}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .codigo {
padding: 4px 8px;
border: 1px dashed rgba(0, 0, 0, 0.5);
margin-top: 8px;
display: inline-block;
border-radius: 8px;
}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText p:not(.nombre) {
max-height: 80px;
overflow: hidden;
}
.SimpleModal.modal-mcd .cuponInfoCont .img {
width: 50%;
flex: 1;
background: #fff;
}
.SimpleModal.modal-mcd .cuponInfoCont img {
display: block;
}
.SimpleModal.modal-mcd .title {
margin-bottom: 20px;
font-size: 28px;
line-height: 140%;
font-weight: var(--bold1);
color: #fff;
}
.SimpleModal.modal-mcd .dialog {
flex-direction: column;
}
.SimpleModal.modal-mcd .dialog .text {
width: 100%
}
.SimpleModal.modal-mcd .slideCuponesCont {
max-width: 100%;
position: relative;
}
.SimpleModal.modal-mcd .slideCuponesCont .swiper-slide {
width: 100% !important;
background: transparent;
}
/*.SimpleModal.modal-mcd .slideCuponesCont .swiper-container {position: static;}*/
.SimpleModal.modal-mcd .slideCuponesCont .btnInfo {
display: none;
}
.SimpleModal.modal-mcd .btnPromo {
margin-top: 16px;
}
.SimpleModal.modal-mcd .btnPromo a {
display: inline-flex;
/* background-color: #007aff; */
color: #fff;
padding: 7px 15px;
border-radius: 4px;
text-decoration: none;
border: 2px solid;
background-color: rgba(0, 0, 0, 0.5);
text-transform: uppercase;
font-weight: var(--bold1);
align-items: center;
}
.SimpleModal.modal-mcd .btnPromo a:after {
content: "\f105";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-left: 8px;
font-size: 16px;
}
.SimpleModal.modal-mcd .swiper-container {
padding-bottom: 0;
}
.SimpleModal.modal-mcd .swiper-wrapper {
align-items: center;
}
.SimpleModal.modal-mcd .swiper-button-prev {
left: -8px;
}
.SimpleModal.modal-mcd .swiper-button-next {
right: -8px;
}
.SimpleModal.modal-mcd .swiper-button-prev,
.SimpleModal.modal-mcd .swiper-button-next {
transform: translateY(-50%);
color: #fff;
font-size: 30px;
width: 40px;
margin: 0;
background: none;
display: none;
}
.SimpleModal.modal-mcd .swiper-container-horizontal> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
/* background: rgba(0,0,0,0.5); */
border-radius: 12px;
bottom: 4px;
right: initial;
height: 20px;
left: 50%;
margin: 0 auto;
line-height: 100%;
}
.SimpleModal.modal-mcd .swiper-container-horizontal .swiper-pagination-bullet {
background: #666;
opacity: 1;
vertical-align: bottom;
}
.SimpleModal.modal-mcd .swiper-container-horizontal .swiper-pagination-bullet-active {
background: #111;
opacity: 1;
}
.swiper-container-horizontal .swiper-pagination-bullet {
vertical-align: bottom;
}
.socialShare {
display: flex;
align-items: center;
margin: 0 0 12px;
padding: 4px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
justify-content: flex-end;
flex-flow: row wrap;
}
.socialShare> div> div {
margin: 2px 4px;
}
.socialShare> span {
margin-right: 4px;
text-transform: uppercase;
font-size: 12px;
font-weight: var(--bold1);
color: #666;
}
.socialShare> div {
display: flex;
align-items: center
}
.socialShare> div> div> a,
.socialShare> div> div> span {
display: flex;
align-items: center;
color: #fff;
font: normal 18px/20px Arial;
text-decoration: none;
padding: 0;
height: 20px;
border-radius: 3px;
opacity: .75;
cursor: pointer;
}
.socialShare> div> div> a:before {
font-family: "Font Awesome 5 Brands";
}
.socialShare> div> div> span:before {
font-family: "Font Awesome 6 Pro";
font-weight: 900;
}
.socialShare> div> div> a:hover,
.socialShare> div> div> span:hover {
opacity: 1;
}
.socialShare .sstw {}
.socialShare .sstw a {
color: #0F1419;
}
.socialShare .sstw a:before {
content: "\e61b";
}
.socialShare .ssfb {}
.socialShare .ssfb a {
color: #3b5998;
}
.socialShare .ssfb a:before {
content: "\f09a";
}
.socialShare .sswa span {}
.socialShare .sswa a {
color: #25d366;
}
.socialShare .sswa a:before {
content: "\f232";
}
.socialShare .sspi span {
display: block;
}
.socialShare .sspi a {
color: #bd081c;
}
.socialShare .sspi a:before {
content: "\f0d2";
}
.socialShare .ssgp span {
display: block;
}
.socialShare .ssgp a {
color: #dd4b39;
}
.socialShare .ssgp a:before {
content: "\f2b3";
}
.socialShare .ssco span {
color: #333;
position: relative;
}
.socialShare .ssco span:before {
content: "\f328";
}
.socialShare .ssco.copied span {
opacity: 1;
}
.socialShare .ssco.copied span:before {
content: "\f46c";
color: #3c763d;
}
.socialShare .ssco.copied span:after {
content: "copiado";
position: absolute;
top: 100%;
right: -8px;
background: #DFF0D8;
color: #3c763d;
padding: 4px 8px;
margin-top: 4px;
margin-top: 2px;
border-radius: var(--radius1);
font: normal 10px/12px Arial;
}
.socialShare .ssco.not-copied span:before {
color: #a94442;
}
.socialShare .ssco.not-copied span:after {
content: "no copiado";
position: absolute;
top: 50%;
left: 100%;
transform: translateX(-100%);
background: #F2DEDE;
color: #a94442;
padding: 4px 8px;
margin-right: 4px;
border-radius: var(--radius1);
font: normal 10px/12px Arial;
}
/*#########################
##### M E N S A J E S #####
###########################*/
.msgBox {
font-size: 90%;
line-height: 140%;
margin: 4px 0;
opacity: .8;
padding: 12px 20px;
background: #fff9c4;
border: 1px solid #e2dca7;
border-radius: 4px;
display: inline-flex;
align-items: flex-start;
text-align: left;
}
.msgBox:before {
content: "\f05a";
font-family: "Font Awesome 6 Pro";
font-weight: 900;
margin: 0 8px 0 0;
font-size: 18px;
line-height: 120%;
}
#spnAprtEnvFactCampOblig {
text-align: right;
font-size: 12px;
color: #999;
display: block;
line-height: 16px;
}
.field-validation-error {
font-size: 90%;
line-height: 140%;
margin: 8px 0 0;
opacity: .8;
padding: 8px 12px;
background: #fff6f6;
border: 1px solid #e0b4b4;
border-radius: 4px;
display: inline-flex;
align-items: flex-start;
text-align: left;
margin: 8px 0;
color: #912d2b;
}
.field-validation-error:before {
content: "\f05a";
font-family: "Font Awesome 6 Pro";
font-weight: 900;
margin: 0 8px 0 0;
font-size: 18px;
line-height: 120%;
}
.msgBoxTip {
font-size: 90%;
line-height: 140%;
margin: 4px 0;
opacity: .8;
padding: 12px 20px;
background: #e8f5e9;
border: 1px solid #c8e6c9;
border-radius: 4px;
display: inline-flex;
align-items: flex-start;
text-align: left;
}
.msgBoxTip:before {
content: "\f0c0";
font-family: "Font Awesome 6 Pro";
font-weight: 900;
margin: 0 12px 0 0;
font-size: 30px;
line-height: 120%;
align-self: center;
}
/********
GoToTop
*********/
#goToTop {
display: none;
position: fixed;
bottom: 8px;
right: 8px;
z-index: 9;
width: 40px;
height: 40px;
cursor: pointer;
background: rgba(0, 0, 0, 0.4);
justify-content: center;
align-items: center;
color: white;
border-radius: var(--radius1);
color: rgba(255, 255, 255, 0.8);
}
#goToTop:after {
content: "\f106";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
font-size: 28px;
}
input[type="text"],
input[type="password"] {
border: 0;
background: #eee;
border-radius: 4px;
margin: 0 0 8px;
padding: 8px 8px;
width: 100%;
}
input[type="button"] {
background: #333;
color: #fff;
border: 0;
padding: 8px 8px;
text-decoration: none;
display: flex;
align-items: center;
text-transform: uppercase;
font-weight: var(--bold1);
justify-content: center;
width: 100%;
border-radius: 4px;
}
input[type="button"].sending-form {
opacity: .5;
cursor: wait;
}
/**********
COMUNES
**********/
/* TEXTOS */
.title1 {
font-size: var(--font-xl);
color: var(--primary);
line-height: 1.25em;
margin: 0 0 20px;
}
.title2 {
font-size: var(--font-l);
line-height: 1.25em;
margin: 0 0 16px;
}
.title3 {
font-size: var(--font-s);
line-height: 1.25em;
margin: 0 0 12px;
}
.oculto {
display: none;
}
.select {
position: relative;
}
.select select {
display: inline-block;
width: 100%;
padding: 8px 32px 8px 12px;
cursor: pointer;
border-radius: 4px;
outline: 0;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.2);
line-height: 18px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
max-width: 100%;
}
.select:after {
position: absolute;
right: 24px;
width: 0;
pointer-events: none;
top: 50%;
transform: translateY(-50%);
content: "\f0dc";
font-weight: var(--bold1);
font-family: "Font Awesome 6 Pro";
}
#dvVolverGuardar {
display: flex;
justify-content: space-between;
width: 100%;
}
.btnIzq {
display: inline-flex;
align-items: center;
text-decoration: none;
background: rgba(0, 0, 0, 0.05);
color: #333;
padding: 12px 16px;
border-radius: var(--radius1);
text-transform: uppercase;
font-weight: var(--bold1);
margin-right: 4px;
text-align: center;
}
.btnDer {
display: inline-flex;
align-items: center;
text-decoration: none;
background: var(--secondary);
color: #fff;
padding: 12px 16px;
border-radius: var(--radius1);
text-transform: uppercase;
font-weight: var(--bold1);
cursor: pointer;
border: 0;
margin-left: 4px;
text-align: center;
align-self: flex-end;
}
.btnDer:after {
content: "\f105";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-left: 8px;
font-size: 16px;
}
.btnIzq:before {
content: "\f104";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-right: 8px;
font-size: 16px;
}
.btnDer#spnAceptar {
display: inline-flex;
align-items: center;
text-decoration: none;
background: #333;
color: #fff;
padding: 8px 16px;
border-radius: var(--radius1);
text-transform: uppercase;
font-weight: var(--bold1);
}
.btnDer#spnAceptar:before {
content: "\f00c";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-right: 8px;
}
.btnDer#lnkDatosCompraSiguiente:after {
content: "\f105";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-left: 8px;
}
.btnDerCont {
display: flex;
flex-direction: column;
}
.btnDerCont .btnDer:not(:first-child) {
margin-top: 12px;
}
.btnDer.disabled {
background: #999;
color: white;
}
/*RECAPTCHA*/
.g-recaptcha {
display: none;
justify-content: flex-end;
margin: 0 0 12px;
}
.ddCamposOblig,
.liObli {
text-align: right;
font-size: 12px;
color: #999;
display: block;
}
/*#########################
####### H E A D E R #######
###########################*/
#google_translate_element {
background: -moz-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 1) 100%);
background: -webkit-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 1) 100%);
background: linear-gradient(to bottom, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00f0f0f0', endColorstr='#f0f0f0', GradientType=0);
}
#google_translate_element> div {
max-width: var(--max-width);
margin: 0 auto;
display: flex;
justify-content: flex-end;
padding: 4px 8px;
}
#google_translate_element .goog-te-gadget-simple {
border: 0;
border-radius: 4px;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.05);
padding: 2px 0px 2px 4px;
}
.iframe {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
}
.iframe> iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*Buscador*/
.searchCont {
width: 100%;
max-width: 300px;
position: relative;
}
#search {
/* width: 100%; */
/* display: block; */
/* position: relative; */
/* transition: opacity 500ms linear; */
/* opacity: 1; */
/* overflow: hidden; */
/* transition: opacity 500ms linear; */
display: none;
}
#search .close {
display: none;
font-size: 24px;
margin-bottom: 16px;
}
#search .close i.far {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
}
header .header .headerCont .hcRight {
display: flex;
justify-content: flex-end;
align-items: center;
flex-shrink: 0;
}
#searchbtn {
display: none;
}
#searchbtn a {
text-decoration: none;
display: flex;
line-height: 32px;
border: 0;
color: currentColor;
overflow: hidden;
align-items: center;
}
#searchbtn a i {
font-size: 20px;
width: 32px;
height: 32px;
text-align: center;
display: inline-flex;
justify-content: center;
align-items: center;
}
.searchCont #search_results {
position: absolute;
z-index: 3;
width: 100%;
background: #fefefe;
color: #333;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
border-radius: 4px;
overflow: auto;
min-width: 300px;
font-size: 15px;
line-height: 130%;
}
.searchCont #search_results ul {
list-style: none;
}
.searchCont #search_results ul li {
/* padding: 8px; */
}
.searchCont #search_results ul li:not(.liTitle):hover {
background-color: rgba(0, 0, 0, 0.05);
}
.searchCont #search_results ul li:not(:last-child) {
border-bottom: 1px solid #eee;
}
.searchCont #search_results ul li.liTitle {
font-weight: var(--bold1);
border-bottom: 1px solid #ccc;
padding: 8px;
background-color: rgba(0, 0, 0, 0.03);
display: flex;
align-items: center;
}
.searchCont #search_results ul li.liTitle:before {
content: "\f105";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-right: 4px;
font-size: 12px;
}
.searchCont #search_results ul li.verTodos {
text-align: center;
background-color: rgba(0, 0, 0, 0.05);
padding: 8px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
width: 100%;
}
.searchCont #search_results ul li.verTodos a {
color: black;
}
.searchCont #search_results ul li p {
display: flex;
flex-direction: row-reverse;
}
.searchCont #search_results ul li p a {
color: inherit;
text-decoration: none;
display: block;
padding: 8px;
}
.searchCont #search_results ul li p .img {
width: 80px;
flex-shrink: 0;
}
.searchCont #search_results ul li p .img img {
display: block;
width: 100%;
border-radius: var(--radius-default);
}
.searchCont #search_results ul li p .nom {
width: 100%;
display: flex;
}
.searchCont #search_results ul li p .nom .nomCont {
display: flex;
max-height: 72px;
overflow: hidden;
line-height: 25px;
align-items: center;
position: relative;
width: 100%;
}
.searchCont #search_results ul li p .nom .nomCont::after {
content: "";
width: 100%;
height: 8px;
position: absolute;
bottom: 0;
left: 0;
background: -moz-linear-gradient(top, rgba(246, 246, 246, 0) 0%, rgba(246, 246, 246, 1) 100%);
background: -webkit-linear-gradient(top, rgba(246, 246, 246, 0) 0%, rgba(246, 246, 246, 1) 100%);
background: linear-gradient(to bottom, rgba(246, 246, 246, 0) 0%, rgba(246, 246, 246, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}
.searchCont #search_results ul li p .nom a {
display: flex;
max-height: 72px;
}
/*MODAL USUARIO*/
#login_box:after {
content: "\f0d8";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
color: var(--primary);
display: block;
position: absolute;
bottom: 100%;
font-size: 24px;
line-height: 10px;
right: 32px;
}
#login_box input[type="text"],
#login_box input[type="email"],
#login_box input[type="password"] {
border: 0;
background: #eee;
border-radius: 4px;
margin: 0 0 8px;
padding: 8px 8px;
width: 100%;
}
#login_box .spnLogError {
display: none;
color: #ff1100;
}
#login_box #lnkBtnReg,
#login_box input[type="submit"],
#login_box #btLoginUsu,
#login_box #btLogout {
border: 0;
padding: 6px 16px;
border-radius: 4px;
font-size: 14px;
line-height: 18px;
border: 1px solid var(--secondary);
text-decoration: none;
display: block;
width: 100%;
font-weight: bold;
}
#login_box .title {
font-size: 18px;
line-height: 22px;
margin: 0 0 12px;
font-weight: var(--bold1);
}
#login_box .desc {
margin: 0 0 8px;
font-size: 14px;
line-height: 18px;
}
#login_box .usuario-registrado {
padding: 12px;
}
#login_box .usuario-registrado a {
color: inherit;
font-size: 14px;
line-height: 16px;
margin-top: 8px;
display: block;
}
#login_box .usuario-registrado input[type="button"],
#login_box .usuario-registrado input[type="submit"],
#login_box .usuario-registrado #btLoginUsu {
background-color: var(--secondary);
color: #fff;
}
#login_box .usuario-registrado input[type="button"]:not(:last-child),
#login_box .usuario-registrado input[type="submit"]:not(:last-child),
#login_box .usuario-registrado #btLoginUsu:not(:last-child) {
margin-bottom: 8px;
}
#login_box .usuario-no-registrado {
padding: 12px;
background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0) 100%);
background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0) 100%);
background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#00eeeeee', GradientType=0);
}
#login_box .usuario-no-registrado #lnkBtnReg,
#login_box .usuario-no-registrado input[type="submit"],
#login_box #btLogout {
color: var(--secondary);
background-color: #fff;
}
/* CARRITO LISTA PRODUCTOS */
#cart .cart-prod-list {
display: none;
}
#cart .cart-prod-list .hCartProd {
position: relative;
display: flex;
padding: 8px 0;
max-width: 100%;
overflow: hidden;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin: 0px;
}
#cart .cart-prod-list .hCartProd .hCartProdInfo {
display: flex;
align-items: center;
width: 100%;
padding: 4px;
overflow: hidden;
color: inherit;
text-decoration: none;
}
#cart .cart-prod-list .hCartProd .hCartProdInfo img {
display: block;
width: 100%;
max-width: 48px;
margin: 0 8px 0 0;
flex-shrink: 0;
}
#cart .cart-prod-list .hCartProd .hCartProdInfo p {
overflow: hidden;
width: 100%;
}
#cart .cart-prod-list .hCartProd .hCartProdInfo p span {
display: block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#cart .cart-prod-list .hCartProd .hCartProdInfo p .attachedFiles {
min-height: 20px;
margin: 2px 0 0;
}
#cart .cart-prod-list .hCartProd .hCartProdDelete {
padding: 4px 0;
text-decoration: none;
color: inherit;
margin-left: 8px;
}
#cart .cart-prod-list .hCartTotal {
display: flex;
justify-content: space-between;
width: 100%;
text-transform: uppercase;
margin-top: 0;
font-weight: var(--bold1);
font-size: 14px;
line-height: 18px;
background: rgba(0, 0, 0, 0.1);
padding: 12px;
}
#cart .cart-prod-list .hCartTotalSinIva {
display: flex;
justify-content: space-between;
width: 100%;
text-transform: uppercase;
margin-top: 0;
font-weight: var(--bold1);
font-size: 12px;
line-height: 14px;
background: rgba(0, 0, 0, 0.08);
padding: 12px;
opacity: .8;
}
#cart .cart-prod-list .hEnvioGratis {}
#cart .cart-prod-list .hEnvioGratis a {
padding: 0px 12px;
border-radius: var(--radius-default);
display: flex;
margin-top: 8px;
align-items: center;
text-decoration: none;
color: #333;
/* border: 1px dashed rgba(0,0,0,0.2); */
justify-content: center;
}
#cart .cart-prod-list .hEnvioGratis a span {
font-weight: var(--bold1);
line-height: 120%;
}
#cart .cart-prod-list .hEnvioGratis a:before {
content: "\f48b";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-right: 8px;
font-size: 20px;
line-height: 24px;
text-align: center;
}
#cart .cart-prod-list .hCartButtons {
display: flex;
margin: 8px 0 0;
justify-content: space-between;
}
#cart .cart-prod-list .hCartButtons .hOrderLink {
width: 60%;
}
#cart .cart-prod-list .hCartButtons .hCartLink {
text-align: center;
width: 39%;
}
#cart .cart-prod-list .hCartButtons .hOrderLink a {
display: flex;
align-items: center;
justify-content: center;
border: 0;
padding: 8px 16px;
border-radius: var(--radius1);
font-size: 14px;
line-height: 18px;
background-color: var(--secondary);
text-decoration: none;
color: #fff;
font-weight: bold;
}
#cart .cart-prod-list .hCartButtons .hOrderLink a:after {
content: "\f105";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-left: 4px;
font-size: 12px;
padding-top: 2px;
line-height: 12px;
}
#cart .cart-prod-list .hCartButtons .hCartLink a {
display: flex;
align-items: center;
justify-content: center;
border: 0;
padding: 7px 15px;
border-radius: var(--radius1);
font-size: 14px;
line-height: 18px;
border: 1px solid var(--secondary);
color: var(--secondary);
text-decoration: none;
font-weight: bold;
}
#cart .cart-prod-list .hCartButtons .hCartLink a:before {
content: "\f07a";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-right: 8px;
font-size: 12px;
line-height: 12px
}
#cart .cart-prod-list.cart-empty {
padding: 20px;
font-size: 18px;
line-height: 22px;
text-align: center;
font-weight: var(--bold1);
}
/*Header Menú*/
header .menu {
position: relative;
z-index: 2;
padding-bottom: 8px;
}
header .menu .menuCont {
display: flex;
justify-content: space-between;
max-width: var(--max-width);
margin: 0 auto;
font-weight: var(--bold1);
}
.mcPrincipal {
z-index: 10;
}
.mcPrincipal .cd-dropdown-trigger {
display: flex;
align-items: center;
text-decoration: none;
padding: 8px 32px 8px 12px;
justify-content: space-around;
text-transform: uppercase;
color: currentColor;
}
.mcPrincipal .cd-dropdown-trigger span {
padding: 0 4px 0 0;
letter-spacing: 1px;
}
.cd-dropdown-trigger::before,
.cd-dropdown-trigger::after {
background: currentColor;
}
.mcPrincipal li {
list-style: none;
/* display: flex; */
}
.mcPrincipal li p {
border-bottom: 1px solid rgba(0, 0, 0, 0.05)
}
.mcPrincipal li a {
display: block;
padding: 12px;
text-decoration: none;
color: #333;
}
.mcPrincipal li.campExpress:first-child a {
border-top: 1px solid #fff;
}
.mcPrincipal li.campExpress a {
background-color: #eee;
display: flex;
align-items: center;
justify-content: space-between;
}
.mcPrincipal li.campExpress:hover:not(.go-back)> p> a {}
.mcPrincipal li.campExpress:hover:not(.go-back) a:after {
color: #333;
opacity: .8;
}
.mcPrincipal li.campExpress a:after {
content: "\f2f2";
font-weight: 400;
font-family: "Font Awesome 6 Pro";
display: inline-block;
margin-right: 8px;
color: #333;
font-size: 120%;
flex-shrink: 0;
transform: scale(2.8) rotate(-20deg);
opacity: .6;
margin-left: 12px;
}
.mcPrincipal li:hover:not(.go-back)> p> a,
.mcPrincipal li.current-selected {
background-color: rgba(0, 0, 0, 0.05);
box-shadow: inset 4px 0 0 #666;
}
.mcPrincipal> ul> li> ul> li> p> a {
display: none;
}
.mcPrincipal ul> li> p {
display: flex;
margin: 0;
}
.mcPrincipal ul> li> p.jump {
display: none;
}
.mcPrincipal ul> li> p> a {
width: 100%;
}
.mcPrincipal ul> li> p> span {
display: none;
flex-shrink: 1;
width: 40px;
flex-shrink: 0;
text-align: center;
justify-content: center;
align-items: center;
background-color: rgba(0, 0, 0, 0.03);
cursor: pointer;
}
.mcPrincipal ul> li> p> span:after {
content: "\f105";
font-weight: 600;
font-family: "Font Awesome 6 Pro";
}
.mcPrincipal ul> li.has-children> p> span {
display: flex;
}
.mcPrincipal ul> li.go-back> p> span {
display: flex;
width: 40px;
flex-shrink: 1;
text-align: center;
justify-content: center;
align-items: center;
background-color: rgba(0, 0, 0, 0.03);
cursor: pointer;
}
.mcPrincipal ul> li.go-back> p> span:after {
content: "\f104";
font-weight: 600;
font-family: "Font Awesome 6 Pro";
display: block;
padding: 12px;
}
.mcPrincipal ul> li.go-back> p> a {
opacity: 0.7
}
.mcPrincipal ul> li .see-all {
display: none;
}
.mcDestacado {
width: 100%;
display: flex;
}
.mcDestacado ul {
display: flex;
width: 100%;
justify-content: flex-end;
}
.mcDestacado ul li {
display: flex;
margin-left: 20px;
}
.mcDestacado ul li a {
display: flex;
align-items: center;
padding: 8px 12px;
text-decoration: none;
text-transform: uppercase;
color: currentColor;
}
.mcDestacado ul li a:hover {
opacity: .8
}
.mcDestacado ul li a span {}
.navTrigger {
cursor: pointer;
width: 32px;
height: 32px;
padding: 4px;
display: flex;
align-items: center;
flex-flow: row wrap;
align-content: center;
justify-content: center;
}
.navTrigger i {
background-color: currentColor;
border-radius: 2px;
content: '';
display: block;
width: 100%;
height: 2px;
}
.navTrigger i:nth-child(1) {
-webkit-animation: outT 0.5s backwards;
animation: outT 0.5s backwards;
-webkit-animation-direction: reverse;
animation-direction: reverse;
}
.navTrigger i:nth-child(2) {
margin: 4px 0;
-webkit-animation: outM 0.5s backwards;
animation: outM 0.5s backwards;
-webkit-animation-direction: reverse;
animation-direction: reverse;
}
.navTrigger i:nth-child(3) {
-webkit-animation: outBtm 0.5s backwards;
animation: outBtm 0.5s backwards;
-webkit-animation-direction: reverse;
animation-direction: reverse;
}
.navTrigger.active {
color: #333;
}
.navTrigger.active i {
width: 80%;
}
.navTrigger.active i:nth-child(1),
.dropdown-is-active .navTrigger i:nth-child(1) {
-webkit-animation: inT 0.5s forwards;
animation: inT 0.5s forwards;
}
.navTrigger.active i:nth-child(2),
.dropdown-is-active .navTrigger i:nth-child(2) {
-webkit-animation: inM 0.5s forwards;
animation: inM 0.5s forwards;
margin: 3px 0;
}
.navTrigger.active i:nth-child(3),
.dropdown-is-active .navTrigger i:nth-child(3) {
-webkit-animation: inBtm 0.5s forwards;
animation: inBtm 0.5s forwards;
display: none;
}
.menu_mob {
display: none;
}
/*#########################
###### P O R T A D A ######
###########################*/
#PORT01 {}
#PORT02 {
padding: var(--section-margin) 16px;
}
#PORT02 .PORT02Cont {
max-width: var(--max-width);
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 8px;
}
#PORT02 .PORT02Cont> * {
position: relative;
margin: 0;
}
@media screen and (min-width: 1024px) {
#PORT02 .PORT02Cont> *:not(:first-child):not(:nth-child(3n+1)):before {
content: "";
height: 60%;
width: 1px;
position: absolute;
left: -4px;
top: 0;
bottom: 0;
margin: auto;
background: #e5e5e5;
}
}
@media screen and (min-width: 641px) and (max-width: 1023px) {
#PORT02 .PORT02Cont> *:not(:first-child):not(:nth-child(2n+1)):before {
content: "";
height: 60%;
width: 1px;
position: absolute;
left: -4px;
top: 0;
bottom: 0;
margin: auto;
background: #e5e5e5;
}
}
@media screen and (max-width: 640px) {
#PORT02 .PORT02Cont> *:not(:last-child):before {
content: "";
display: block;
height: 1px;
width: 70%;
position: absolute;
left: 0!important;
top: inherit!important;
right: 0;
bottom: -8px!important;
margin: auto;
background: #e5e5e5;
}
}
#PORT01 .title2,
.panel__desc--skin1[data-items="1"] .boxItem .bicTitle {
font-size: var(--font-xl);
}
/*#########################
###### C A J O N E S ######
###########################*/
/* CAJA SEO */
.seo1 {
text-align: center;
background: #fff;
padding: var(--section-margin) 16px;
}
.seo1 .seo1Cont {
max-width: var(--max-width);
margin: 0 auto;
}
.seo1 .seo1Cont .title1 {}
.seo1 .seo1Cont p:not(:last-child) {
margin: 0 0 12px;
}
/*CAJA VIDEO*/
.seo2 {
text-align: center;
background: #fff;
padding: var(--section-margin) 16px;
}
.seo2 .seo2Cont {
max-width: var(--max-width);
margin: 0 auto;
}
.seo2 .seo2Cont .title1 {}
.seo2 .seo2Cont p:not(:last-child) {
margin: 0 0 12px;
}
.seo2 .seo2Cont iframe {
display: block;
border: 0;
width: 100%;
}
.iframeCont {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
}
.iframeCont> iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
/* BOX SIN LINK */
.boxItem a[href^="#"] {
cursor: default;
}
/*BOX 2: */
.box2 {
padding: 20px 16px 0;
background: #fff;
}
.box2 .boxCont {
max-width: var(--max-width);
margin: 0 auto;
}
.box2 .boxCont {
max-width: var(--max-width);
margin: 0 auto;
}
.box2 .boxCont> div> div {
display: flex;
justify-content: space-between;
}
.box2 .boxCont .boxItem {
width: calc(50% - (var(--mosaico-margin)/2));
margin-bottom: var(--mosaico-margin);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
display: none;
}
.box2 .boxCont .boxItem:first-child,
.box2 .boxCont .boxItem:nth-child(2) {
display: block;
}
.box2 .boxCont .boxItem> div {
padding-bottom: 75%;
width: 100%;
display: flex;
}
.box2 .boxCont .boxItem a {
display: block;
width: 100%;
text-decoration: none;
color: inherit;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.box2 .boxCont .boxItem .boxItemImg {
display: none;
}
.box2 .boxCont .boxItem .boxItemImg img {
display: block;
width: 100%;
}
.box2 .boxCont .boxItem .boxItemCont {
background: rgba(255, 255, 255, 0.8);
padding: 4px;
margin: 12px;
border-radius: var(--radius-default);
}
.box2 .boxCont .boxItem .bicTitle {
margin: 0;
border: 1px solid;
padding: 4px 40px;
text-transform: uppercase;
border-radius: var(--radius-default);
}
.box2 .boxCont .boxItem .bicDesc {
display: none;
}
.box2 .boxCont .boxItem .bicBtn {
display: none;
}
.box2 .boxCont .boxItem .bicBtn span {}
.box2 .boxCont .swiper-button-next,
.box2 .boxCont .swiper-button-prev,
.box2 .boxCont .swiper-pagination {
display: none;
}
.box3a {
padding: 0 16px 20px;
background: #fff;
}
.box3a .boxCont {
max-width: 1400px;
margin: 0 auto;
display: flex;
overflow-X: auto;
}
.box3a .boxCont .boxItem {
width: 33.3333%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border: 4px solid #FFF;
position: relative;
flex-shrink: 0;
}
.box3a .boxCont .boxItem> div {
padding-bottom: 75%;
display: flex;
}
.box3a .boxCont .boxItem a {
display: block;
width: 100%;
text-decoration: none;
color: inherit;
display: flex;
align-items: flex-end;
justify-content: center;
text-align: center;
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.box3a .boxCont .boxItem .boxItemImg {
display: none;
}
.box3a .boxCont .boxItem .boxItemImg img {
display: block;
width: 100%;
}
.box3a .boxCont .boxItem .boxItemCont {
background: rgba(0, 0, 0, 0.5);
padding: 8px;
width: 100%;
}
.box3a .boxCont .boxItem .bicTitle {
margin: 0;
text-transform: uppercase;
border-radius: var(--radius-default);
color: #fff;
}
.box3a .boxCont .boxItem .bicDesc {
display: none;
}
.box3a .boxCont .boxItem .bicBtn {
display: none;
}
.box3a .boxCont .boxItem .bicBtn span {}
.box3 {
padding: var(--section-margin) 16px;
background: #fff;
}
.box3 .swiper-container {
width: 100%;
}
.box3 .boxCont {
max-width: var(--max-width);
margin: 0 auto;
display: flex;
overflow-X: auto;
}
.box3 .boxCont .boxItem {
width: calc((1/3 * 100%) - (var(--mosaico-margin)*(2/3)));
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
flex-shrink: 0;
}
.box3 .boxCont .boxItem> div {
padding:0;
flex-direction:column;
height:100%;
display:flex;
}
.box3 .boxCont .boxItem a {
display: block;
width: 100%;
text-decoration: none;
color: inherit;
height:100%;
display:flex;
flex-direction:column;
}
.box3 .boxCont .boxItem .boxItemImg{
flex:1;
}
.box3 .boxCont .boxItem .boxItemImg picture,
.box3 .boxCont .boxItem .boxItemImg img{
height:100%;
width:100%;
object-fit:cover;
}
.box3 .boxCont .boxItem .boxItemCont {
background: rgba(0, 0, 0, 0.5);
padding: 8px;
width: 100%;
}
.box3 .boxCont .boxItem .bicTitle {
margin: 0;
text-transform: uppercase;
color: #fff;
}
.box3 .boxCont .boxItem .bicDesc {
display: none;
}
.box3 .boxCont .boxItem .bicBtn {
display: none;
}
.box3 .boxCont .boxItem .bicBtn span {}
.box3 .boxCont .swiper-button-next,
.box3 .boxCont .swiper-button-prev,
.box3 .boxCont .swiper-pagination {
display: none;
}
.box4 {
padding: var(--section-margin) 16px;
}
.box4 .slideCont {
max-width: var(--max-width);
margin: 0 auto;
position: relative;
}
.box4 .slideCont .slideInfo {
margin: 0 0 20px;
text-align: center;
padding: 0 16px;
}
.box4 .slideCont .slideInfo .title2 {}
.box4 .slideCont .slideInfo p {}
.box4 .slideCont .swiper-container {
margin: 0;
position: static;
}
.box4> div> p {
text-align: center;
font-size: 120%;
line-height: 120%;
font-weight: var(--bold1);
font-style: italic;
}
.box4 .swiper-slide {
height: auto;
width: calc((1/4 * 100%) - (var(--productos-margin) * 3 / 4));
}
/*25% - el margen entre items del slide de los 4 que se ven repartido entre los 3 que llevan margen a la derecha*/
/*.box4 .swiper-button-next, .box4 .swiper-button-prev { background: #fff; height: 40px; width: 40px; border-radius: 20px; box-shadow: 0 0 12px rgba(0,0,0,0.4); display: flex; align-items: center; justify-content: center; transition: all 300ms ease;}*/
/* .box4 .swiper-button-next { right: 4px;}
.box4 .swiper-button-prev { left: 4px; }
.box4 .swiper-button-next,
.box4 .swiper-button-prev { transform: scale(0); }
.box4 .slideCont:hover .swiper-button-next,
.box4 .slideCont:hover .swiper-button-prev { transform: scale(1) }
.box4 .swiper-button-next i, .box4 .swiper-button-prev i{line-height: 100%; width: auto;}
.box4 .swiper-button-next i { padding-left: 2px;}
.box4 .swiper-button-prev i{padding-right: 2px;}*/
.box6 {
padding: var(--section-margin) 16px;
}
.box6 .slideCont {
max-width: var(--max-width);
margin: 0 auto;
position: relative;
}
.box6 .slideCont .slideInfo {
margin: 0 0 20px;
text-align: center;
padding: 0 20px;
}
.box6 .slideCont .slideInfo .title2 {}
.box6 .slideCont .slideInfo p {}
.box6 .slideCont .swiper-container {
margin: 0;
position: static;
}
.box6 .slideCont .swiper-slide {
width: calc((1/6 * 100%) - (var(--productos-margin) * 5 / 6))
}
.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev {
background: #fff;
height: 38px;
width: 38px;
border-radius: 20px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
display: flex;
align-items: center;
justify-content: center;
transition: all 300ms ease;
}
.swiper-container .swiper-button-next {
right: 4px;
}
.swiper-container .swiper-button-prev {
left: 4px;
}
.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev {
transform: scale(0);
}
.swiper-container:hover .swiper-button-next,
.swiper-container:hover .swiper-button-prev {
transform: scale(1)
}
.swiper-button-next i,
.swiper-button-prev i {
line-height: 100%;
width: auto;
}
.swiper-button-next i {
padding-left: 2px;
}
.swiper-button-prev i {
padding-right: 2px;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
display: none;
}
.boxMini {
padding: 40px 16px 0;
overflow: hidden;
background: -moz-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(240, 240, 240, 0) 100%);
background: -webkit-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(240, 240, 240, 0) 100%);
background: linear-gradient(to bottom, rgba(240, 240, 240, 1) 0%, rgba(240, 240, 240, 0) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='f0f0f0', endColorstr='00f0f0f0', GradientType=0);
}
.boxMiniRel {
margin: 0 0 20px;
overflow: hidden;
}
.boxMini .slideCont,
.boxMiniRel .slideCont {
max-width: var(--max-width);
margin: 0 auto;
position: relative;
overflow: hidden;
}
.boxMini .slideCont .slideInfo {
margin: 0 0 20px;
text-align: center;
padding: 0 20px;
}
.boxMiniRel .slideCont .slideInfo {
margin: 0 0 20px;
}
.boxMini .slideCont .swiper-container,
.boxMiniRel .slideCont .swiper-container {
position: static;
overflow: visible;
}
.boxMini .slideCont .swiper-slide,
.boxMiniRel .slideCont .swiper-slide {
width: calc((100% / 6) - (12px * 5 / 6));
}
.boxMini .prodItemImg> a .PIITag,
.boxMiniRel .prodItemImg> a .PIITag {
display: none;
}
.boxMini .prodItem .prodItemCont,
.boxMiniRel .prodItem .prodItemCont {
font-size: 80%;
line-height: 100%
}
.boxMini .prodItem .prodItemCont .PICTitle,
.boxMiniRel .prodItem .prodItemCont .PICTitle {
font-size: 1em;
line-height: 100%
}
.boxMini .prodItem .prodItemCont .PICPrice span,
.boxMiniRel .prodItem .prodItemCont .PICPrice span {
font-size: 120%;
line-height: 100%
}
.boxMini .prodItem .prodItemCont .PICVar,
.boxMiniRel .prodItem .prodItemCont .PICVar {
font-size: 100%;
}
.boxMini .prodItem .prodItemBt .btAddToCart,
.boxMiniRel .prodItem .prodItemBt .btAddToCart {
font-size: 12px;
line-height: 100%;
padding: 8px;
}
/*CAJONES PRODUCTOS GENERAL*/
.prodItem {
font-weight: normal;
font-size: 18px;
line-height: 140%;
display: flex;
flex-direction: column;
overflow: hidden;
margin: 0 0 12px;
}
.prodItem .prodItemImg {
position: relative;
overflow: hidden;
border: 1px solid #eee;
border-radius:var(--radius-default);
}
.prodItem .prodItemImg> a {
display: block;
overflow: hidden;
}
.prodItem .prodItemImg> a img {
display: block;
width: 100%;
font-size: 0;
padding: 0 !important;
opacity: 1 !important;
}
.prodItem .prodItemImg> a img:nth-of-type(2) {
left: 0;
position: absolute;
top: 0;
/* left: 100%; */
opacity: 0 !important;
/*transition: opacity 300ms ease, left 0ms ease 300ms; -webkit-transition: opacity 300ms ease, left 0ms ease 300ms;*/
transition: all 300ms ease;
padding: 0 !important;
}
.prodItem .prodItemImg:hover> a img:nth-of-type(2) {
/* left: 0; */
opacity: 1 !important;
/*transition: opacity 300ms ease, left 0s ease 0ms; -webkit-transition: opacity 300ms ease, left 0s ease 0ms;*/
}
.prodItem .prodItemImg .PIITag {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
font-weight: var(--bold1);
font-size: 14px;
line-height: 100%;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.prodItem .prodItemImg .PIITag> div {
padding: 4px;
}
.prodItem .prodItemImg .PIITag .PIITagPorcentaje {
width: 40px;
height: 40px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 4px;
right: 4px;
background: var(--secondary);
color: #fff;
}
.prodItem .prodItemImg .PIITag .PIITagPorcentaje span {}
.prodItem .prodItemImg .PIITag .PIITagOferta {
position: absolute;
bottom: 0;
left: 0;
background: #fff;
color: var(--secondary);
box-shadow: inset 0 0 0 1px currentcolor;
}
.prodItem .prodItemImg .PIITag .PIITagOferta span {}
.prodItem .prodItemImg .PIITag .PIITagDestacado {
position: absolute;
bottom: 0;
right: 0;
background: var(--primary);
background-image: linear-gradient(rgba(0, 0, 0, 0.10), rgba(0, 0, 0, 0.10));
color: #fff;
}
.prodItem .prodItemImg .PIITag .PIITagDestacado span {}
.prodItem .prodItemImg .PIITag .PIITagNovedad {
position: absolute;
top: 0;
left: 0;
background: #03a9f3;
color: #fff;
}
.prodItem .prodItemImg .PIITag .PIITagNovedad span {}
.prodItem .prodItemImg .PIITag .PIITagOutlet {
position: absolute;
top: 0;
left: 0;
background: #333;
color: #fff;
}
.prodItem .prodItemImg .PIITag .PIITagNovedad~ .PIITagOutlet {
top: 24px;
}
.prodItem .prodItemImg .PIITag .PIITagOutlet span {}
.prodItem .prodItemImg .PIITag .PIITagAgotado {
position: absolute;
top: 50%;
left: 50%;
background: rgba(0, 0, 0, 0.5);
padding: 8px 20px;
color: #fff;
transform: translate(-50%, -50%);
box-shadow: 0 0 0 300px rgba(255, 255, 255, 0.2);
}
.prodItem .prodItemImg .PIITag .PIITagAgotado span {}
.prodItem .prodItemImg .PIITag .PIITagSoloOnline {
position: absolute;
bottom: 0;
right: 0;
background: #666;
color: #fff;
}
.prodItem .prodItemImg .PIITag .PIITagSoloOnline span {}
.prodItem .prodItemImg .PIITag .PIITagFlash {
position: absolute;
top: 4px;
left: 4px;
background: #f8c931;
padding: 4px 8px;
border-radius: 24px;
color: #333;
}
/*.prodItem .prodItemImg .PIITag .PIITagFlash { animation: flash 6s linear 2s infinite; }*/
.prodItem .prodItemImg .PIITag .PIITagFlash span {}
.prodItem .prodItemImg .PIITag .PIITagFlash span:before {
content: "\f2f2";
font-weight: 400;
font-family: "Font Awesome 6 Pro";
display: inline-block;
margin-right: 8px;
font-size: 120%;
flex-shrink: 0;
}
.prodItem.flash .prodItemImg .PIITag .PIITagNovedad {
display: none;
}
.prodItem.flash .PICPriceValue:before {
content: "\f2f2";
font-weight: 400;
font-family: "Font Awesome 6 Pro";
display: inline-block;
margin-right: 8px;
font-size: 80%;
display: none;
}
.prodItem .prodItemCont {
padding: 8px 0;
flex: 1;
}
.prodItem .prodItemCont .PICTitle {
font-weight: normal;
font-size: 14px;
line-height: 120%;
margin: 0 0 4px;
}
.prodItem .prodItemCont .PICTitle a {
color: inherit;
text-decoration: none;
}
.prodItem .prodItemCont .flash .PICPrice {
margin: 0 0 4px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.prodItem.flash .prodItemCont .PICPrice {
border: 2px solid #f8c931;
background: #fff;
display: block;
border-radius: 8px;
overflow: hidden;
padding: 4px 4px 4px 40px;
position: relative;
margin-bottom: 4px;
}
.prodItem.flash .prodItemCont .PICPrice:before {
content: "\f2f2";
font-weight: 400;
font-family: "Font Awesome 6 Pro";
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 100%;
color: #111;
padding: 0 4px;
position: absolute;
background: #f8c931;
left: 0;
top: 0;
height: 100%;
}
.prodItem.flash:not(.flashenvio) .prodItemCont .PICPrice .PICPriceOld {
display: block;
margin: 0;
}
.prodItem.flashenvio .prodItemCont .PICPrice> span:last-child {
display: block;
font-size: 12px;
text-transform: uppercase;
}
.prodItem .prodItemCont .PICPrice> span {
font-weight: var(--bold1);
font-size: 18px;
line-height: 120%;
}
.prodItem .prodItemCont .PICPrice .PICPriceIva {
font-size: 16px;
opacity: .8;
display: block;
}
.prodItem .prodItemCont .PICPrice .PICPriceIva> span {
text-transform: uppercase;
font-size: 14px;
}
.prodItem .prodItemCont .PICPrice .PICPriceValue {
color: var(--primary);
}
.prodItem .prodItemCont .PICPrice .PICPriceOld {
color: inherit;
margin-right: 8px;
text-decoration: line-through;
font-size: 14px;
opacity: 0.75;
}
.prodItem .prodItemCont .PICDesc {
margin: 0 0 4px;
font-size: 12px;
line-height: 120%;
display: none;
}
.prodItem .prodItemCont .PICVar {
font-weight: var(--bold1);
opacity: 0.5;
font-size: 14px;
line-height: 100%;
}
.prodItem .prodItemBt {
padding: 8px;
}
.prodItem .prodItemBt .btAddToCart {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px;
background-color: #666;
text-decoration: none;
color: white;
font-size: 16px;
line-height: 20px;
border-radius: var(--radius1);
}
.prodItem .prodItemBt .btAddToCart i {
margin-right: 8px;
}
/*CAJONES MARCAS*/
.PorMarcas {
text-align: center;
font-weight: normal;
font-size: 18px;
line-height: 140%;
padding: 1px;
}
.PorMarcas .PorMarcasImg {
position: relative;
overflow: hidden;
width: 100%;
padding-bottom: 100%;
position: relative;
background: #fff;
border: 1px solid #eee;
}
.PorMarcas .PorMarcasImg> a {
overflow: hidden;
position: absolute;
left: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 12px;
}
.PorMarcas .PorMarcasImg> a img {
display: block;
max-width: 100%;
}
.PorMarcas .PorMarcasCont {
padding: 8px;
}
.PorMarcas .PorMarcasCont .PMCTitle {
font-weight: normal;
font-size: 14px;
line-height: 120%;
margin: 0;
}
.PorMarcas .PorMarcasCont .PMCTitle a {
color: inherit;
text-decoration: none;
}
.PorMarcas .PorMarcasCont .PPCDesc {
margin: 0 0 4px;
display: none;
}
/* BANDAS CON Nº DE ELEMENTOS*/
.bndBox3 {
padding: 20px 16px;
background-color: #fff;
}
.bndBox3 .bndBox3Cont {
display: flex;
justify-content: space-between;
max-width: var(--max-width);
margin: 0 auto;
}
.bndBox3 .bndBox3Cont> div {
width: 32%;
}
/*NEWSLETTER*/
.news1 {
padding: 40px 16px;
background: var(--light);
text-align: center;
}
.news1 .newsCont {}
.news1 .newsCont .title2 {
margin: 0 0 8px;
font-size:var(--font-xl);
}
.news1 .newsCont .newsDesc {
margin: 0 0 12px;
font-weight: normal;
font-size: 16px;
line-height: 140%;
}
.news1 .newsCont .newsMail {
max-width: 524px;
margin: 0 auto;
}
.news1 .newsCont .newsMail form {
display: flex;
justify-content: center;
}
.news1 .newsCont .newsMail form label {
width: 100%;
}
.news1 .newsCont .newsMail .newsInput {
width: 100%;
padding: 8px 16px;
border: 0;
color: #333;
border-radius: 4px;
border: 1px solid #ccc;
}
.news1 .newsCont .newsMail .newsBtn {
background: #666;
color: #fff;
border: 0;
padding: 4px 32px;
text-decoration: none;
display: flex;
margin-left: 6px;
align-items: center;
text-transform: uppercase;
font-weight: var(--bold1);
justify-content: center;
border-radius: var(--radius1);
}
#PORT01 .news1 {
padding: var(--section-margin);
background: none;
}
#PORT01 .news1:last-child {
padding-bottom: 0;
}
#PORT01 .news1 .newsCont {
padding: 32px 16px;
background: #f5f5f5;
max-width: var(--max-width);
margin: 0 auto;
}
/*ENVÍO*/
.envio1 {
background-color: #35baf5;
color: #fff;
justify-content: space-between;
}
.envio1:after {
content: "\f1d8";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
font-size: 60px;
margin-left: 12px;
display: block;
flex-shrink: 0;
line-height: 100%;
}
.envio1 .envioCont {}
.envio1 .envioContDesc {
display: flex;
align-items: center;
justify-content: space-between;
}
.envio1 .envioContLink {
font-size: 12px;
}
.envio1 .envioContLink a {
color: inherit;
}
/*SOCIAL*/
.socialBox {
padding: 20px;
font-weight: var(--bold1);
font-size: 20px;
line-height: 140%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
flex-flow: column-reverse;
width: 100%;
}
.socialBox .socialCont {}
.socialBox .socialContDesc {
display: flex;
align-items: center;
justify-content: space-between;
}
.socialBox .socialUl {
margin: 0 0 8px;
font-weight: normal;
}
.socialBox .socialUl li {
display: inline-flex;
margin: 2px;
border-radius: 40px;
}
.socialBox .socialUl a {
text-decoration: none;
color: #fff;
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
margin: 2px;
font-size: 20px;
}
.socialBox .socialUl a span span {
display: none;
}
.socialBox .socialUl .instagram {
background-color: #d10869;
padding: 0;
}
.socialBox .socialUl .instagram a {
color: #fff;
}
.socialBox .socialUl .twitter {
background-color: #0F1419;
padding: 0;
}
.socialBox .socialUl .twitter a {
color: #fff;
}
.socialBox .socialUl .facebook {
background-color: #3b5998;
padding: 0;
}
.socialBox .socialUl .facebook a {
color: #fff;
}
.socialBox .socialUl .whatsapp {
background-color: #128c7e;
}
.socialBox .socialUl .whatsapp a {
color: #fff;
}
.socialBox .socialUl .socialBox .socialUl.socialBox .socialUl.phone {
background-color: #666;
}
.socialBox .socialUl .phone a {
color: #fff;
}
/* Social fixed*/
.socialBox--fixed {
position: fixed;
bottom: 60px;
right: 4px;
padding: 0;
width: auto;
z-index: 3;
}
.socialBox--fixed .socialUl {
margin: 0;
}
.socialBox--fixed .socialUl li {
display: block;
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
}
.socialBox--fixed .socialUl li:not(:last-child) {
margin: 0 0 4px;
}
.socialBox--fixed .socialUl a {
width: 60px;
height: 60px;
font-size: 32px;
}
.socialLine {
list-style: none;
}
.socialLine li {
display: inline-block;
background: #fff;
padding: 0px 12px;
min-width: 28px;
border-radius: 3px;
text-align: center;
margin: 2px 0 2px 3px;
font-size: 14px;
line-height: 28px;
}
.socialLine li a {
text-decoration: none;
color: #333;
}
.socialLine li a span span {
margin-left: 4px;
}
.socialLine li a i {
font-weight: 900;
}
.socialLine .news {}
.socialLine .news a {
color: #868686;
}
.socialLine .instagram {
padding: 0;
}
.socialLine .instagram a {
color: #d10869;
}
.socialLine .instagram a span span {
display: none;
}
.socialLine .twitter {
padding: 0;
}
.socialLine .twitter a {
color: #0F1419;
}
.socialLine .twitter a span span {
display: none;
}
.socialLine .facebook {
padding: 0;
}
.socialLine .facebook a {
color: #3b5998;
}
.socialLine .facebook a span span {
display: none;
}
.socialLine .whatsapp {
padding: 0;
}
.socialLine .whatsapp a {
color: #128c7e;
}
.socialLine .whatsapp a span span {
display: none;
}
.socialLine .phone {}
.socialLine .phone a {
color: #666;
}
.socialLine .mobile a {
color: #666;
}
.socialLine .twitter a i,
.socialLine .facebook a i,
.socialLine .instagram a i,
.socialLine .whatsapp a i {
font-weight: 200;
}
/*.langSelector { display: flex; align-items:center;}
.langSelector:not(:first-child) { margin-left: 8px; }
.langSelector:not(:last-child) { margin-right: 8px; }
.langSelector .select2 { border: 0; text-transform: uppercase; line-height: 28px; height: 28px; background-color: #fff; border-radius: 28px; padding: 0 0 0 4px; border: 4px solid #fff; outline: 0; font-size: 80%; letter-spacing: 1px; }
.langSelector .select2 :hover { box-shadow: 0 0 4px rgba(0,0,0,.05) }
header .menu .menuCont .menulang { padding: 8px; background-color: #ccc; text-align: right; display: none; margin: 0; }
header .menu .menuCont .menulang .select2 { height: 36px; min-width: 60px;}*/
.langSelector {
margin-left: 8px;
}
.select2-container {
width: 52px !important;
text-align: center;
text-transform: uppercase;
}
.select2-search {
display: none;
}
.select2-results__option {
font-size: 0;
line-height: 0;
}
.select2-results__option img {
display: block;
width: 100%;
}
.select2-container .select2-selection--single {
border-color: #ccc;
background: #f5f5f5;
}
.select2-container .select2-selection--single .select2-selection__rendered {}
.select2-container .select2-selection--single {
display: flex;
}
.select2-container .select2-selection--single .select2-selection__rendered {
margin: 4px;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
font-size: 0;
line-height: 0;
}
.select2-container .select2-selection--single .select2-selection__rendered[title="es"] {
background-image: url(../images/languages/es.svg);
}
.select2-container .select2-selection--single .select2-selection__rendered[title="en"] {
background-image: url(../images/languages/en.svg);
}
.select2-container .select2-selection--single .select2-selection__rendered[title="gl"] {
background-image: url(../images/languages/gl.svg);
}
header .menu .menuCont .menulang {
display: none;
}
.contactBox {
display: flex;
padding: 20px;
justify-content: center;
text-align: center;
flex-flow: column;
width: 100%;
font-weight: var(--bold1);
font-size: 18px;
line-height: 140%;
}
.contactBox:after {
margin: 0 0 8px;
order: 1;
content: "\f82d";
font-family: "Font Awesome 6 Pro";
font-size: 40px;
font-weight: 300;
color: var(--primary);
line-height: 100%;
}
.contactBox> div {
margin: 0 0 8px;
order: 2;
}
.contactBox> div .title {
margin: 0 !important;
font-size: 20px;
line-height: 140%;
}
.contactBox> div .desc {
font-weight: 400;
display: none;
}
.contactBox .socialUl {
margin: 0;
text-transform: uppercase;
order: 3;
}
.contactBox .socialUl li {
display: inline-flex;
margin: 2px;
border-radius: var(--radius1);
font-size: 14px;
background: #eee;
}
.contactBox .socialUl a {
text-decoration: none;
color: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
margin: 2px;
padding: 0 8px;
}
.contactBox .socialUl a span span {
margin-left: 4px;
margin-left: 4px;
}
.contactBox .socialUl .instagram {
background-color: #d10869;
padding: 0;
}
.contactBox .socialUl .instagram a {
color: #fff;
}
.contactBox .socialUl .twitter {
background-color: #0F1419;
padding: 0;
}
.contactBox .socialUl .twitter a {
color: #fff;
}
.contactBox .socialUl .facebook {
background-color: #3b5998;
padding: 0;
}
.contactBox .socialUl .facebook a {
color: #fff;
}
.contactBox .socialUl .whatsapp {
background-color: #128c7e;
}
.contactBox .socialUl .whatsapp a {
color: #fff;
}
.contactBox .socialUl .phone {}
.contactBox .socialUl .phone a {
color: #333;
}
.contactBox .socialUl .mail {}
.contactBox .socialUl .mail a {
color: #333;
}
.contactBox .socialUl .mobile {}
.contactBox .socialUl .mobile a {
color: #333;
}
.contactBand {
color: #666;
display: flex;
padding: 20px 8px;
justify-content: space-between;
width: 100%;
font-size: 18px;
line-height: 140%;
align-items: center;
text-align: left;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.contactBand> div {
margin: 0 0 8px;
width: 100%;
}
.contactBand> div .title {
margin: 0 0 8px;
font-size: 24px;
line-height: 120%;
font-weight: var(--bold1);
color: #333;
}
.contactBand> div .desc {}
.contactBand .socialUl {
margin: 0 0 4px;
text-transform: uppercase;
text-align: right;
flex-shrink: 0;
}
.contactBand .socialUl li {
display: inline-flex;
margin: 2px;
border-radius: var(--radius1);
font-size: 16px;
background-color: var(--secondary);
}
.contactBand .socialUl a {
text-decoration: none;
color: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
margin: 2px;
padding: 4px 12px;
}
.contactBand .socialUl .phone> a {
color: #fff;
}
.contactBand .socialUl a span span {
margin-left: 4px;
margin-left: 4px;
}
/*CAJON CONTACTO*/
.duda1 {
background: #999;
color: #fff;
}
.duda1 .dudaCont {}
.duda1 .dudaCont .dudaContText {
margin: 0 0 8px;
}
.duda1 .dudaCont .dudaContText .DCTTitle {
font-size: 28px;
line-height: 120%;
}
.duda1 .dudaCont .dudaContButtons {}
.duda1 .dudaCont .dudaContButtons a {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
color: #999;
background-color: white;
border-radius: 40px;
padding: 8px 16px;
font-size: 16px;
line-height: 100%;
margin: 4px;
}
.duda1 .dudaCont .dudaContButtons a i {
margin-right: 4px;
transform: scaleX(-1)
}
/*BANNERS POR DEFECTO*/
.dvBanner {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
color: #333;
padding: 20px;
font-size: 20px;
font-weight: var(--bold1);
line-height: 140%;
text-align: center;
}
.dvBanner:after {
font-weight: 900;
font-family: "Font Awesome 6 Pro";
font-weight: 300;
color: var(--primary);
font-size: 40px;
display: block;
flex-shrink: 0;
line-height: 100%;
text-align: center;
width: 68px;
text-align: center;
order: 1;
}
.dvBanner:before {
margin-right: 20px;
}
.dvBanner:after {
margin: 0 0 8px;
}
.dvBanner .dvBannerCont {
width: 100%;
font-weight: var(--bold1);
order: 2;
max-width: 290px;
}
.dvBanner .dvBannerCont a:not(.dvBannerContLink4) {
font-size: 14px;
color: inherit;
line-height: 120%;
display: block;
margin-top: 8px;
color: #666;
}
.dvBanner .dvBannerCont .dvBannerContLink4 {
color: inherit;
}
.dvBanner .dvBannerCont .dvBannerContText4 {
text-transform: lowercase;
}
/*BANNERS PERSONALIZADOS*/
.secureBox {}
.secureBox:after {
content: "\f2f7";
color: #39b549;
}
.secureBox .dvBannerCont {}
.secureBox .dvBannerCont p:first-child {
font-size: 22px;
}
.secureBox .dvBannerCont p span {
display: inline-block;
}
.secureBox .dvBannerCont p span:not(:first-child) {
margin-left: 4px;
}
.secureBox .dvBannerCont a {}
.dvBannerContLink4 {}
.envioBox {}
.envioBox:after {
content: "\f48b";
font-family: "Font Awesome 6 Pro";
}
.envioBox .dvBannerCont {}
.envioBox .dvBannerCont a {}
.dvBanner.envioMini {
padding: 12px;
justify-content: center;
background: #37474f;
color: #ffffff;
margin: 0 !important;
}
.dvBanner.envioMini:before {
content: "\f48b";
font-family: "Font Awesome 6 Pro";
font-size: 20px;
width: auto;
margin-right: 12px;
}
.dvBanner.envioMini .dvBannerCont {
width: auto;
flex-flow: row wrap;
text-transform: uppercase;
font-size: 16px;
letter-spacing: 2px;
line-height: 16px;
align-items: center;
justify-content: center;
text-align: center;
}
.dvBanner.envioMini .dvBannerCont a:not(.dvBannerContLink4) {
font-size: 12px;
line-height: 12px;
display: inline-block;
margin: 4px;
/* opacity: 0.5; */
text-transform: lowercase;
letter-spacing: 0;
}
.dvBanner.envioMini .dvBannerCont .dvBannerContText4 {
text-transform: uppercase;
}
.dvBanner.fbBox {
font-size: 24px;
}
.dvBanner.fbBox:after {
content: "\f09a";
font-family: "Font Awesome 5 Brands";
color: #3B5998;
}
.dvBanner.fbBox .dvBannerCont .dvBannerCont {}
.dvBanner.fbBox .dvBannerCont a {
text-decoration: none;
color: inherit;
margin: 0;
font-size: 20px;
}
.dvBanner.fbBox .dvBannerCont a span:last-of-type {
display: inline-block;
}
.dvBanner.fbBox iframe {
height: 20px;
margin-top: 12px;
max-width: 100%;
display: none;
}
.dvBanner.twBox {
font-size: 24px;
}
.dvBanner.twBox:after {
content: "\e61b";
font-family: "Font Awesome 5 Brands";
color: #0F1419;
}
.dvBanner.twBox .dvBannerCont {}
.dvBanner.twBox .dvBannerCont a {
text-decoration: none;
color: inherit;
margin: 0;
font-size: 20px;
}
.dvBanner.twBox .dvBannerCont a span:last-of-type {
display: inline-block;
}
.dvBanner.instaBox {
font-size: 24px;
}
.dvBanner.instaBox:after {
content: "\f16d";
font-family: "Font Awesome 5 Brands";
color: #D10869;
}
.dvBanner.instaBox .dvBannerCont {}
.dvBanner.instaBox .dvBannerCont a {
text-decoration: none;
color: inherit;
font-size: inherit;
margin: 0;
font-size: 20px;
}
.dvBanner.instaBox .dvBannerCont a span:last-of-type {
display: inline-block;
}
.dvBanner.urgentBox {}
.dvBanner.urgentBox:after {
content: "\f48c";
}
.dvBanner.urgentBox .dvBannerCont {}
.dvBanner.urgentBox .dvBannerCont a {}
.dvBanner.urgentBox .dvBannerCont span:last-of-type {
font-size: 24px;
line-height: 120%;
margin-left: 8px;
}
.dvBanner.interBox {}
.dvBanner.interBox:after {
content: "\f072";
}
.dvBanner.interBox .dvBannerCont .dvBannerCont {}
.dvBanner.interBox .dvBannerCont a {}
.dvBanner.interBox .dvBannerCont span:last-of-type {
word-break: break-all;
}
.dvBanner.privateBox {}
.dvBanner.privateBox:after {
content: "\f21b";
}
.dvBanner.privateBox .dvBannerCont .dvBannerCont {}
.dvBanner.privateBox .dvBannerCont a {}
.dvBanner.privateBox .dvBannerCont p:first-child span:last-of-type {
font-size: 24px;
line-height: 120%;
margin-left: 8px;
}
.defaultBox {
padding: 12px;
background-color: #eee;
}
/*BOX DE FORMULARIO*/
.formBox {
/* background-color: #f0f0f0; */
padding: var(--section-margin) 16px;
background: -moz-linear-gradient(top, var(--light) 0%, #fff 100%);
background: -webkit-linear-gradient(top, var(--light) 0%, #fff 100%);
background: linear-gradient(to bottom, var(--light) 0%, #fff 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#FFFFFF', GradientType=0);
}
.formBox> div {
max-width: var(--max-width);
text-align: center;
margin: 0 auto;
padding: 20px;
box-shadow: 0 -12px 12px rgba(0, 0, 0, 0.05);
border-radius: 8px;
background-color: #fff;
}
.formBox> div> p {
margin: 0 0 12px;
}
.formBox> div #ulContatoInfo {}
.formBox> div #ulContatoInfo .dvContatoInfoSup {
display: flex;
justify-content: space-between;
}
.formBox> div #ulContatoInfo .dvContactoFormLeft {}
.formBox> div #ulContatoInfo .dvContactoFormRight {
margin-left: 8px;
}
.formBox> div #ulContatoInfo input[type="text"],
.formBox> div #ulContatoInfo input[type="tel"],
.formBox> div #ulContatoInfo input[type="email"],
.formBox> div #ulContatoInfo textarea {
padding: 12px;
}
.formBox> div #ulContatoInfo .dvContatoInfoSub {}
.formBox> div #ulContatoInfo .dvContatoInfoSub {
display: flex;
flex-flow: row wrap;
justify-content: center;
}
.formBox> div #ulContatoInfo .dvContatoInfoSub #bc_enviar {
width: calc(50% - 6px);
}
/*MIGAS DE PAN*/
.breadcrumb {
margin: 0 0 20px;
font-size: 90%;
opacity: 0.9;
}
.breadcrumb ol {
padding: 0 !important;
display: flex;
flex-flow: row wrap;
}
.breadcrumb ol li {
list-style: none;
display: inline-flex;
align-items: center;
margin-right: 8px;
max-width: 100%;
}
.breadcrumb ol li:not(:first-child):before {
content: "\f105";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-right: 8px;
font-size: 10px;
line-height: 10px;
}
.breadcrumb ol li> span,
.breadcrumb ol li> a {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.breadcrumb ol li a {
color: inherit;
text-decoration: none;
}
.breadcrumb ol li a:hover {
text-decoration: underline;
}
/***FOOTER***/
footer {
background: #333;
color: white;
}
footer a {
color: inherit;
text-decoration: none;
display: inline-block;
}
footer .footerInfo {
padding: 30px 16px;
}
footer .footerInfo .footerInfoCont {
display: flex;
justify-content: space-between;
flex-flow: row wrap;
max-width: var(--max-width);
margin: 0 auto;
}
footer .footerInfo .footerInfoCont .FICBox:first-of-type {
width: 25%;
order: 1;
}
footer .footerInfo .footerInfoCont .FICBox:nth-of-type(2) {
width: 25%;
order: 3;
}
footer .footerInfo .footerInfoCont .FICBox:last-of-type {
width: 40%;
order: 5;
}
footer .footerInfo .footerInfoCont .vline {
width: 1px;
background: rgba(255, 255, 255, 0.1);
}
footer .footerInfo .footerInfoCont:before,
footer .footerInfo .footerInfoCont:after {
content: "";
border-left: 1px solid rgba(255, 255, 255, 0.1);
}
footer .footerInfo .footerInfoCont:before {
order: 2;
}
footer .footerInfo .footerInfoCont:after {
order: 4;
}
footer .footerInfo .footerInfoCont .FICBox ul {
list-style: none;
}
footer .footerInfo .footerInfoCont .FICBox .FICBoxTitle {
margin-bottom: 8px;
text-transform: uppercase;
font-weight: var(--bold1);
font-size: 18px;
line-height: 140%;
}
footer .footerInfo .footerInfoCont .FICBox .FICBoxList {
column-count: 2;
}
footer .footerInfo .footerInfoCont .FICBox .FICBoxList li {
display: inline-flex;
width: 100%;
padding: 4px 0;
}
footer .footerInfo .footerInfoCont .FICBox .FICBoxList li a:hover {
text-decoration: underline;
}
footer .footerInfo .footerInfoCont .FICBox .FICBoxList li:before {
content: "\f105";
font-weight: 300;
font-family: "Font Awesome 6 Pro";
margin-right: 6px;
}
footer .footerInfo .footerInfoCont .FICBox .FICBoxPagos {
line-height: 0;
margin-top: 12px;
}
footer .footerInfo .footerInfoCont .FICBox .FICBoxPagos li {
display: inline-block;
margin: 0 4px 4px 0;
}
footer .footerInfo .footerInfoCont .FICBox .FICBoxPagos li img {
max-width: 60px;
display: block;
}
footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .FICBox:nth-last-of-type(2) {
width: 40%;
order: 5;
}
footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .dvCajaBannerPerso.FICBox {
all: unset;
border-top: 1px solid rgba(255, 255, 255, 0.1);
width: 100%;
order: 6;
margin-top: 20px;
padding-top: 20px;
}
footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .dvCajaBannerPerso.FICBox nav {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
}
footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .dvCajaBannerPerso.FICBox nav a {
display: inline-flex;
padding: 8px 16px;
background: rgba(0, 0, 0, 0.2);
border-radius: 4px;
}
footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .dvCajaBannerPerso.FICBox nav a:hover {
background: rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 768px) {
footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .FICBox:nth-last-of-type(2) {
width: 100%;
margin: 12px 0;
}
}
/*CATALOGO*/
body.catalog footer .footerInfo .footerInfoCont .FICBox:first-of-type {
width: 58%;
}
body.catalog footer .footerInfo .footerInfoCont .FICBox:nth-of-type(2) {
width: 0;
}
body.catalog footer .footerInfo .footerInfoCont .FICBox:last-of-type {
width: 38%;
}
body.catalog footer .footerInfo .footerInfoCont:after {
display: none;
}
body.catalog footer .footerInfo .footerInfoCont .FICBox .FICBoxList {
column-count: 1;
}
footer .footerEnd {
padding: 12px 20px 40px;
background-color: rgba(0, 0, 0, 0.1);
font-size: 14px;
}
footer .footerEnd .footerEndCont {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
max-width: var(--max-width);
margin: 0 auto;
}
footer .footerEnd .footerEndCont .FECLegal {
margin: 0 8px 0 0;
}
footer .footerEnd .footerEndCont .FECPaxinas {
font: normal 12px/120% Arial;
display: flex;
align-items: flex-end;
margin: 12px 0 12px auto;
}
footer .footerEnd .footerEndCont .FECPaxinas a {
display: block;
color: inherit;
font: normal 12px/16px Arial;
text-transform: uppercase;
opacity: 0.3;
background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
}
/*CHEKBOX*/
.checkBoxCont {
display: flex;
align-items: center;
}
.checkBoxCont:not(:last-child) {
margin-bottom: 12px;
}
.checkBoxCont .checkBox {
margin: 0 8px 0 0 !important;
flex-shrink: 0;
}
.checkBox {
position: relative;
cursor: pointer;
line-height: 22px;
margin-right: 4px;
overflow: hidden;
flex-shrink: 0;
}
.checkBox input {
position: absolute;
z-index: 1;
opacity: 0;
cursor: pointer;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.checkBox .control_indicator {
top: 1px;
left: 0;
width: 20px;
height: 20px;
background: white;
border: 1px solid #ccc;
border-radius: 4px;
text-align: center;
line-height: 16px;
color: #666;
}
.checkBox .control_indicator:after {
content: "";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
width: 100%;
text-align: center;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
height: 18px;
}
.checkBox input:disabled~ .control_indicator:after {
border-color: #7b7b7b;
}
.checkBox input:checked~ .control_indicator:after {
content: "\f00c";
}
.checkText {
display: flex;
align-items: flex-start;
}
.checkText .checkBox {
flex-shrink: 0;
margin-right: 4px;
}
/*RADIOBUTTON*/
.radiobtn {
display: inline-flex;
align-items: center;
}
.radiobtn input[type="radio"] {
opacity: 0;
position: absolute;
width: 20px;
height: 20px;
}
.radiobtn> span {
display: flex;
align-items: center;
}
.radiobtn> span:before,
.radiobtn> label:before {
content: "";
display: inline-block;
height: 16px;
width: 16px;
background: white;
border: 2px solid #ccc;
border-radius: 100%;
text-align: center;
line-height: 16px;
margin: 0px 5px 0 0;
vertical-align: middle;
cursor: pointer;
flex-shrink: 0;
}
.radiobtn input[type="radio"]:checked~ span:before,
.radiobtn input[type="radio"]:checked~ label:before {
background: #666666;
background: -moz-radial-gradient(center, ellipse cover, #666666 0%, #666666 40%, #ffffff 50%, #ffffff 100%, #ffffff 100%);
background: -webkit-radial-gradient(center, ellipse cover, #666666 0%, #666666 40%, #ffffff 50%, #ffffff 100%, #ffffff 100%);
background: radial-gradient(ellipse at center, #666666 0%, #666666 40%, #ffffff 50%, #ffffff 100%, #ffffff 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#ffffff', GradientType=1);
}
/*CONTENEDOR GENÉRICO*/
.generic {
padding: 20px 20px 40px;
}
.generic .genericCont {
max-width: var(--max-width);
margin: 0 auto;
}
.genericDesc {
align-self: center;
}
.genericDesc:not(:last-child) {
margin: 0 0 20px;
}
.genericDesc .genericDescCont:not(:last-child) {
margin: 0 0 20px;
}
.genericDesc ul,
.genericDesc ol {
padding-left: 18px;
}
.genericDesc ul:not(:last-child),
.genericDesc ol:not(:last-child),
.genericDesc p:not(:last-child) {
margin: 0 0 12px;
}
.genericDesc> span .morelink {
font-size: 14px;
/* background: rgba(0,0,0,0.05); */
/* padding: 4px 8px; */
border-radius: var(--radius1);
margin-top: 8px;
display: inline-block;
}
.generic .genericCont p:not(:last-child) {
margin: 0 0 20px;
}
.generic .genericCont ul,
.generic .genericCont ol {
padding-left: 18px;
list-style: disc;
}
.generic .genericCont ul:not(:last-child),
.generic .genericCont ol:not(:last-child) {
margin: 0 0 20px;
}
.generic .genericCont> ul> li,
.generic .genericCont> ol li,
.generic .genericCont> div> *:not(.breadcrumb) ol li {
margin: 0 0 4px !important;
}
/***LISTADO MARCAS***/
.Marcas .genericCont .listadoMarcas {
overflow: hidden;
}
.Marcas .genericCont .listadoMarcas ul {
display: flex;
flex-flow: row wrap;
margin-left: -8px;
width: calc(100% + 16px);
padding: 0;
}
.Marcas .genericCont .listadoMarcas ul li {
width: calc(16.6666% - 16px);
margin: 0 0 20px;
list-style: none;
text-align: center;
margin: 8px;
padding: 8px;
background: #f5f5f5;
}
.Marcas .genericCont .listadoMarcas ul li a {
color: inherit;
text-decoration: none;
}
.Marcas .genericCont .listadoMarcas ul li .listadoMarcasImg {
display: flex;
position: relative;
padding-bottom: 100%;
margin: 0 0 8px;
background: #fff;
}
.Marcas .genericCont .listadoMarcas ul li .listadoMarcasImg img {
display: block;
max-width: 90%;
max-height: 90%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
/****SLIDE CUPONES****/
.slideCupones {
text-align: center;
background: var(--primary);
background-image: linear-gradient(rgba(255, 255, 255, 0.90), rgba(255, 255, 255, 0.90));
font-size: 16px;
line-height: 20px;
padding: 20px;
}
.slideCupones .slideCuponesCont {
max-width: var(--max-width);
margin: 0 auto;
width: 100%;
/* display: flex; */
}
.slideCupones .slideCuponesCont .switem {
padding: 0;
}
.slideCupones .slideCuponesCont .slideCuponesInfo {
flex-shrink: 0;
display: flex;
align-items: center;
align-content: center;
/* padding: 4px 32px; background-color: rgba(0,0,0,0.1); */
}
.slideCupones .slideCuponesCont .slideCuponesInfo .title2 {
display: block;
margin: 0 0 12px;
width: 100%;
font-size: 20px;
}
.slideCupones .slideCuponesCont .slideCuponesInfo .title2:after {
content: "\f061";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-left: 12px;
display: none;
}
.slideCupones .slideCuponesCont .slideCuponesInfo .desc {
display: none;
}
.slideCupones .slideCuponesCont .sliderCuponesRes {
display: flex;
justify-content: center;
align-items: center;
/* padding: 12px 8px; */
background-color: #fff;
border-radius: var(--radius-default);
}
.slideCupones .slideCuponesCont .sliderCuponesRes .swiper-wrapper {
display: flex;
align-items: inherit;
}
.slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo {
margin: 0 20px;
padding: 8px;
border-radius: var(--radius-default);
}
.slideCupones .slideCuponesCont .sliderCuponesRes .nombre {
display: block;
font-weight: var(--bold1);
}
.slideCupones .slideCuponesCont .sliderCuponesRes .nombre a {
text-decoration: none;
}
.slideCupones .slideCuponesCont .sliderCuponesRes .img img {
display: block;
width: 100%;
}
.slideCupones .swiper-button-next,
.slideCupones .swiper-button-prev {
font-size: 18px;
}
.slideCupones .slideCuponesCont .sliderCuponesRes .swiper-pagination {
bottom: -6px;
}
.slideCupones .slideCuponesCont .btnInfo {
margin: 8px auto 0;
font-size: 14px;
}
.slideCupones .slideCuponesCont .btnInfo a {
color: #666;
}
.slideCupones3 {
text-align: center;
line-height: 20px;
padding: var(--section-margin) 16px;
}
.slideCupones3:not(:last-child) {
margin: 0;
}
.slideCupones3 .slideCuponesCont {
max-width: var(--max-width);
margin: 0 auto;
width: 100%;
font-size: 16px;
}
.slideCupones3 .slideCuponesCont .switem {}
.slideCupones3 .slideCuponesCont .slideCuponesInfo {
flex-shrink: 0;
display: flex;
align-items: center;
align-content: center;
/* padding: 4px 32px; */
/* background-color: rgba(0,0,0,0.1); */
flex-direction: column;
}
.slideCupones3 .slideCuponesCont .slideCuponesInfo .title2 {
display: block;
/* margin: 0 0 12px; */
width: 100%;
/* font-size: 24px; */
}
.slideCupones3 .slideCuponesCont .slideCuponesInfo .title2:last-child {
margin: 0;
}
.slideCupones3 .slideCuponesCont .slideCuponesInfo .title2:after {
content: "\f061";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-left: 12px;
display: none;
}
.slideCupones3 .slideCuponesCont .slideCuponesInfo .desc {}
.slideCupones3 .slideCuponesCont .sliderCuponesRes {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: var(--radius-default);
padding: 20px 0;
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .switem {
width: calc(33.333% - 12px + 4px)
}
/* 4px es el margen de Swiper */
.slideCupones3 .slideCuponesCont .sliderCuponesRes .swiper-wrapper {
display: flex;
align-items: inherit;
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo {
border-radius: var(--radius-default);
background: #ffffff;
flex: 1;
display: flex;
overflow: hidden;
border: 1px solid #eee;
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo:before {
font-weight: 900;
font-family: "Font Awesome 6 Pro";
content: "\f295";
background: #333;
color: #fff;
width: 60px;
flex-shrink: 1;
display: flex;
justify-content: center;
align-items: center;
display: none;
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo .cuponInfoCont {
width: 100%;
text-align: center;
/* padding: 8px; */
display: flex;
flex-direction: row;
min-height: 120px;
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo .cuponInfoCont .cuponInfoContText {
width: 100%;
min-height: 90px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 8px;
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .img {
overflow: hidden;
width: 120px;
display: flex;
/* align-items: center; */
/* display: none; */
flex-shrink: 0;
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .img a {
display: flex;
/* align-items: center; */
justify-content: center;
width: 100%;
position: relative;
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .img a img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
flex: 1;
position: absolute;
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .nombre {
display: flex;
font-weight: var(--bold1);
align-items: center;
/* padding: 8px; */
width: 100%;
justify-content: center;
margin: 0 0 8px;
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .nombre a {
font-size: 18px;
line-height: 22px;
color: inherit;
text-decoration: none;
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .desc .codigo {
background: rgba(0, 0, 0, 0.05);
padding: 4px 8px;
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes p:not(.nombre):not(.desc) {
max-height: 60px;
overflow: hidden;
position: relative;
min-height: 40px
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes p:not(.nombre):not(.desc):before {
content: "";
width: 100%;
height: 16px;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}
.slideCupones3 .swiper-button-next,
.slideCupones3 .swiper-button-prev {
font-size: 16px;
}
.slideCupones3 .swiper-button-next {
right: 0;
}
.slideCupones3 .swiper-button-prev {
left: 0;
}
.slideCupones3 .swiper-container-horizontal> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
transform: none;
-webkit-transform: none;
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .swiper-pagination {
position: static;
margin-top: 12px;
}
.slideCupones3 .slideCuponesCont .btnInfo {
margin: 8px auto 0;
font-size: 14px;
display: none;
}
.dvBanner.slideCupones {}
.dvBanner.slideCupones .slideCuponesCont {}
.dvBanner.slideCupones .slideCuponesCont .switem {}
.dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo {}
.dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo .title2 {}
.dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo .title2:last-child {}
.dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo .title2:after {}
.dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo .desc {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes {
padding: 0px 0 12px;
}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .switem {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .swiper-wrapper {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo {
margin: 0;
}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo:before {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo .cuponInfoCont {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo .cuponInfoCont .cuponInfoContText {
padding: 0 12px;
}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .img {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .img a {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .img a img {
display: block;
margin: 0 auto 12px;
max-height: 200px;
max-width: 100%;
}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .nombre {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .nombre a {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .desc .codigo {}
.dvBanner.slideCupones .swiper-button-next,
.slideCupones3 .swiper-button-prev {}
.dvBanner.slideCupones .swiper-button-next {
right: 2px;
}
.dvBanner.slideCupones .swiper-button-prev {
left: 2px;
}
.dvBanner.slideCupones .swiper-container-horizontal> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .swiper-pagination {
bottom: 0;
}
.dvBanner.slideCupones .slideCuponesCont .btnInfo {}
/****FORMAS DE PAGO****/
.generic .genericCont .dvFormasPago {
margin-bottom: 20px;
}
.generic .genericCont .dvFormasPago> ul {
list-style: none;
padding: 0;
}
.generic .genericCont .dvFormasPago> ul> li {
margin: 0 0 20px
}
.generic .genericCont .dvFormasPago> ul .dvFormasPagoItem {
margin: 0 0 8px;
padding-top: 20px;
border-top: 2px dashed rgba(0, 0, 0, 0.2);
}
.generic .genericCont .dvFormasPago> ul .dvFormasPagoItem .dvFormasPagoItemNombre {
margin: 0 0 4px;
}
.generic .genericCont .dvFormasPago> ul .dvFormasPagoItem .dvFormasPagoItemNombre> span> b {}
.generic .genericCont .dvFormasPago> ul .dvFormasPagoCards {
list-style: none;
padding: 0;
}
.generic .genericCont .dvFormasPago> ul .dvFormasPagoCards> li {
display: inline-block;
margin: 2px 4px 2px 0;
}
.generic .genericCont .dvFormasPago> ul .dvFormasPagoCards> li img {
width: 70px;
}
#dvAvisoPedMin {
display: flex;
font-weight: var(--bold1);
background: rgba(0, 0, 0, 0.05);
border-radius: 4px;
padding: 8px 16px
}
#dvAvisoPedMin p:last-child {
margin: 0;
}
#dvAvisoPedMin:before {
content: "\f05a";
font-weight: 400;
font-family: "Font Awesome 6 Pro";
margin-right: 8px;
}
/****GASTOS DE ENVÍO****/
.generic .genericCont .dvGastosEnvio {}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa> div {
margin: 0 0 20px;
padding-top: 20px;
border-top: 2px dashed rgba(0, 0, 0, 0.2);
}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa> div> p {
margin: 0 0 8px;
}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa> div img {
display: block;
max-width: 100%;
margin: 0 0 8px;
}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa> div .dvGastosEnvioItemNombre b {
font-size: 120%
}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa> div .dvSecGastosEnvioPrecios {
padding: 12px 16px;
border-radius: 12px;
background: -moz-linear-gradient(top, rgba(240, 240, 240, 0.6) 0%, rgba(240, 240, 240, 1) 100%);
background: -webkit-linear-gradient(top, rgba(240, 240, 240, 0.6) 0%, rgba(240, 240, 240, 0) 100%);
background: linear-gradient(to bottom, rgba(240, 240, 240, 0.6) 0%, rgba(240, 240, 240, 0) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#00f0f0f0', GradientType=0);
}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa> div .dvSecGastosEnvioEnvios .dvSecGastosEnvioEnv .pEnviosA {
margin: 0 0 8px;
}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa> div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios> div {
padding: 8px 0;
}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa> div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios> ul {
padding: 8px 0 8px 16px;
}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa> div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios> div .spnProv {
font-weight: var(--bold1);
margin-bottom: 4px;
display: block;
}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa> div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios> div .comboProvincias {
padding-left: 12px;
margin: 0 0 8px;
}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa> div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios> div> ul {
margin-left: 18px;
}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa> div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios> .ulRecogTiendaEst a {
display: inline-flex;
}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa> div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios> .ulRecogTiendaEst a:after {
content: "\f35d";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-left: 4px;
font-size: 10px;
text-decoration: none;
}
.fichaCupones {
margin: 20px 0 0;
}
/****NEWSLETTER****/
.Newsletter .pTitulo {
font-size: 32px;
line-height: 34px;
opacity: 0.6;
}
.Newsletter .pDesc {}
.Newsletter .pDesc> span {
display: block;
}
.Newsletter #dvNewsletterRegister #dvNewsletterRegisterCont form {
display: flex;
padding: 20px;
border: 4px dashed rgba(0, 0, 0, 0.1);
margin: 0 auto 0 0;
}
.Newsletter #dvNewsletterRegister #dvNewsletterRegisterCont form> div {
width: 50%;
}
.Newsletter #dlNewsletterRegister {
padding: 0 8px;
margin-left: 20px;
}
.Newsletter #dlNewsletterRegister> div> div {
margin: 0 0 8px;
}
.Newsletter #dlNewsletterRegister> div> div label {
display: none;
margin: 0 0 4px;
}
.Newsletter #dlNewsletterRegister input[type="text"],
.Newsletter #dlNewsletterRegister input[type="email"] {
display: block;
width: 100%;
padding: 8px;
border: 0;
background: rgba(0, 0, 0, 0.05);
border-radius: 4px;
}
.Newsletter #dlNewsletterRegister div.dlNewsTac {
margin: 0 0 12px;
}
.Newsletter #dlNewsletterRegister div.dlNewsTac> div {
display: flex;
align-items: center;
justify-content: center;
}
.Newsletter #dlNewsletterRegister div.dlNewsTac div .checkBox {
flex-shrink: 0;
margin-right: 4px;
}
.Newsletter #dlNewsletterRegister div.dlNewsTac .txtTacError {
color: #ff1100;
display: block;
text-align: center;
}
.Newsletter #dlNewsletterRegister .newsletterEnvio {
/* display: flex; */
}
.Newsletter #dlNewsletterRegister .newsletterEnvio .dlCaptcha {
width: 160px;
flex-shrink: 0;
margin: 0 4px 0 0;
}
.Newsletter #dlNewsletterRegister .newsletterEnvio .dvCaptcha .dvOper {
display: flex;
align-items: center;
}
.Newsletter #dlNewsletterRegister .newsletterEnvio .dvCaptcha p {
margin: 0;
}
.Newsletter #dlNewsletterRegister .newsletterEnvio .dvCaptcha span {
display: none;
}
.Newsletter #dlNewsletterRegister .newsletterEnvio> div:last-child {
width: 100%;
}
.Newsletter #dlNewsletterRegister .newsletterEnvio> div:last-child input[type="submit"] {
background: #333;
color: #fff;
border: 0;
padding: 8px 8px;
text-decoration: none;
display: flex;
align-items: center;
text-transform: uppercase;
font-weight: var(--bold1);
justify-content: center;
width: 100%;
border-radius: var(--radius1);
}
.Newsletter #dlNewsletterRegister .newsletterEnvio> div .ddCamposOblig {
display: none;
}
.Newsletter #dlNewsletterRegister .newsletterEnvio> div .pLegal {
font-size: 80%;
line-height: 140%;
margin: 12px 0 0;
}
.dvBtnVolver {
margin: 12px 0;
}
.dvBtnVolver a {
display: inline-flex;
align-items: center;
text-decoration: none;
background: rgba(0, 0, 0, 0.05);
color: #333;
padding: 8px 16px;
border-radius: var(--radius1);
}
.dvBtnVolver a:before {
content: "\f104";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-right: 8px;
font-size: 10px;
}
/****PROMOCIONES****/
.generic .dvPromo {
background: rgba(0, 0, 0, 0.05);
border-left: 8px solid rgba(0, 0, 0, 0.1);
display: flex;
}
.generic .dvPromo.flash {
border-left: 8px solid #f8c931
}
.generic .dvPromo:not(:last-child) {
margin: 0 0 20px;
}
.generic .dvPromo .img {
width: 200px;
flex-shrink: 0;
display: flex;
/* align-items: center; */
justify-content: center;
}
.generic .dvPromo .img a {
display: flex;
width: 100%;
flex: 1;
align-items: flex-start;
justify-content: center;
/* background: rgba(0,0,0,0.05); */
padding: 12px 0 12px 12px;
}
.generic .dvPromo .img a img {
width: 100%;
border-radius: var(--radius-default);
display: block;
}
.generic .dvPromo .left {
padding: 12px;
width: 100%;
font-size: 14px;
line-height: 20px;
display: flex;
flex-direction: column;
justify-content: center;
}
.generic .dvPromo .left .dvPromoNombre {
margin: 0 0 8px;
}
.generic .dvPromo .left a {
font-size: 20px;
line-height: 24px;
}
.generic .dvPromo .right {
width: 320px;
flex-shrink: 0;
background: rgba(0, 0, 0, 0.05);
padding: 20px;
display: flex;
flex-direction: column;
justify-content: center;
}
.generic .dvPromo .right p:not(:last-child) {
margin: 0 0 8px;
}
.generic .dvPromo .right .code {}
.generic .dvPromo .right .code .sin,
.generic .dvPromo .right .code span:first-child {
background: white;
display: block;
text-align: center;
padding: 8px;
border: 2px dashed rgba(0, 0, 0, 0.2);
font-size: 20px;
line-height: 20px;
margin: 0 0 8px;
}
.generic .dvPromo .right .code span:last-child:not(:first-child) {
display: block;
font-size: 14px;
line-height: 16px;
}
.generic .dvPromo .right p.copy,
.generic .dvPromo .right p.nocopy {
font-weight: var(--bold1);
}
.generic .dvPromo .right p.of {
display: block;
text-align: center;
background: #333;
color: #fff;
padding: 8px;
border-radius: 4px;
font-weight: var(--bold1);
}
.generic .dvPromo .right .campExpressDesc {
text-align: center;
}
.generic .dvPromo .right .campExpressDesc .campExpressDescCont> div {
display: block;
}
/*PROMO FLASH*/
.generic .dvPromo.flash {}
.generic .dvPromo.flash .right> p {
font-weight: var(--bold1);
}
.generic .dvPromo.flash .right> p> span {
display: flex;
text-align: center;
background: #333;
color: #fff;
padding: 8px 12px;
border-radius: 4px;
font-weight: var(--bold1);
overflow: hidden;
margin-top: 8px;
justify-content: center;
}
.generic .dvPromo.flash .right> p> span:before {
content: "\f2f2";
font-weight: 400;
font-family: "Font Awesome 6 Pro";
display: inline-block;
margin-right: 8px;
color: #fff;
font-size: 120%;
flex-shrink: 0;
transform: scale(2.4) rotate(-20deg);
opacity: .6;
margin-right: 24px;
}
/****CHEQUES****/
.Cheque .pTitulo {
font-size: 32px;
line-height: 34px;
opacity: 0.6;
}
.Cheque .pDesc {}
.Cheque .pDesc> span {
display: block;
}
.Cheque input[type="text"] {
display: block;
width: 100%;
padding: 8px;
border: 0;
background: rgba(0, 0, 0, 0.05);
border-radius: 4px;
}
#dvValidarChequeRegalo {
border: 4px dashed rgba(0, 0, 0, 0.1);
display: flex;
padding: 20px;
}
#dvValidarChequeRegalo> div {
width: 100%;
}
#dvValidarChequeRegalo> form {
width: 100%;
max-width: 500px;
margin-left: 20px;
}
.Cheque .validarCheque {}
.Cheque .validarCheque> * {
margin: 0 0 8px
}
.Cheque .validarCheque .dvOper {
display: flex;
}
.Cheque .validarCheque .dvOper input {
width: 100%
}
.Cheque .validarCheque .dvOper img {
flex-shrink: 0;
}
.Cheque input[type="submit"] {
background: #333;
color: #fff;
border: 0;
padding: 8px 20px;
text-decoration: none;
display: flex;
align-items: center;
text-transform: uppercase;
font-weight: var(--bold1);
justify-content: center;
width: 100%;
border-radius: var(--radius1);
}
/****CONTACTO****/
#dvContactoCont {
display: flex;
}
#dvContactoInfo {
width: 100%;
}
#dvContactoInfo .ContactoInfo p {
margin: 0 0 8px;
}
#dvContactoInfo .ContactoInfo {}
#dvContactoInfo .ContactoInfo .icoWhatsapp {
display: inline-block;
color: #fff;
background: #128c7e;
width: 22px;
border-radius: 3px;
text-align: center;
font-size: 14px;
line-height: 22px;
margin-left: 8px;
}
#dvContactoInfo .ContactoMapa {
margin-top: 20px;
position: relative;
min-height: 200px;
}
#dvContactoInfo .ContactoMapa iframe {
display: block;
width: 100%;
height: 380px;
}
.dvContactoForm,
#dvContactoPeticionFeita {
padding: 0 0 0 20px;
border-left: 4px dashed rgba(0, 0, 0, 0.1);
max-width: 400px;
flex-shrink: 0;
margin-left: 20px;
display: flex;
flex-direction: column;
justify-content: center;
}
.dvContactoForm .spnContactoTitulo {
display: block;
margin: 0 0 8px;
}
.dvContactoForm .spnContactoTitulo a {
color: inherit;
}
.dvContactoForm .spnContactoCont span {
display: inline-block;
}
#dvContactoResult {
background: rgba(0, 0, 0, 0.05);
padding: 12px;
border-radius: 8px;
margin: 8px 0;
border: 1px solid rgba(0, 0, 0, 0.1)
}
#dvContactoResult b {
text-transform: uppercase;
font-size: 120%;
line-height: 140%;
margin: 0 0 8px;
display: inline-block;
}
#dvContactoInfo .socialLine {
margin-top: 16px;
}
#dvContactoInfo .socialUl {
padding: 0;
}
#dvContactoInfo .socialLine li {
border: 1px solid #ddd;
}
#ulContatoInfo {}
#ulContatoInfo .spnContactoTit {
display: none;
}
#ulContatoInfo .dvContactoFormItem,
#ulContatoInfo .dvContactoFormGroup {
margin: 0 0 12px;
}
#ulContatoInfo input[type="text"],
#ulContatoInfo input[type="tel"],
#ulContatoInfo input[type="email"],
#ulContatoInfo textarea {
display: block;
width: 100%;
padding: 8px;
border: 0;
background: rgba(0, 0, 0, 0.05);
border-radius: 4px;
}
#ulContatoInfo textarea {
resize: vertical;
}
.dvContatoInfoSup {
display: block;
}
.dvContatoInfoSup .dvContactoFormLeft {
width: 100%;
margin-right: 4px;
}
.dvContatoInfoSup .dvContactoFormLeft .dvContactoFormItem {
width: 100%;
}
.dvContatoInfoSup .dvContactoFormLeft .dvContactoFormItem input {
width: 100%;
}
.dvContatoInfoSup .dvContactoFormRight {
width: 100%;
display: flex;
}
.dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem {
width: 100%;
display: flex;
flex-direction: column;
}
.dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo {
flex: 1;
display: flex;
}
.dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo label {
display: flex;
}
.dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo label,
.dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo textarea {
width: 100%;
/* height: 100%; */
}
.dvContatoInfoSub {}
.dvContatoInfoSub .ulContatoInfoSubItem {
display: flex;
justify-content: space-between;
}
.dvContatoInfoSub .ulContatoInfoSubItem .dvContactoInfo:last-child {
width: 100%;
max-width: 400px;
}
.dvContatoInfoSub .tac {
display: block;
margin: 0 0 12px;
}
.dvContatoInfoSub .tac .dvContactoInfo {
display: flex;
align-items: center;
justify-content: center;
line-height: 100%;
}
.dvContatoInfoSub .tac .txtTacError {
display: none;
}
.dvContatoInfoSub .dvCaptcha {
width: 160px;
flex-shrink: 0;
margin: 0 4px 0 0;
}
.dvContatoInfoSub .dvCaptcha .dvOper {
display: flex;
align-items: center;
}
.dvContatoInfoSub .dvCaptcha p {
margin: 0;
}
.dvContatoInfoSub .dvCaptcha .captchaDesc {
display: none;
}
.dvContatoInfoSub input[type="button"] {
background: #333;
color: #fff;
border: 0;
padding: 8px 8px;
text-decoration: none;
display: flex;
align-items: center;
text-transform: uppercase;
font-weight: var(--bold1);
justify-content: center;
width: 100%;
border-radius: var(--radius1);
}
.dvContatoInfoSub .pLegal {
font-size: 80%;
line-height: 140%;
margin: 4px 0 8px;
width: 100%;
opacity: .7
}
/****USUARIOS****/
/*ALTA USUARIOS*/
.usuarios {}
.usuarios #datosFactCiudad,
.usuarios #datosEnvio_ciudad {
display: none;
}
.usuarios .pDatosGenerales {
padding-bottom: 4px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
font-weight: var(--bold1);
}
.usuarios .dvDatosGenerales .dlSeleccPartEmpr {
margin: 0 0 12px;
}
.usuarios .dvDatosGenerales .dlSeleccPartEmpr .radiobtn:nth-of-type(2) {
margin-left: 12px;
}
.usuarios .dvDatosGenerales .altaCampoTitle {
margin: 0 0 4px;
}
.usuarios .dvDatosGenerales .altaCampoTitle .spnInfo {
opacity: 0.8;
font-size: 12px;
margin-left: 4px;
line-height: 12px;
display: inline-block;
}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm {
display: flex;
justify-content: space-between;
border-radius: 8px;
}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm> div {
display: inline-block;
padding: 8px 0;
width: 100%;
}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm> div input[type=text],
.usuarios .dvDatosGenerales> div input[type=email],
.usuarios .dvDatosGenerales> div input[type=password],
.usuarios .dvDatosGenerales> div select,
.usuarios .dvDatosGenerales> div textarea {
display: block;
width: 100%;
padding: 8px;
border: 0;
background: rgba(0, 0, 0, 0.05);
border-radius: 4px;
margin: 0 0 8px;
}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .dvDatosGeneralesFormLeft {
margin-right: 20px;
}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .dvDatosGeneralesFormRight {
border-left: 2px solid rgba(0, 0, 0, 0.05);
padding-left: 20px;
}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaNombre {}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaNombreEmpresa {}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaNombreParticular {}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect {
display: flex;
justify-content: space-between;
}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect span {
width: 24%;
display: block;
flex-shrink: 0;
}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect span:nth-child(2) {
width: 49%
}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha select {
padding: 8px;
border: 0;
border-radius: 4px;
background: rgba(0, 0, 0, 0.05);
width: 100%;
}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaEmail {}
.usuarios .dvDatosGenerales .required {
margin: 0 0 12px;
text-align: right;
font-size: 14px;
}
/*EDITAR USUARIOS*/
.usuarios .modNewsTac {
margin: 20px 0;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.usuarios .modNewsTac .checkText {
margin: 0 0 8px;
display: flex;
}
.usuarios .dvRegister {
margin-top: 12px;
display: flex;
justify-content: space-between;
}
.usuarios .dvRegister input[type="button"] {
background: #333;
color: #fff;
border: 0;
padding: 8px 8px;
text-decoration: none;
display: flex;
align-items: center;
text-transform: uppercase;
font-weight: var(--bold1);
justify-content: center;
width: 100%;
max-width: 200px;
margin-left: 12px;
border-radius: var(--radius1);
}
.usuarios .altaNewsTac {
margin: 12px 0;
overflow: hidden;
display: flex;
flex-direction: column;
/* align-items: flex-end; */
background-color: rgba(0, 0, 0, 0.05);
padding: 12px;
margin-left: calc(50%+ 28px);
border-radius: 4px;
}
.usuarios .altaNewsTac .altaNewsTacCont {}
.usuarios .altaNewsTac .checkText {
display: flex;
}
.usuarios .altaNewsTac .checkText:not(:last-child) {
margin: 0 0 8px;
display: flex;
}
.envioIgual {
margin-bottom: 20px
}
/*INICIO USUARIOS*/
.usuarios .dvUserMod {
padding: 12px;
margin: 0 0 12px;
background-color: rgba(0, 0, 0, 0.05);
border-radius: 4px;
}
.usuarios .dvUserMod:last-child {
margin-bottom: 20px;
}
.usuarios .dvUserMod p.pDatos,
.usuarios .dvUserMod p.pPedidos {
display: flex;
align-items: center;
margin: 0 0 8px;
}
.usuarios .dvUserMod p.pDatos:before,
.usuarios .dvUserMod p.pPedidos:before {
content: "\f105";
font-weight: 600;
font-family: "Font Awesome 6 Pro";
margin-right: 8px;
font-size: 12px;
color: #666;
}
.usuarios .dvUserMod .pDatos a,
.usuarios .dvUserMod .pPedidos a {
font-size: 18px
}
/*RECUPERAR CONTRASEÑA*/
#dvPassRec form {
max-width: 540px;
padding: 12px;
background-color: rgba(0, 0, 0, 0.02);
border-radius: 4px;
}
#dvPassRec .dvDesc {
margin: 0 0 12px;
}
#dvPassRec input[type="email"] {
border: 0;
background: #eee;
border-radius: 4px;
margin: 0 0 8px;
padding: 8px 8px;
width: 100%;
}
#dvPassRec input[type="submit"] {
background: #333;
color: #fff;
border: 0;
padding: 8px 8px;
text-decoration: none;
display: flex;
align-items: center;
text-transform: uppercase;
font-weight: var(--bold1);
justify-content: center;
width: 100%;
max-width: 320px;
margin-top: 20px;
border-radius: var(--radius1);
margin-bottom: 4px;
}
#dvPassRec .dlUserMail {
font-weight: var(--bold1);
margin: 0 0 4px;
}
/*LISTA PEDIDOS*/
#dvPedidosListUserCont {}
#dvPedidosListUserCont .dvNoResults {
margin: 8px 0 0;
padding: 20px;
background: #fff9c4;
border: 1px solid #e2dca7;
border-radius: 4px;
display: flex;
align-items: flex-start;
text-align: left;
justify-content: center;
}
#dvPedidosListUserCont .dvNoResults:before {
content: "\f05a";
font-family: "Font Awesome 6 Pro";
font-weight: 900;
margin: 0 8px 0 0;
font-size: 18px;
line-height: 120%;
}
#dvPedidosListUserCont table {
width: 100%;
text-align: center;
margin: 0 0 40px;
}
#dvPedidosListUserCont table th {
padding: 8px;
background: rgba(0, 0, 0, 0.1);
}
#dvPedidosListUserCont table tr:nth-child(2n+1) {
background: rgba(0, 0, 0, 0.05)
}
#dvPedidosListUserCont table tr td {
padding: 8px;
}
#dvPedidosListUserCont table tr td:first-child {
width: 100px;
min-width: 100px;
}
#dvPedidosListUserCont table tr td:last-child {
width: 120px;
min-width: 120px;
}
#dvPedidosListUserCont table tr td:last-child a {
text-decoration: none;
display: flex;
align-items: center;
}
#dvPedidosListUserCont table tr td:last-child a:after {
content: "\f105";
font-weight: 600;
font-family: "Font Awesome 6 Pro";
margin-left: 8px;
font-size: 12px;
}
/*DETALLES PEDIDO*/
.generic .genericCont #dvDetDetPed {
margin: 0 0 12px;
}
.generic .genericCont #dvDetResumen,
.generic .genericCont #dvDetFactEnv,
.generic .genericCont #dvDetProdObs {
padding: 20px;
background: rgba(0, 0, 0, 0.05);
margin: 0 0 20px;
border-radius: 4px;
}
.generic .genericCont #dvDetResumen p span:last-child {
font-weight: var(--bold1);
}
.generic .genericCont p.pDetFactEnvEnc,
.generic .genericCont p.pDetProdObsEnc,
.generic .genericCont p.pDetProdPedEnc {
margin: 0 0 12px;
font-weight: var(--bold1);
}
.generic .genericCont #dvDetFactEnv {
display: flex;
}
.generic .genericCont #dvDetFactEnv> * {
width: 50%;
padding: 8px;
}
.generic .genericCont #dvDetProdPed {
padding: 12px;
background: rgba(0, 0, 0, 0.05);
margin: 0 0 20px;
border-radius: 4px;
}
.generic .genericCont #dvDetProdPed table {
width: 100%;
text-align: center;
}
.generic .genericCont #dvDetProdPed table.tblDetProdPedProdsCantImp {
border-top: 2px dashed rgba(0, 0, 0, 0.1);
margin-bottom: 8px;
}
.generic .genericCont #dvDetProdPed table.tblDetProdPedProdsCantImp td,
#dvDetProdPed table.tblDetProdPedProdsCantImp th {
padding: 8px;
}
.generic .genericCont #dvDetProdPed table.tblDetProdPedProdsCantImp th:first-child,
#dvDetProdPed table.tblDetProdPedProdsCantImp td:first-child {
text-align: left;
}
.generic .genericCont #dvDetProdPed table td:last-child {
width: 120px;
max-width: 120px;
min-width: 120px;
}
.generic .genericCont #dvDetProdPed table.tblDetProdPedTotales td {
padding: 4px 8px;
}
.generic .genericCont #dvDetProdPed table.tblDetProdPedTotales td:first-child {
text-align: right;
}
.generic .genericCont #dvDetProdPed table.tblDetProdPedTotales tr:last-child {
font-weight: var(--bold1);
}
.generic .genericCont #dvDetPedUserBtns {
text-align: center;
}
.generic .genericCont #dvDetPedUserBtns p {
display: inline-block;
margin: 4px 2px;
}
.generic .genericCont #dvDetPedUserBtns a {
display: inline-block;
padding: 8px 23px;
background: rgba(0, 0, 0, 0.8);
color: #fff;
text-decoration: none;
border-radius: 4px;
}
.generic .genericCont #dvDetPedUserBtns a:after {
content: "\f105";
font-weight: 600;
font-family: "Font Awesome 6 Pro";
margin-left: 8px;
font-size: 12px;
}
.generic .genericCont #dvDetPedUserReped {
text-align: center;
}
.generic .genericCont #dvDetPedUserReped p {
display: inline-block;
margin: 4px 2px;
}
.generic .genericCont #dvDetPedUserReped a {
display: inline-block;
padding: 8px 23px;
border: 1px solid rgba(0, 0, 0, 0.8);
color: rgba(0, 0, 0, 0.8);
text-decoration: none;
border-radius: 4px;
}
.generic .genericCont #dvDetPedUserReped a:after {
content: "\f105";
font-weight: 600;
font-family: "Font Awesome 6 Pro";
margin-left: 8px;
font-size: 12px;
}
.btnPromo a {
display: block;
background: #333;
color: #fff;
text-decoration: none;
border-radius: 4px;
padding: 6px 12px;
}
/*BORRAR USUARIO*/
.generic .genericCont #dvDelUserCont .dvDelUserForm> div {
max-width: 460px;
}
.generic .genericCont #dvDelUserCont .dvDelUserForm .pDelUserFormBtn {
max-width: 460px;
}
.generic .genericCont #dvDelUserCont .pDelUserFormCampOblig {
text-align: right;
font-size: 12px;
color: #999;
display: block;
}
/*VER CARRITO*/
.loggedCart {
animation: blink 3s;
-webkit-animation: blink 3s;
}
.loggedCart> p {
background-color: #c3e6cb;
color: #155724;
padding: 4px;
border: 1px solid #c3e6cb;
border-radius: 4px;
display: flex;
margin-bottom: 12px;
justify-content: center;
align-items: center;
line-height: 120%;
}
.loggedCart> p:before {
content: "\f00c";
font-family: "Font Awesome 6 Pro";
font-weight: 900;
margin: 0 8px 0 0;
font-size: 18px;
line-height: 120%;
}
#dvCestaCont {
margin: 0 0 20px;
}
.dvCabRealizarPedidoMetodo .dvCabRealizarPedidoMetodoInt {
padding-bottom: 4px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
font-weight: var(--bold1);
margin: 0 0 12px;
}
#tblVerCesto {
width: 100%;
text-align: left;
margin: 0 0 8px;
/* border: 1px solid rgba(0,0,0,0.05); */
border-radius: 8px;
overflow: hidden;
box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.05);
}
#tblVerCesto> tbody> tr:first-of-type {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding: 4px
}
#tblVerCesto> tbody> tr:first-of-type th {
padding: 8px 12px;
text-transform: uppercase;
background: rgba(0, 0, 0, 0.05);
}
#tblVerCesto #trLineaTotal td {
border: 0;
}
#tblVerCesto> tbody> tr> td {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding: 8px;
position: relative;
}
#tblVerCesto> tbody> tr> td:first-child,
#dvCartConProds #dvProds table tr th:first-child {
text-align: left;
}
#tblVerCesto> tbody> tr> td:first-child a:first-child {
display: flex;
align-items: center;
}
#tblVerCesto> tbody> tr> td:first-child a img {
width: 80px;
margin-right: 12px;
}
#tblVerCesto .trProductoCesta .tdNombreProducto a {
color: #666;
text-decoration: none;
font-weight: var(--bold1);
display: flex;
flex-flow: row wrap;
}
#tblVerCesto .trProductoCesta .tdNombreProducto a> span:not(:last-child) {
margin-right: 4px;
}
#tblVerCesto .trProductoCesta .tdNombreProducto .dvObvProd {
opacity: .8;
font-size: 80%;
line-height: 120%;
margin: 4px 0;
padding: 12px;
border-radius: 4px;
background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 1%, rgba(0, 0, 0, 0) 100%);
background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 1%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 1%, rgba(0, 0, 0, 0) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000', GradientType=1);
}
#tblVerCesto .trProductoCesta .tdNombreProducto .dvObvProd p {
font-style: italic;
}
#tblVerCesto .trProductoCesta .tdNombreProducto .dvObvProd:before {
content: "\f27a";
font-weight: 600;
font-family: "Font Awesome 6 Pro";
display: inline-block;
margin-right: 8px;
}
.tdNombreProducto> div {
display: flex;
align-items: center;
}
.attachedFiles {
display: inline-flex !important;
padding: 0 8px;
background: rgba(0, 0, 0, 0.06);
border-radius: 24px;
line-height: 1;
font-weight: var(--bold1);
min-height: 24px;
align-items: center;
justify-content: center;
color: #666;
}
.attachedFiles:before {
content: "\f0c6";
font-weight: 600;
font-family: "Font Awesome 6 Pro";
display: inline-block;
margin-right: 4px;
}
#tblVerCesto .trProductoCesta .tdNombreProducto .attachedFiles {}
#tblVerCesto .trProductoCesta .tdEliminaProducto {
width: 32px;
text-align: center;
position: relative;
}
#tblVerCesto .trProductoCesta .tdEliminaProducto:before {
content: "\f057";
font-weight: 600;
font-family: "Font Awesome 6 Pro";
font-size: 12px;
color: #dd2c00;
}
#tblVerCesto .trProductoCesta .tdEliminaProducto a {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
#tblVerCesto .trProductoCesta .tdImporteProducto,
#tblVerCesto #thImporteProducto,
#tblVerCesto .tdImporteTotalProducto {
width: 180px;
text-align: right;
}
#tblVerCesto .tdImporteTotalProducto> span:last-child {
font-size: 12px;
line-height: 16px;
opacity: 0.8;
display: block;
}
#tblVerCesto #thCantidadProducto,
#tblVerCesto .tdCantidadProducto {
width: 120px;
text-align: center;
}
#tblVerCesto .tdCantidadProducto> div {
display: block;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 4px;
max-width: 100px;
}
#tblVerCesto .tdCantidadProducto> div> table {
width: 100%;
}
#tblVerCesto .tdCantidadProducto td {
/* border-right: 1px solid rgba(0,0,0,0.25); */
padding: 4px;
}
#tblVerCesto .tdCantidadProducto td:last-child {
border: 0;
}
#tblVerCesto .tdCantidadProducto a {
text-decoration: none;
color: inherit;
display: flex;
/* width: 20px; */
justify-content: center;
line-height: 20px;
padding: 0 4px;
}
#tblVerCesto .tdCantidadProducto .lnkSumCantCarrito:after,
#tblVerCesto .tdCantidadProducto .lnkRestCantCarrito:after {
font-weight: 900;
font-family: "Font Awesome 6 Pro";
font-size: 10px;
display: block;
}
#tblVerCesto .tdCantidadProducto .lnkSumCantCarrito:after {
content: "\f067";
}
#tblVerCesto .tdCantidadProducto .lnkRestCantCarrito:after {
content: "\f068";
}
#tblVerCesto .tdCantidadProducto .tdCantidadTotal {
padding: 0px;
background-color: rgba(0, 0, 0, 0.05);
}
#tblVerCesto .tdCantidadProducto .tdCantidadTotal input {
height: 28px;
width: 36px;
text-align: center;
border: 0;
font-size: 14px;
background: transparent;
}
#tblVerCesto .tdCantidadTotal .spnTotalCarrito {
display: block;
text-align: right;
font-weight: var(--bold1);
}
#tblVerCesto .trTotal {
background-color: rgba(0, 0, 0, 0.02);
}
#tblVerCesto .trTotal .spnTotalCarrito {
font-weight: var(--bold1);
}
#dvCestaCont .pIncremPed .spnIncremPed {
font-size: 12px;
line-height: 16px;
opacity: 0.6;
text-align: right;
display: block;
}
#tblVerCesto .trTotal #liPagaMasTardeSim {
display: flex;
justify-content: flex-end;
}
#tblVerCesto .trTotal #liPagaMasTardeSim .PmtSimulator iframe {
max-width: 360px;
display: block;
}
#tblVerCesto .trTotal #liPagaMasTardeSim {
margin-top: 12px;
display: flex;
justify-content: center;
padding: 2px;
border-radius: 8px;
max-width: 440pX;
}
#tblVerCesto .trTotal #liPagaMasTardeSim:empty {
display: none;
}
/*#tblVerCesto .trTotal #liPagaMasTardeSim:not(:empty):before { content: url('../images/formaspago/pmt.svg'); display: flex; align-items: center; height: 40px; width: 96px; justify-content: center; font-family: "Font Awesome 6 Pro"; font-size: 40px; line-height: 40px; border-radius: var(--radius1); margin-right: 2px; color: #fff; font-weight: 900;}*/
#tblVerCesto .trTotal #liPagaMasTardeSim .PmtSimulator {
max-width: 360px;
width: 100%;
border-radius: 8px;
overflow: hidden;
}
#tblVerCesto .trTotal #liPagaMasTardeSim #tblVerCesto .trTotal #liPagaMasTardeSim .PmtSimulator iframe {
max-width: 360px;
display: block;
}
/*Portes no incluidos*/
span.portesNoIncluidos {
display: flex;
font-size: 90%;
line-height: 110%;
text-decoration: none;
font-style: normal;
opacity: .9;
font-weight: normal;
margin: 8px 0 4px;
}
span.portesNoIncluidos:before {
content: "\f05a";
font-weight: 600;
font-family: "Font Awesome 6 Pro";
margin-right: 4px;
flex-shrink: 0;
}
#tblResumenProds {
width: 100%;
text-align: left;
margin: 0 0 8px;
/* border: 1px solid rgba(0,0,0,0.05); */
border-radius: 8px;
overflow: hidden;
box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.05);
}
#tblResumenProds> tbody> tr:first-of-type {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding: 4px
}
#tblResumenProds> tbody> tr:first-of-type th {
padding: 8px 12px;
text-transform: uppercase;
background: rgba(0, 0, 0, 0.05);
}
#tblResumenProds #trLineaTotal td {
border: 0;
}
#tblResumenProds> tbody> tr> td {
padding: 8px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
#tblResumenProds> tbody> tr> td:first-child,
#dvCartConProds #dvProds table tr th:first-child {
text-align: left;
}
#tblResumenProds> tbody> tr> td:first-child a:first-child {
display: flex;
align-items: center;
}
#tblResumenProds> tbody> tr> td:first-child a img {
width: 48px;
margin-right: 12px;
}
#tblResumenProds> tbody> tr> td> .attachedFiles:before {
content: "\f0c6";
font-weight: 600;
font-family: "Font Awesome 6 Pro";
display: inline-block;
margin-right: 8px;
}
#tblResumenProds .trProductoCesta {}
.tdNombreProducto> div {
display: flex;
align-items: center;
}
#tblResumenProds .trProductoCesta .tdEliminaProducto {
width: 32px;
text-align: right;
}
#tblResumenProds .trProductoCesta .tdEliminaProducto:before {
content: "\f057";
font-weight: 600;
font-family: "Font Awesome 6 Pro";
font-size: 12px;
color: #dd2c00;
}
#tblResumenProds .trProductoCesta .tdImporteProducto,
#tblResumenProds .thImporte {
width: 240px;
text-align: right;
}
#tblResumenProds .tdImporte,
#tblResumenProds .tdImportesSumario {
width: 180px;
text-align: right;
}
#tblResumenProds .tdSumario p {
margin: 0 0 8px;
padding-bottom: 4px;
}
#tblResumenProds .tdImportesSumario p {
margin: 0 0 8px;
padding-bottom: 4px;
}
#tblResumenProds .tdImportesSumario p:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
#tblResumenProds .tdImporte> span:last-child {
font-size: 12px;
line-height: 16px;
opacity: 0.8;
display: block;
}
#tblResumenProds .thCantidad,
#tblResumenProds .tdCantidad {
width: 120px;
text-align: center;
}
#tblResumenProds .tdCantidadProducto> div {
display: block;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 4px;
max-width: 140px;
}
#tblResumenProds .tdCantidadProducto> div> table {
width: 100%;
}
#tblResumenProds .tdCantidadTotal .spnTotalCarrito {
display: block;
text-align: right;
font-weight: var(--bold1);
}
#tblResumenProds .trTotal {
background-color: rgba(0, 0, 0, 0.02);
}
#tblResumenProds .trTotal .spnTotalCarrito {
font-weight: var(--bold1);
}
#dvCestaCont .cestaEnvioGratis {
display: inline-block;
}
#dvCestaCont .cestaEnvioGratis a {
font-size: 90%;
padding: 0px 12px;
border-radius: 4px;
display: inline-flex;
margin: 4px 0;
align-items: center;
text-decoration: none;
color: #333;
justify-content: center;
padding: 12px 20px;
background: #e8f5e9;
border: 1px solid #c8e6c9;
font-weight: var(--bold1);
line-height: 120%;
}
#dvCestaCont .cestaEnvioGratis a:before {
content: "\f48b";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-right: 8px;
font-size: 18px;
line-height: 18px;
text-align: center;
}
#dvCestaCont #dvImporteMin {
font-weight: var(--bold1);
display: inline-block;
}
/*Cupones*/
#dvCuponesCarrito {
background: rgba(0, 0, 0, 0.05);
border-radius: 8px;
padding: 20px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
flex-flow: row wrap;
margin-top: 20px;
}
#dvCuponesCarrito> p {
margin: 8px 0;
padding: 0;
font-weight: var(--bold1);
font-size: 24px;
line-height: 28px;
max-width: 59%;
flex-shrink: 0;
}
#dvCuponesCarrito> p> span {
font-size: 14px;
line-height: 16px;
opacity: .8;
display: block;
margin-top: 8px;
}
#dvCuponesCarrito .aplicados,
#dvCuponesCarrito .aplicar,
#dvCuponesCarrito .aplicables {
/* margin: 0 0 12px; */
/* padding: 12px; */
}
#dvCuponesCarrito .aplicados:not(:last-child),
#dvCuponesCarrito .aplicar:not(:last-child),
#dvCuponesCarrito .aplicables:not(:last-child) {
/* border-bottom: 2px dashed rgba(0,0,0,0.1); */
/* padding-bottom: 12px; */
}
#dvCuponesCarrito .aplicables {
order: 3;
margin-top: 12px;
width: 100%;
}
#dvCuponesCarrito .aplicar {
/* background: rgba(0,0,0,0.1); */
padding: 0;
display: flex;
/* justify-content: space-between; */
align-items: center;
flex-flow: row wrap;
/* margin-top: 8px; */
width: 100%;
MAX-WIDTH: 40%;
}
#dvCuponesCarrito .aplicar> p:first-child,
#dvCuponesCarrito .aplicables> p:first-child {
font-weight: var(--bold1);
margin: 0 0 8px;
display: flex;
align-items: flex-start;
line-height: 100%;
}
#dvCuponesCarrito .aplicar> p:first-child,
#dvCuponesCarrito .aplicar> p {
margin: 0 8px 0 0;
display: none;
}
#dvCuponesCarrito .aplicar> p:first-child:before,
#dvCuponesCarrito .aplicables> p:first-child:before {
content: "\f105";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
font-size: 14px;
margin-right: 8px;
/* margin-top: 4px; */
}
#dvCuponesCarrito .aplicar> p.aplicarInput {
flex: 1;
display: flex;
margin: 0;
width: 100%;
justify-content: flex-end;
}
#dvCuponesCarrito .aplicar> div.novalido {
width: 100%;
color: #dd2c00;
font-weight: var(--bold1);
background: rgba(255, 255, 255, 0.8);
text-align: center;
padding: 4px;
border-radius: 4px;
margin-top: 8px;
}
#dvCuponesCarrito .aplicar input[type="text"] {
border: 0;
background: #ffffff;
border-radius: 4px 0 0 4px;
padding: 8px 12px;
width: 100%;
margin: 0;
border: 2px solid rgba(0, 0, 0, 0.1);
}
#dvCuponesCarrito .aplicar a {
border: 0;
padding: 4px 12px;
text-decoration: none;
display: inline-flex;
align-items: center;
text-transform: uppercase;
font-weight: var(--bold1);
justify-content: center;
width: 100%;
max-width: 120px;
border-radius: 0 4px 4px 0;
margin-left: 0;
background: rgba(0, 0, 0, 0.1);
color: #333;
}
#dvCuponesCarrito .aplicar a:before {
content: "\f067";
font-weight: 600;
font-family: "Font Awesome 6 Pro";
font-size: 14px;
margin-right: 8px;
}
#dvCuponesCarrito .aplicar label {
display: inline-flex;
}
#dvCuponesCarrito .aplicar> p.aplicarInput> label:first-child {
width: 100%;
max-width: 400px;
}
#dvCuponesCarrito .coupon-row {
background: #fff;
padding: 8px 16px;
border-radius: var(--radius-default);
}
#dvCuponesCarrito .coupon-row:not(:last-child) {
margin: 0 0 8px;
}
#dvCuponesCarrito .cupon {
display: flex;
justify-content: space-between;
align-items: center;
}
#dvCuponesCarrito .coupon-row .desc {
display: none;
margin-top: 8px;
font-size: 14px;
line-height: 18px;
opacity: 0.8;
padding-top: 8px;
border-top: 1px dashed rgba(0, 0, 0, 0.2)
}
#dvCuponesCarrito .cupon> p {
margin: 0;
}
#dvCuponesCarrito .cupon .nombre {
font-weight: var(--bold1);
margin-right: 8px;
}
#dvCuponesCarrito .cupon .codigo {
padding: 2px 8px;
border-left: 2px solid rgba(0, 0, 0, 0.1);
border-right: 2px solid rgba(0, 0, 0, 0.1);
margin: 2px 8px 2px 0;
display: inline-block;
}
#dvCuponesCarrito .cupon .info {
color: #007aff;
/* margin-left: 8px; */
text-decoration: underline;
cursor: pointer;
display: inline-block;
}
#dvCuponesCarrito .cupon .aplica {
flex-shrink: 0;
}
#dvCuponesCarrito .cupon .aplica a {
display: block;
text-decoration: none;
color: rgba(0, 0, 0, 0.8);
padding: 4px 8px;
border-radius: 4px;
margin-left: 20px;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
background: rgba(0, 0, 0, 0.05);
}
#dvCuponesCarrito .cupon .aplica a:before {
content: "\f067";
font-weight: 600;
font-family: "Font Awesome 6 Pro";
margin-right: 8px;
font-size: 12px;
}
#dvCuponesCarrito .aplicados {
margin: 0 0 20px;
order: 1;
width: 100%;
margin-top: 4px !important;
}
#dvCuponesCarrito .aplicados> div {
background: #fff;
padding: 8px 16px;
border-radius: var(--radius-default);
}
#dvCuponesCarrito .aplicados> div:not(:last-child) {
margin: 0 0 8px;
}
#dvCuponesCarrito .aplicados> div> div {
display: flex;
justify-content: space-between;
align-items: center;
}
#dvCuponesCarrito .aplicados> div> div.couponSelect {
display: block;
margin: 12px 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 8px;
}
#dvCuponesCarrito .aplicados> div> div.couponSelect> p {
flex-shrink: 0;
margin: 0 0 4px;
font-weight: bold;
}
#dvCuponesCarrito .aplicados> div> div.couponSelect> div {
display: flex;
border: 0;
box-shadow: none;
background-color: transparent;
}
#dvCuponesCarrito .aplicados> div> div.couponSelect> div .trProductoCesta {
/* width: 100%; */
border: 0;
background-color: transparent;
margin: 4px;
}
#dvCuponesCarrito .aplicados> div> div.couponSelect> div .trProductoCesta .tdNombreProducto {
display: inline-flex;
margin: 4px 0;
/* align-items: center; */
background-color: rgba(0, 0, 0, 0.05);
padding: 0;
border-radius: 4px;
overflow: hidden;
}
#dvCuponesCarrito .aplicados> div> div.couponSelect> div .trProductoCesta .tdNombreProducto .radiobtn> span:before {
margin: 0;
}
#dvCuponesCarrito .aplicados> div> div.couponSelect> div .trProductoCesta .tdNombreProducto> div {
width: 32px;
background-color: rgba(0, 0, 0, 0.05);
justify-content: center;
flex-shrink: 0;
}
#dvCuponesCarrito .aplicados> div> div.couponSelect> div .trProductoCesta .tdNombreProducto> a {
padding: 8px;
display: inline-flex;
align-items: center;
}
#dvCuponesCarrito .aplicados> div> div.couponSelect> div .trProductoCesta .tdNombreProducto> a img {
display: block;
max-width: 56px;
border-radius: 4px;
margin-left: 8px;
}
#dvCuponesCarrito .aplicados> div> div.couponSelect> div .trProductoCesta .tdNombreProducto> a.lnkExterno {}
#dvCuponesCarrito .aplicados> div> div> * {
display: inline-flex;
align-items: center;
flex-flow: row wrap;
}
#dvCuponesCarrito .aplicados:not(:last-child) {
margin: 0;
}
#dvCuponesCarrito .aplicados .desc {
display: none;
margin-top: 8px;
}
#dvCuponesCarrito .aplicados> p {
margin: 0;
}
#dvCuponesCarrito .aplicados .nombre {
font-weight: var(--bold1);
display: inline-flex;
align-items: center;
margin: 4px 12px 4px 0;
}
#dvCuponesCarrito .aplicados> div .nombre:before {
content: "\f00c";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
font-size: 24px;
margin-right: 8px;
color: #66bb6a;
}
#dvCuponesCarrito .aplicados .codigo {
padding: 4px 8px;
background-color: rgba(0, 0, 0, 0.05);
border-radius: 4px;
margin-right: 12px;
display: inline-block;
}
#dvCuponesCarrito .aplicados .info {
color: #666;
background-color: #f0f0f0;
padding: 4px 8px;
border-radius: 4px;
margin: 4px 4px 4px 0;
cursor: pointer;
font-size: 12px;
line-height: 14px;
}
#dvCuponesCarrito .aplicados .info:before {
content: "\f05a";
font-family: "Font Awesome 6 Pro";
margin-right: 4px;
}
#dvCuponesCarrito .aplicados .info> span {}
#dvCuponesCarrito .aplicados .eliminar a {
color: #dd2c00;
font-size: 12px;
display: block;
padding: 8px;
}
/*Regalo*/
#dvAceptRegalo {
padding: 0px;
margin: 4px 0 0;
border-radius: 8px;
background: -moz-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 1) 100%);
display: flex;
align-items: center;
}
#dvAceptRegalo> div> div> p:before {
content: "\f06b";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-right: 6px;
/* border-right: 1px solid rgba(0,0,0,0.1); */
display: flex;
align-items: center;
flex-shrink: 0;
font-size: 20px;
}
#dvAceptRegalo .dvAceptRegaloCont {
display: flex;
align-items: center;
flex-flow: row wrap;
}
#dvAceptRegalo> div> div {
margin: 0;
}
#dvAceptRegalo> div> div.checkBoxCont {
display: inline-flex;
margin: 4px 8px 4px 0;
}
#dvAceptRegalo> div> div> p {
font-weight: var(--bold1);
margin: 0;
display: flex;
}
#dvAceptRegalo> div> div> p span:last-child {
display: inline-block;
}
#dvAceptRegalo .pRegaloDesc {
margin: 4px 0;
font-size: 14px;
line-height: 18px;
display: inline-block;
align-self: flex-end;
justify-self: flex-end;
}
#dvAceptRegalo .pRegaloDesc span a {
color: #666;
background-color: rgba(0, 0, 0, 0.05);
padding: 4px 8px;
border-radius: 4px;
margin: 4px 4px 4px 0;
cursor: pointer;
font-size: 12px;
line-height: 14px;
text-decoration: none;
}
#dvAceptRegalo .pRegaloDesc span a:before {
content: "\f05a";
font-family: "Font Awesome 6 Pro";
margin-right: 4px;
}
#dvAceptRegalo .pRegaloDesc .allcontent {
margin: 8px 0;
}
#dvAceptRegalo #dvObservacCli input {
border: 1px solid #eee;
background: #fff;
border-radius: 4px;
margin: 0 0 8px;
padding: 8px 8px;
width: 100%;
box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.05);
}
/*Facturacion*/
#frmDatosCompra {}
.datosCompra {
display: flex;
flex-flow: row-reverse;
overflow: hidden;
align-items: flex-start;
}
.datosCompra .datosCompraRight {
width: 360px;
flex-shrink: 0;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0a000000', endColorstr='#00000000', GradientType=0);
border-radius: 8px 8px 0 0;
}
.datosCompra .datosCompraLeft {
width: 100%;
margin-right: 40px;
}
.datosCompra .dvCabRealizarPedidoMetodo .dvCabRealizarPedidoMetodoInt {
padding: 16px 16px 0;
margin: 0;
border: 0;
font-size: 24px;
line-height: 24px;
}
.datosCompra .datosCompraRight #tblVerCesto {
box-shadow: none;
padding: 12px 0 0;
}
.datosCompra .datosCompraRight #tblVerCesto,
.datosCompra .datosCompraRight #tblVerCesto> tbody,
.datosCompra .datosCompraRight #tblVerCesto> td,
.datosCompra .datosCompraRight #tblVerCesto> tr {
display: block;
width: 100%;
}
.datosCompra .datosCompraRight #tblVerCesto> th,
#tblVerCesto table th,
#tblVerCesto> tbody> tr:first-of-type {
display: none;
}
.datosCompra .datosCompraRight #tblVerCesto #thCantidadProducto,
.datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto,
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto #thImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto,
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto {
width: 100%;
}
.datosCompra .datosCompraRight #tblVerCesto> tbody> tr> td {
padding: 8px 0px 4px;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta {
display: flex;
flex-flow: row wrap;
margin: 0 0 8px;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0a000000', GradientType=0);
padding: 0 4px;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta:nth-last-child(2) {
margin: 0;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdNombreProducto {
width: 100%;
border: 0 !important;
PADDING: 8px 12px 4px;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdCantidadProducto {
width: 45%;
padding: 4px 12px;
max-width: 112px;
}
.datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto .tdCantidadTotal {
padding: 0;
}
.datosCompra #tblVerCesto .tdCantidadProducto .tdCantidadTotal input {
padding: 0;
width: 28px;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto {
width: 45%;
text-align: center;
display: flex;
align-items: center;
justify-content: flex-end;
font-weight: var(--bold1);
font-size: 130%;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto {
width: 10%;
display: flex;
align-items: center;
justify-content: center;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto:before {
font-size: 14px;
}
.datosCompra .datosCompraRight #tblVerCesto> tbody> tr> td:first-child a img {
width: 48px;
border-radius: 4px;
}
.datosCompra .datosCompraRight #tblVerCesto .trTotal {
font-weight: var(--bold1);
display: block;
padding: 0 12px;
/* background: transparent; */
}
.datosCompra .datosCompraRight #tblVerCesto .trTotal> td:first-child,
.datosCompra #tblVerCesto .trTotal> td:last-child {
display: none;
}
.datosCompra .datosCompraRight #tblVerCesto .trTotal> td:first-child:not(:empty) {
display: none;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto #thImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto {
font-size: 16px;
flex: 1;
line-height: 16px;
}
.datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto {
padding: 20px 8px;
}
.datosCompra .datosCompraRight .trTotal .spnTotalCarrito {
font-size: 130%;
}
.datosCompra #dvCestaCont .pIncremPed .spnIncremPed {
padding: 0 12px;
}
.datosCompra #dvCestaCont .cestaEnvioGratis,
.datosCompra #dvCestaCont .cestaEnvioGratis a,
.datosCompra #dvCestaCont .cestaEnvioGratis a span {
width: 100%;
}
.carritoDatos {}
.carritoDatos input[type=text],
.carritoDatos input[type=tel],
.carritoDatos input[type=email],
.carritoDatos textarea,
.carritoDatos select {
border: 1px solid #eee;
background: #f0f0f0;
border-radius: 4px;
margin: 0;
padding: 8px 8px;
width: 100%;
/* box-shadow: inset 0 0 4px rgba(0,0,0,0.05); */
}
.carritoDatos textarea::placeholder {
font-size: 14px;
line-height: 16px;
font-style: italic;
opacity: .8
}
.carritoDatos .radiobtn:not(:last-child) {
margin-right: 8px;
}
.carritoDatos .carritoDatosLeft {}
.carritoDatos .carritoDatosRight {}
.carritoDatos .carritoDatosRight .carritoFacturacion,
.carritoDatos .carritoDatosRight .carritoEnvio,
.carritoDatos .carritoDatosRight .carritoPago,
.carritoDatos .carritoDatosLeft .carritoObservaciones {
margin: 0 0 20px;
padding: 20px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-left-width: 12px !important;
border-radius: 8px;
border-width: 0;
box-shadow: inset 0px -10px 140px rgba(0, 0, 0, 0.05);
}
.carritoDatos .carritoDatosLeft .carritoObservaciones textarea {
height: 88px;
}
.carritoDatos .carritoDatosRight .carritoFacturacion {
border-color: #cfd8dc;
}
.carritoDatos .carritoDatosRight .carritoEnvio {
border-color: #b0bec5;
}
.carritoDatos .carritoDatosRight .carritoPago {
border-color: #90a4ae;
}
.carritoDatos .carritoDatosLeft .carritoObservaciones {
border-color: #b0bec5;
}
.carritoDatos .carritoDatosRight .carritoFacturacion ul,
.carritoDatos .carritoDatosRight .carritoEnvio ul,
.carritoDatos .carritoDatosRight .carritoPago ul {
list-style: none;
padding: 0;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
}
.carritoDatos .carritoDatosRight .carritoFacturacion ul li,
.carritoDatos .carritoDatosRight .carritoEnvio ul li {
width: 49%;
}
.carritoDatos .carritoDatosRight .carritoFacturacion ul li.liObli,
.carritoDatos .carritoDatosRight .carritoEnvio ul li.liObli,
.carritoDatos .carritoDatosRight .carritoFacturacion ul li.li100,
.carritoDatos .carritoDatosRight .carritoEnvio ul li.li100 {
width: 100%;
}
.carritoDatos .carritoDatosRight .carritoFacturacion ul li div,
.carritoDatos .carritoDatosRight .carritoEnvio ul li div,
.carritoDatos .carritoDatosRight .carritoPago ul li div {
margin: 0 0 4px;
}
.carritoDatos .carritoDatosRight .carritoFacturacion ul li div> span:not(.field-validation-error),
.carritoDatos .carritoDatosRight .carritoPago ul li div> span {
margin: 4px 0;
display: block;
font-size: 12px;
line-height: 12px;
}
.carritoDatos .carritoDatosRight .carritoEnvio ul li div> span {
margin: 0 0 4px;
display: block;
}
.carritoDatos .carritoDatosRight .carritoFacturacion ul li div> span.field-validation-valid {
margin: 0;
}
.carritoFacturacion .spnApartEnvFactTit,
.carritoEnvio .spnApartEnvFactTit,
.carritoDatos .spnApartEnvFactTit,
.carritoObservaciones .spnApartEnvFactTit,
.datosCompra #spnCabRealizarPedidoIntBlan {
display: flex;
padding-bottom: 4px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
font-weight: var(--bold1);
margin: 0 0 8px;
text-transform: uppercase;
align-items: center;
font-size: 18px;
width: 100%;
}
.carritoFacturacion .spnApartEnvFactTit:before,
.carritoEnvio .spnApartEnvFactTit:before,
.carritoPago .spnApartEnvFactTit:before,
.carritoObservaciones .spnApartEnvFactTit:before,
.datosCompra #spnCabRealizarPedidoIntBlan:before {
font-weight: 900;
font-family: "Font Awesome 6 Pro" !important;
padding: 4px;
display: flex;
align-items: center;
flex-shrink: 0;
font-size: 24px;
line-height: 24px;
margin: 0 4px 0 0;
align-self: flex-start;
}
.carritoFacturacion .spnApartEnvFactTit:before {
content: "\f277";
}
.carritoEnvio .spnApartEnvFactTit:before {
content: "\f48b";
}
.carritoPago .spnApartEnvFactTit:before {
content: "\f09d";
}
.carritoObservaciones .spnApartEnvFactTit:before {
content: "\f27a";
}
.datosCompra #spnCabRealizarPedidoIntBlan:before {
content: "\f07a";
}
.carritoFacturacion .spnApartEnvFactTit span span,
.carritoEnvio .spnApartEnvFactTit span span,
.carritoDatos .spnApartEnvFactTit span span {
font-size: 14px;
display: inline-block;
opacity: 0.8;
line-height: 16px;
}
.carritoFacturacion #dvApartEnvFactRdBt,
.carritoEnvio .dvAcepEnv {
margin: 0 0 12px;
}
.carritoEnvio .dvAcepEnv {
display: flex;
gap: 8px;
}
.carritoEnvio .dvAcepEnv.oculto{
display:none;
}
.carritoEnvio .radioEnvio {}
.carritoEnvio .radioEnvio input[type="radio"] {
opacity: 0;
position: absolute;
}
.carritoEnvio .radioEnvio label {
display: inline-flex;
gap: 8px;
align-items: center;
background: #fff;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
padding: 8px 12px;
border-radius: 8px;
opacity: 0.5;
cursor: pointer;
}
.carritoEnvio .radioEnvio label:after,
.carritoEnvio .radioEnvio label:before {
font-weight: 900;
font-family: "Font Awesome 6 Pro";
}
.carritoEnvio .radioEnvio label:after {
color: #999999;
margin: 0 0 0 auto;
width: 24px;
text-align: center;
}
.carritoEnvio .radioEnvio input[type="radio"]:checked + label {
opacity: 1;
font-weight: var(--bold1);
}
.carritoEnvio .radioEnvio input[type="radio"]:checked + label:before {
content: "\f00c";
margin-right: 4px;
}
.carritoEnvio .radioEnvio.radioEnvio--normal label:after {
content: "\f015"
}
.carritoEnvio .radioEnvio.radioEnvio--recogida label:after {
content: "\f3c5"
}
.carritoEnvio .radioEnvio.radioEnvio--punto label:after {
content: "\f54e"
}
.carritoPuntoRecogida > div {
display: grid;
grid-template-columns: 60px auto;
gap: 12px;
align-items: flex-end;
max-width: 380px;
}
.carritoPuntoRecogida select {
background: #fff;
}
.carritoPuntoRecogida .carritoPuntoRecogida__cp {
grid-column: span 2;
display: inline-flex;
flex-direction: column;
}
.carritoPuntoRecogida .carritoPuntoRecogida__cp> span,
.carritoPuntoRecogida__pais> span,
.carritoPuntoRecogida__prov> span {
font-size: 12px;
line-height: 120%;
margin-bottom: 4px;
}
.carritoPuntoRecogida .carritoPuntoRecogida__cp input {
background: #fff;
height: 40px;
}
.ulMetodoEnvio .open-pr-modal {
border: 0;
background: #2051DA;
appearance: inherit;
-webkit-appearance: inherit;
padding: 4px 8px;
font-size: 15px;
color: #fff;
border-radius: 4px;
}
.carritoDatos .carritoDatosRight .carritoEnvio .ulMetodoEnvio .open-pr-modal+ .field-validation-error {
margin-top: 4px;
}
.ulMetodoEnvio .open-pr-modal--change {
background: #666;
}
.ulMetodoEnvio .pr-point-name {
display: flex;
align-items: center;
}
.ulMetodoEnvio .pr-point-name i {
margin-right: 4px;
color: #2051DA;
font-size: 22px;
}
#ulTodosMetodosEnvioPuntoRecogida.ulMetodoEnvio {
margin-top: 12px;
}
#ulTodosMetodosEnvioPuntoRecogida.ulMetodoEnvio .pr-point-info {
margin: 12px 0 0;
padding-top: 12px;
border-top: 1px solid #eee;
}
#ulTodosMetodosEnvioPuntoRecogida.ulMetodoEnvio .pr-point-name> span {
margin: 0;
font-weight: var(--bold1);
}
#ulTodosMetodosEnvioPuntoRecogida.ulMetodoEnvio .pr-point-address {
font-size: 14px;
line-height: 140%;
opacity: 0.75;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 100%;
margin: 0 0 12px;
}
.ulMetodoEnvio .open-pr-modal i {
margin-right: 4px;
}
.puntoRecogida-modal {
align-items: flex-end;
padding-bottom: 0;
}
.puntoRecogida-modal .wrap {
padding: 50px 0 0;
max-height: calc(100vh - 8px - 36px);
background: none;
border-radius: 8px 8px 0 0;
box-shadow: none;
width: 100%;
max-width: 640px;
}
@supports (max-height: 100dvh) {
.puntoRecogida-modal .wrap {
max-height: calc(100dvh - 8px);
}
}
.modalPuntoRecogida {
position: relative;
display: flex;
flex-direction: column;
max-height: calc(100vh - 58px - 36px);
overflow: hidden;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
color: #333;
background: #fff;
border-radius: 8px 8px 0 0;
}
@supports (max-height: 100dvh) {
.modalPuntoRecogida {
max-height: calc(100dvh - 58px);
}
}
.puntoRecogida-modal .close {
display: none;
}
.puntoRecogida-modal .content {
position: relative;
}
.modalPuntoRecogida-close {
width: 38px;
height: 38px;
display: grid;
border-radius: 50%;
place-content: center;
background: #666;
color: #fff;
font-size: 24px;
font-weight: bold;
position: absolute;
z-index: 1;
top: -8px;
right: 4px;
cursor: pointer;
transform: translateY(-100%);
}
.modalPuntoRecogida .pikup__map {
min-height: 40vh;
border-radius: 8px 8px 0 0;
box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.15);
}
.modalPuntoRecogida .pickup__list {
flex: 1;
overflow: auto;
padding: 12px 0;
scroll-behavior: smooth;
}
.modalPuntoRecogida .pickup__point {
display: grid;
grid-template-columns: 28px auto;
gap: 8px;
padding: 16px 12px;
border-bottom: 1px solid #eee;
text-align: left;
}
.modalPuntoRecogida .pickup__point--selected {
animation: blinkSelected 800ms linear forwards;
animation-delay: 800ms;
}
@keyframes blinkSelected {
0% {
background: #fff;
}
30% {
background: #ddd;
}
70% {
background: #fff;
}
100% {
background: #eee;
}
}
.modalPuntoRecogida .pickup__point .pickup__point__marker {
font-size: 32px;
display: flex;
justify-content: center;
height: 32px;
align-items: center;
position: relative;
}
.modalPuntoRecogida .pickup__point .pickup__point__marker span {
display: block;
position: absolute;
top: 4px;
left: 50%;
font-size: 18px;
line-height: 100%;
font-weight: bold;
color: #fff;
transform: translateX(-50%);
font-family: Arial, Helvetica, sans-serif;
}
.modalPuntoRecogida .pickup__point .pickup__point__info {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.modalPuntoRecogida .pickup__point .pickup__point__name {
text-transform: uppercase;
font-size: 1.15em;
line-height: 1.2em;
font-weight: bold;
display: block;
margin: 0 0 0.35rem;
}
.modalPuntoRecogida .pickup__point .pickup__point__address {
display: block;
margin: 0 0 0.5rem;
font-size: 0.9em;
line-height: 1.2em;
}
.modalPuntoRecogida .pickup__point .pickup__point__opening {
display: none;
margin: 0 0 0.5rem;
font-size: 0.9em;
line-height: 1.2em;
opacity: 0.75;
}
.modalPuntoRecogida .pickup__point .pickup__point__button {
display: inline-flex;
background: #2051DA;
appearance: inherit;
-webkit-appearance: inherit;
padding: 6px 12px;
color: #fff;
border-radius: 4px;
text-transform: uppercase;
font-size: 14px;
line-height: 1;
text-decoration: none;
border: 0;
}
.modalPuntoRecogida .pickup__point__map-marker {
background-image: url(/Content/images/location-pin.svg);
width: 28px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
background-position: center;
background-repeat: no-repeat;
font-size: 18px;
}
.modalPuntoRecogida .pickup__point__map-marker> span {
margin-top: -5px;
}
#dvTipoEnvioPuntoRecogida.oculto {
display: none;
margin-bottom: 12px;
}
#dvApartEnvFactCheck {
margin: 0 0 12px;
}
.ulMetodoEnvio {}
#liForEnvObsEspec {
display: block;
margin: 20px 0 0;
}
/*#liForEnvObsEspec input {
width: 24px;
height: 24px;
margin-right: 4px;
vertical-align: top;
}*/
#liForEnvObsEspec textarea {
display: block;
margin: 8px 60px 0 0;
width: 100%;
height: 60px;
min-height: 60px;
resize: vertical;
}
/*Facturación usuario registrado*/
#carritoFacturacionData p {
margin: 0;
}
#carritoFacturacionData p:first-of-type {
font-weight: bold;
}
#carritoEnvioData {
margin: 0 0 20px
}
#carritoEnvioData p {
margin: 0;
}
#carritoEnvioData p:first-of-type {
font-weight: bold;
}
#carritoFacturacionData a,
#carritoEnvioData a {
display: inline-block;
background: rgba(0, 0, 0, 0.1);
padding: 8px;
border-radius: 4px;
margin-top: 4px;
text-decoration: none;
text-transform: uppercase;
font-size: 12px;
line-height: 12px;
font-weight: var(--bold1);
}
#carritoFacturacionData a:before,
#carritoEnvioData a:before {
content: "\f044";
font-weight: 900;
font-family: "Font Awesome 6 Pro" !important;
margin: 0 4px 0 0;
}
#carritoFacturacionData .wLog,
#carritoEnvioData .wLog {
padding: 12px;
border: 1px dashed rgba(0, 0, 0, 0.2);
border-radius: 8px;
background: rgba(255, 255, 255, 0.5);
display: block;
text-align: right;
}
#carritoFacturacionData .wLog p,
#carritoEnvioData .wLog p {
text-align: left;
}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio {
display: block;
}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li {
width: auto;
display: flex;
/* border: 2px solid rgba(0,0,0,0.1); */
overflow: hidden;
border-radius: 4px;
overflow: hidden;
margin: 0;
}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li:not(:last-child) {
margin: 0 0 8px;
}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li:not(#liForEnvObsEspec) div:not(.radiobtn):not(.allcontent):not(.button-pr-modal):not(.pr-point-info):not(.pr-point-name):not(.pr-point-address) {
padding: 8px;
border: 2px solid rgba(0, 0, 0, 0.1);
width: 100%;
margin: 0;
overflow: hidden;
}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li:not(#liForEnvObsEspec) div.radiobtn {
width: 32px;
background: rgba(0, 0, 0, 0.1);
display: flex;
align-items: flex-start;
justify-content: center;
padding: 8px 0;
flex-shrink: 0;
margin: 0;
}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li:not(#liForEnvObsEspec) div.radiobtn> span:before {
margin: 0;
}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li> div> span {
margin: 0 0 4px;
display: inline-block;
}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li> div .dvTransImage {
float: right;
margin: 4px;
border-radius: 4px;
border: 0;
padding: 4px;
width: auto;
max-width: 72px;
}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li> div .dvTransImage p {
margin: 0;
width: 100%;
}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li> div .dvTransImage p img {
display: block;
margin: 0;
max-width: 100%;
}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li> div .lnkSubrayado {
margin-left: 8px;
display: inline-flex;
align-items: center;
text-decoration: none;
}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li> div .lnkSubrayado:after {
content: "\f105";
font-family: "Font Awesome 6 Pro";
font-weight: 900;
font-size: 12px;
margin-left: 4px;
}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li> div> p:last-of-type {
font-size: 14px;
line-height: 18px;
margin: 0 0 12px;
}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li> div> p.desc> span a {
color: #666;
background-color: #f0f0f0;
padding: 4px 8px;
border-radius: 4px;
margin: 4px 4px 4px 0;
cursor: pointer;
font-size: 12px;
line-height: 14px;
text-decoration: none;
display: inline-block;
}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li> div> p.desc> span a:before {
content: "\f05a";
font-family: "Font Awesome 6 Pro";
margin-right: 4px;
}
.carritoDatos .carritoDatosRight .carritoPago {
display: block;
}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li {
width: auto;
display: flex;
/* border: 2px solid rgba(0,0,0,0.1); */
overflow: hidden;
border-radius: 4px;
overflow: hidden;
WIDTH: 100%;
}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li:not(:last-child) {
margin: 0 0 8px;
}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li> div:not(.radiobtn) {
padding: 8px;
border: 2px solid rgba(0, 0, 0, 0.1);
border-left: 0;
width: 100%;
margin: 0;
}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li div.radiobtn {
width: 32px;
background: rgba(0, 0, 0, 0.1);
display: flex;
align-items: flex-start;
justify-content: center;
padding: 8px 0;
flex-shrink: 0;
margin: 0;
}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li div.radiobtn> span:before {
margin: 0;
}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li> div> span {
margin: 0;
display: inline-block;
}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoTarjetas {
margin: 8px 0 0;
}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoTarjetas> .liMetodoPagoImg {
display: inline-block;
max-width: 60px;
margin-right: 4px;
}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoTarjetas img {
display: block;
margin: 0;
max-width: 100%;
}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoObservaciones {
font-size: 14px;
line-height: 18px;
}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoObservaciones> span a {
color: #666;
background-color: #f0f0f0;
padding: 4px 8px;
border-radius: 4px;
margin: 0px 4px 0px 0;
cursor: pointer;
font-size: 12px;
line-height: 14px;
text-decoration: none;
display: inline-block;
}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoObservaciones> span a:before {
content: "\f05a";
font-family: "Font Awesome 6 Pro";
margin-right: 4px;
}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .radiobtn input[type="radio"]:checked {
background: red;
}
.carritoDatos .carritoDatosRight .carritoObservaciones {
display: block;
}
#dvLnkCarrito {
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
}
/*RESUMEN PEDIDO*/
.generic .genericCont .resumenCarrito {
display: flex;
justify-content: space-between;
}
.generic .genericCont .resumenCarrito .spnApartEnvFactTit,
.generic .genericCont .resumenProductos .spnApartEnvFactTit {
display: flex;
justify-content: space-between;
margin: 0 0 12px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 4px;
text-transform: uppercase;
}
.generic .genericCont .resumenCarrito .spnApartEnvFactTit span span,
.generic .genericCont .resumenProductos .spnApartEnvFactTit span span {
opacity: 0.7;
display: inline-block;
}
.generic .genericCont .resumenCarrito .spnApartEnvFactTit a,
.generic .genericCont .resumenProductos a {
flex-shrink: 0;
text-transform: uppercase;
font-size: 11px;
font-weight: var(--bold1);
text-decoration: none;
color: inherit;
padding: 2px 8px;
background-color: #fff;
border-radius: 4px;
opacity: 0.9;
align-self: center;
}
.generic .genericCont .resumenCarrito .resumenFacturacion,
.resumenCarrito .resumenEnvio {
width: 49.5%;
}
.generic .genericCont .resumenCarrito .resumenFacturacion> div,
.resumenCarrito .resumenEnvio> div,
.resumenProductos,
#dvCuponesCarrito.resumenProductos {
padding: 20px;
margin: 0 0 20px;
border-radius: 4px;
background: rgba(0, 0, 0, 0.05);
}
.generic .genericCont .resumenCarrito .resumenFacturacion> div p,
.generic .genericCont .resumenCarrito .resumenEnvio> div p {
margin: 0 0 8px;
}
.resumenProductos {
border-radius: 4px;
}
.resumenProductos #tblResumenProds {
background-color: #fff;
}
.resumenProductos #tblResumenProds> tbody> tr:first-of-type th {
background: rgba(0, 0, 0, 0.01)
}
.resumenProductos #tblResumenProds> tbody> tr> td.tdSumario {
text-align: right;
}
.resumenProductos #tblResumenProds> tbody> tr.trTotales {
text-align: right;
}
.resumenProductos #tblResumenProds> tbody> tr.trTotales div {
text-align: right;
margin: 4px 0;
display: flex;
align-items: center;
justify-content: flex-end;
}
.resumenProductos #tblResumenProds> tbody> tr.trTotales div span {
display: inline-block;
font-weight: normal;
}
.resumenProductos #tblResumenProds> tbody> tr.trTotales div span {
display: inline-block;
font-weight: normal;
}
.resumenProductos #tblResumenProds> tbody> tr.trTotales div> span:last-child:not(:first-child) {
width: 80px;
margin-left: 8px;
flex-shrink: 0;
/* font-weight: bold; */
}
#dvMetodoPagoBotones {
display: flex;
align-items: flex-end;
justify-content: space-between;
flex-flow: row wrap;
}
#dvMetodoPagoBotones .btnDerCont a {
margin-left: 4px;
}
/* PEDIDO FINALIZADO*/
#spnCabRealizarPedidoIntBlan {
margin: 0 0 4px;
display: inline-block;
}
#dvPedidoFinalInt {}
#dvPedidoFinalInt .encabezado {
font-weight: var(--bold1);
padding-bottom: 8px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin: 0 0 12px;
}
#dvPedidoFinalInt> .dvPedidoFinalDatos {
padding: 12px;
background: rgba(0, 0, 0, 0.05);
border-radius: var(--radius-default);
margin: 0 0 20px;
border-left: 12px solid rgba(0, 0, 0, 0.1)
}
.btnPedidoFinalizado {
display: flex;
justify-content: center;
margin: 0 0 20px;
}
.btnPedidoFinalizado> * {
display: inline-block;
margin: 4px;
padding: 4px 8px;
border-radius: var(--radius-default);
border: 4px solid rgba(0, 0, 0, 0.1);
font-weight: var(--bold1);
color: inherit;
text-decoration: none;
cursor: pointer;
}
/*AMAZON PAY*/
.genericCont.--amazonPay {
max-width: 640px;
padding: 32px;
background-color: #eee;
border-radius: var(--radius-default);
}
#AmazonPayButton {
text-align: center;
}
#AmazonWalletWidgetDiv {
margin-top: 28px;
}
#AmazonWalletWidgetDiv:empty {
display: none;
}
.amazon-next {
margin: 16px 0 0 auto;
}
/*KLARNA*/
.KlarnaMethod {
width: 100%;
max-width: 640px;
margin: 0 auto;
padding: 20px;
border: 8px solid #f0eeeb;
}
.KlarnaMethod:not(:last-child) {
margin-bottom: 40px;
}
.KlarnaMethod .KlarnaAction {
display: flex;
justify-content: flex-end;
margin-top: 12px;
}
.KlarnaMethod .KlarnaAction button {
display: inline-flex;
align-items: center;
text-decoration: none;
background: #333;
color: #fff;
padding: 8px 12px;
border-radius: var(--radius-default);
font-size: 90%;
line-height: 140%;
text-transform: uppercase;
font-weight: var(--bold1);
}
.notKlarna {
width: 100%;
max-width: 640px;
margin: 0 auto;
padding: 20px;
background: #333;
color: #fff;
text-align: center;
}
.notKlarna a {
color: #fff;
}
/*Cookies*/
.cc-banner.cc-bottom,
.cc-window.cc-floating {
background-color: rgba(0, 0, 0, 0.9) !important;
padding: 1em 1.8em;
}
/*TIENDA CERRADA*/
#dvTiendaCerrada {
text-align: center;
padding: 12px;
color: #721c24;
background-color: #f8d7da;
border: 1px solid #f5c6cb;
margin: 8px;
border-radius: 8px;
}
#dvTiendaCerrada .dvBgAma> p:first-child {
font-size: 20px;
margin: 0 0 8px;
font-weight: var(--bold1);
}
body.tiendacatalogo {}
body.tiendacatalogo .fichaBoton {
opacity: .6;
}
body.tiendacatalogo .fichaBoton a {
cursor: not-allowed;
}
/* Legal */
.generic .genericCont .dvLegal {
margin-top: 20px;
}
.generic .genericCont .dvLegal .enc {
font-weight: bold;
margin: 0 0 8px;
font-size: 120%;
}
.generic .genericCont .dvComboBox {
margin-bottom: 20px;
}
.generic .genericCont .dvLegal div:not(:last-child) {
margin: 0 0 20px;
}
#dvErrorContenido {
max-width: var(--max-width);
margin: 0 auto;
padding: 40px
}
#dvErrorContenido p {
margin: 0 0 8px;
}
#dvErrorContenido ul {
padding-left: 18px;
list-style: none;
}
#dvErrorContenido ul li {
margin: 8px 0;
}
/* Sitemap */
.generic .genericCont .dvSiteMap ul ul {
margin-top: 8px;
}
.generic .genericCont .dvSiteMap ul li {
list-style: square;
margin-bottom: 8px;
}
.generic .genericCont .dvSiteMap ul li ul {
margin-left: 20px;
}
.generic .genericCont .dvSiteMap ul li ul li {
list-style: circle;
}
.generic .genericCont .dvSiteMap ul li ul li ul li {
list-style: disc;
}
.generic .genericCont .dvSiteMap a {
color: #333;
font-weight: bold;
}
.generic .genericCont .dvSiteMap .numProdCategoSiteMap {
color: #999;
display: inline-block;
}
.generic .genericCont .dvSiteMap .productosTotalesSiteMap {
color: #333;
font-weight: bold;
margin-top: 40px;
}
/* ERRRORES (nueva contraseña sin requisitos)*/
.validation-summary-errors {
padding: 0;
margin: 0;
}
.validation-summary-errors ul {
padding: 0 !important;
}
.validation-summary-errors ul li {
display: block;
list-style: none;
color: #ff1100;
padding: 0;
margin: 0;
font-weight: var(--bold1);
}
/*PRODUCTOS*/
.RCRProds .RCRProdsPrev {
display: flex;
justify-content: center;
margin: 0 0 20px;
flex-wrap: wrap;
align-items: center;
}
.RCRProds .RCRProdsPrev .numProds {
font-size: 14px;
opacity: 0.8;
display: inline-flex;
align-items: center;
text-align: center;
margin: 8px auto 8px 0;
}
.RCRProds .RCRProdsPrev .RCRProdsPrevRight {
display: flex;
align-items: center;
justify-content: flex-end;
flex-shrink: 0;
}
.RCRProds .RCRProdsPrev #dvOrderBy {
max-width: 460px;
width: 100%;
align-items: center;
}
.RCRProds .RCRProdsPrev #dvOrderBy form {
display: flex;
align-items: center;
}
.RCRProds .RCRProdsPrev #dvOrderBy form> *:first-child:not(:last-child) {
margin-right: 8px;
}
.RCRProds .RCRProdsPrev #dvOrderBy form .select {
width: 100%;
}
.RCRProds .RCRProdsPrev #dvOrderBy form> p {
flex-shrink: 0;
}
.RCRProds .noProds {
border-radius: 4px;
margin: 0 0 20px;
display: flex;
align-items: center;
font-size: 20px;
font-weight: var(--bold1);
opacity: .8;
padding: 20px;
background: #fff9c4;
border: 1px solid #e2dca7;
}
.RCRProds .noProds:before {
content: "\f06a";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
font-size: 24px;
margin-right: 8px;
}
/*Productos*/
.RCRProdsCont {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: var(--productos-margin);
}
/*PRODUCTOS PORTADA*/
.prodlist {
padding: var(--section-margin) 16px;
}
.prodlist .prodlistCont {
max-width: var(--max-width);
margin: 0 auto;
position: relative;
}
.prodlist .prodlistCont .prodlistInfo {
margin: 0 0 20px;
text-align: center;
}
.prodlist .prodlistCont .prodlistInfo .title2 {}
.prodlist .prodlistCont .prodlistInfo p {}
.prodlist> div> p {
text-align: center;
font-size: 120%;
line-height: 120%;
font-weight: var(--bold1);
font-style: italic;
}
.prodlist .RCRProdsCont {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.RCRButton {
text-align: center;
margin-top: 30px;
}
.RCRButton a {
display: inline-flex;
align-items: center;
text-decoration: none;
background: var(--secondary);
color: var(--secondary-invert);
padding: 8px 16px;
border-radius: var(--radius1);
font-size: 90%;
line-height: 140%;
text-transform: uppercase;
font-weight: var(--bold1);
}
.RCRButton a::after {
content: "\f105";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
font-size: 14px;
margin-left: 8px;
}
/*LOGIN CARRITO*/
.loginCart {
margin: 40px auto;
max-width: 720px;
background: rgba(0, 0, 0, 0.05);
display: flex;
overflow: hidden;
border-radius: 8px;
}
.loginCart .title {
font-size: 20px;
line-height: 28px;
margin: 0 0 8px;
font-weight: var(--bold1);
text-transform: uppercase;
}
.loginCart .loginCartReg {
width: 50%;
padding: 20px;
}
.loginCart .loginCartReg input[type="email"],
.loginCart .loginCartReg input[type="password"] {
display: block;
width: 100%;
background-color: #fff;
padding: 8px 12px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 4px;
}
.loginCart .loginCartReg input[type="email"] {
margin: 0 0 8px;
}
.loginCart .loginCartReg input[type="password"] {
margin: 0;
}
.loginCart .loginCartReg input::placeholder {
opacity: .8;
font-style: italic;
}
.loginCart .loginCartReg #lnkRecPwd {
font-size: 12px;
line-height: 14px;
margin: 0 0 8px;
display: inline-block;
}
.loginCart .loginCartReg .spnLogError {
display: block;
color: #dd2c00;
margin: 2px;
font-size: 14px;
font-weight: var(--bold1);
}
.loginCart .loginCartReg .pBtnLogin button {
display: inline-flex;
align-items: center;
justify-content: center;
border: 0;
padding: 8px 16px;
border-radius: var(--radius1);
font-size: 16px;
line-height: 18px;
background-color: var(--secondary);
text-decoration: none;
color: #fff;
font-weight: var(--bold1);
margin-top: 8px;
}
.loginCart .loginCartReg .pBtnLogin button:before {
content: "\f090";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
font-size: 20px;
line-height: 20px;
margin-right: 8px;
}
.loginCart .loginCartNoReg {
width: 50%;
padding: 20px;
background: rgba(0, 0, 0, 0.05);
display: flex;
flex-direction: column;
}
.loginCart .loginCartNoReg> p:nth-child(2) {
flex: 1;
font-size: 14px;
line-height: 18px;
}
.loginCart .loginCartNoReg .pBtnReg {}
.loginCart .loginCartNoReg .pBtnReg a {
display: inline-flex;
align-items: center;
justify-content: center;
border: 0;
padding: 7px 15px;
border-radius: var(--radius1);
font-size: 16px;
line-height: 18px;
background-color: rgba(255, 255, 255, 1);
text-decoration: none;
color: var(--secondary);
font-weight: var(--bold1);
margin-top: 8px;
border: 1px solid var(--secondary);
}
.loginCart .loginCartNoReg .pBtnReg a:before {
content: "\f4fd";
font-weight: 600;
font-family: "Font Awesome 6 Pro";
font-size: 20px;
margin-right: 8px;
line-height: 20px;
}
.loginCart .loginCartNoReg .pBtnReg a:after {
content: "\f101";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
font-size: 14px;
margin-left: 8px;
line-height: 14px;
margin-top: 4px;
}
/*NOTICIAS*/
/* MOSAICO */
.widNot {
text-align: center;
background: #fff;
padding: var(--section-margin) 16px;
background: -moz-linear-gradient(top, var(--light) 0%, #fff 100%);
background: -webkit-linear-gradient(top, var(--light) 0%, #fff 100%);
background: linear-gradient(to bottom, var(--light) 0%, #fff 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#FFFFFF', GradientType=0);
}
}
.noticia .widNot {
padding: 40px 0;
}
.widNot .widNotCont {
max-width: var(--max-width);
margin: 0 auto;
}
.widNot .widNotCont .widNotContInfo {
margin: 0 0 20px;
text-align: center;
padding: 0 20px;
}
.widNot .widNotCont .bgc {}
.bloggalvacio {
padding: var(--section-margin) 16px;
font-weight: var(--bold1);
font-size: 26px;
line-height: 140%;
text-align: center;
}
.bmmin1 .bloggalcont {
text-align: left;
}
.bmmin1 .bloggalcont {
display: flex;
text-decoration: none;
align-items: flex-start;
border-bottom: 1px solid #eee;
padding: 12px 0;
}
.bmmin1 .bloggalcont> a> img {
display: block;
width: 200px;
max-width: 200px;
min-width: 200px;
border-radius: var(--radius-default);
}
.bmmin1 .bloggalcont> div {
width: 100%;
height: 100%;
padding: 12px;
overflow: hidden;
}
.bmmin1 .bloggalcont> .bgc> .bgctitle {
margin: 0 0 4px;
max-height: 72px;
overflow: hidden;
position: relative;
}
.bmmin1 .bloggalcont> .bgc> .bgctitle a {
color: inherit;
text-decoration: none;
font-size: 20px;
line-height: 24px;
display: inline-block;
}
.bmmin1 .bloggalcont> .bgc> .bgctitle:after {
content: "";
display: block;
position: absolute;
top: 48px;
right: 0;
width: 40%;
max-width: 120px;
height: 24px;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
}
.bmmin1 .bloggalcont .bgcdatos {
font-size: 90%;
line-height: 120%;
margin: 0 0 4px;
}
.bmmin1 .bloggalcont .bgcdatos> div,
.bmmin1 .bloggalcont .bgcdatos> a {
display: inline-block;
opacity: .8;
}
.bmmin1 .bloggalcont .bgcdatos .bgccat a {
margin-right: 4px;
}
.bmmin1 .bloggalcont .bgcinfo {
max-height: 40px;
/* Múltiplo del line-height*/
overflow: hidden;
position: relative;
font-size: 16px;
line-height: 20px;
}
.bmmin1 .bloggalcont .bgcinfo h2 {
margin: 0;
font-weight: inherit;
font-size: 14px;
line-height: 20px;
}
.bmmin1 .bloggalcont .bgcinfo p {
margin: 0;
padding: 0;
font-size: 14px;
line-height: 20px;
}
.bmmin1 .bloggalcont .bgcinfo:after {
content: ".";
position: absolute;
right: 0;
bottom: 0;
color: transparent;
width: 100%;
max-width: 80px;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
}
.bmmin2> .widNotCont> .widNotContNots {
column-count: 2;
}
.bmmin2 .bloggalcont {
display: inline-flex;
width: 100%;
text-decoration: none;
align-items: center;
margin-bottom: 12px;
background: #fff;
text-align: left;
border-radius: var(--radius-default);
overflow: hidden;
}
.bmmin2 .bloggalcont .bgc> a {
color: inherit;
text-decoration: none;
max-height: 44px;
display: block;
overflow: hidden;
position: relative;
width: 100%;
}
.bmmin2 .bloggalcont> .bgc> .bgctitle:after {
content: "";
display: block;
position: absolute;
top: 40px;
right: 0;
width: 40%;
max-width: 120px;
height: 24px;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
}
.bmmin2 .bloggalcont> a> img {
display: block;
width: 160px;
max-width: 160px;
}
.bmmin2 .bloggalcont> div {
width: 100%;
height: 100%;
padding: 8px 20px;
overflow: hidden;
max-height: 120px;
overflow: hidden;
}
.bmmin2 .bloggalcont> .bgc> .bgctitle {
margin: 0 0 4px;
max-height: 60px;
overflow: hidden;
position: relative;
font-size: 16px;
line-height: 20px;
}
.bmmin2 .bloggalcont> div> .bgctitle> a {
color: inherit;
text-decoration: none;
}
.bmmin2 .bloggalcont .bgcdatos {
font-size: 90%;
line-height: 120%;
margin: 0 0 4px;
}
.bmmin2 .bloggalcont .bgcdatos> div,
.bmmin1 .bloggalcont .bgcdatos> a {
display: inline-block;
opacity: .8;
vertical-align: middle;
}
.bmmin2 .bloggalcont .bgcdatos .bgccat {
max-height: 35px;
overflow: hidden;
display: inline-flex;
align-items: center;
}
.bmmin2 .bloggalcont .bgcdatos .bgccat a {
margin-right: 4px;
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.bmmin2 .bloggalcont .bgcinfo {
display: none;
max-height: 40px;
/* Múltiplo del line-height*/
overflow: hidden;
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
}
.bmmin2 .bloggalcont .bgcinfo p {
margin: 0;
padding: 0;
}
.bmmin2 .bloggalcont .bgcinfo:after {
content: ".";
position: absolute;
right: 0;
bottom: 0;
color: transparent;
width: 100%;
max-width: 80px;
background: -moz-linear-gradient(left, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 1) 100%);
background: -webkit-linear-gradient(left, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 1) 100%);
background: linear-gradient(to right, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00f5f5f5', endColorstr='#f5f5f5', GradientType=1);
}
.bmmin3 .widNotContNots {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.bmmin3 .widNotContNots .bloggalcont {
width: 23%;
margin: 0 0 20px;
text-align: left;
}
.bmmin3 .widNotContNots .bloggalcont:nth-child(3):last-child {
margin-right: 25.666%;
}
.bmmin3 .widNotContNots .bloggalcont:nth-child(2):last-child {
margin-right: 51.333%;
}
.bmmin3 .widNotContNots .bloggalcont:first-child:last-child {
margin-right: 76.999%;
}
.bmmin3 .widNotContNots .bloggalcont a {
color: currentcolor;
}
.bmmin3 .widNotContNots .bloggalcont> a> img {
display: block;
width: 100%;
}
.bmmin3 .widNotContNots .bloggalcont> div {
padding: 8px 0 0;
overflow: hidden;
}
.bmmin3 .widNotContNots .bloggalcont .bgctitle a {
margin: 0;
display: block;
width: 100%;
font-size: 14px;
overflow: hidden;
line-height: 16px;
color: #666;
text-decoration: none;
}
.bmmin3 .widNotContNots .bloggalcont .bgcdatos {
font-size: 100%;
line-height: 0;
margin: 8px 0 0;
}
.bmmin3 .widNotContNots .bloggalcont .bgcdatos> div,
.bmmin3 .bloggalcont .bgcdatos> a {
display: inline-block;
opacity: .8;
font-size: 12px;
line-height: 12px;
}
.bmmin3 .widNotContNots .bloggalcont .bgcdatos .bgccat {
display: none;
}
.bmmin3 .widNotContNots .bloggalcont .bgcdatos .bgccat a {
margin-right: 4px;
}
.bmmin3 .widNotContNots .bloggalcont .bgcinfo {
display: none;
max-height: 40px;
/* Múltiplo del line-height*/
overflow: hidden;
position: relative;
}
.bmmin3 .widNotContNots .bloggalcont .bgcinfo p {
margin: 0;
padding: 0;
}
.bmmin3 .widNotContNots .bloggalcont .bgcinfo:after {
content: ".";
position: absolute;
right: 0;
bottom: 0;
color: transparent;
width: 100%;
max-width: 80px;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
}
.bmmin4 {
display: flex;
max-width: var(--max-width);
flex-flow: row wrap;
/* justify-content: space-between; */
}
.bmmin4 .bloggalcont {
width: 23%;
margin: 0 1% 20px;
}
.bmmin4 .bloggalcont> a> img {
display: block;
width: 100%;
}
.bmmin4 .bloggalcont> div {
padding: 8px 0 0;
overflow: hidden;
}
.bmmin4 .bloggalcont> div> .bgcnom> h2 {
margin: 0;
display: block;
width: 100%;
font-size: 12px;
overflow: hidden;
line-height: 16px;
}
.bmmin4 .bloggalcont .bgcdatos {
font-size: 100%;
line-height: 0;
margin: 4px 0 0;
}
.bmmin4 .bloggalcont .bgcdatos> div,
.bmmin4 .bloggalcont .bgcdatos> a {
display: inline-block;
opacity: .8;
font-size: 10px;
line-height: 10px;
}
.bmmin4 .bloggalcont .bgcdatos .bgccat {
display: none;
}
.bmmin4 .bloggalcont .bgcdatos .bgccat a {
margin-right: 4px;
}
.bmmin4 .bloggalcont .bgcinfo {
display: none;
max-height: 40px;
/* Múltiplo del line-height*/
overflow: hidden;
position: relative;
}
.bmmin4 .bloggalcont .bgcinfo p {
margin: 0;
padding: 0;
}
.bmmin4 .bloggalcont .bgcinfo:after {
content: ".";
position: absolute;
right: 0;
bottom: 0;
color: transparent;
width: 100%;
max-width: 80px;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
}
.texto__legal {
margin: 12px 0;
font-size: 12px;
line-height: 140%;
opacity: 0.6;
max-width: 460px;
}
.texto__legal p:not(:last-child) {
margin: 0 0 4px !important;
}
.kitDigital {}
.kitDigital {}
/*******************************
Kit Digital
*******************************/
.kitDigital {
padding: 40px 16px;
font-size: 14px;
line-height: 140%;
text-align: center;
}
.kitDigital> .kitDigitalCont {
max-width: var(--max-width);
margin: 0 auto;
width: 100%;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
align-items: center;
}
.kitDigital .kitDigital__logo {
display: block;
width: 220px;
max-width: 100%;
}
@media screen and (min-width: 1024px) {
.kitDigital> .kitDigitalCont {
grid-template-columns: 220px 220px auto;
text-align: left;
}
}
@media screen and (max-width: 1023px) {
.kitDigital .kitDigital__logo.kitDigital__logo--EU {
grid-area: 1 / 1;
margin: 0 0 0 auto;
}
.kitDigital .kitDigital__logo.kitDigital__logo--TR {
grid-area: 1 / 2;
margin: 0 auto 0 0;
}
.kitDigital .kitDigital__text {
grid-area: 2 / 1 / 3 / 3;
}
}
/* MEDIDAS RESPONSIVE */
@media screen and (min-width: 1024px) {
#login_box {
position: absolute;
z-index: 3;
background-color: #fff;
color: #333;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
top: calc(100% + 8px);
right: 0;
border-top: 4px solid var(--primary);
text-align: center;
width: 260px;
font-weight: normal;
display: none;
}
#cart .cart-prod-list {
font-size: 12px;
line-height: 14px;
position: absolute;
z-index: 3;
background-color: #fff;
color: #333;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
top: calc(100% + 8px);
right: 0;
border-top: 4px solid var(--primary);
width: 360px;
font-weight: normal;
padding: 8px 12px;
}
#cart .cart-prod-list:after {
content: "\f0d8";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
color: var(--primary);
display: block;
position: absolute;
bottom: 100%;
font-size: 24px;
line-height: 10px;
right: 32px;
}
.datosCompra {}
.datosCompra #dvCestaCont {
margin: 0;
}
.datosCompra #dvCuponesCarrito {
display: block;
margin: 20px 0;
}
.datosCompra #dvCuponesCarrito> p {
max-width: 100%;
}
.datosCompra #dvCuponesCarrito .aplicados:not(:last-child),
.datosCompra #dvCuponesCarrito .aplicar:not(:last-child),
.datosCompra #dvCuponesCarrito .aplicables:not(:last-child) {
max-width: 100%;
}
.datosCompra #dvCuponesCarrito .aplicar {
max-width: 100%;
}
.datosCompra #dvCuponesCarrito .aplicar> p:first-child,
.datosCompra #dvCuponesCarrito .aplicables> p:first-child {}
.datosCompra #dvCuponesCarrito .aplicar> p:first-child,
.datosCompra #dvCuponesCarrito .aplicar> p {}
.datosCompra #dvCuponesCarrito .aplicar> p:first-child:before,
.datosCompra #dvCuponesCarrito .aplicables> p:first-child:before {}
.datosCompra #dvCuponesCarrito .aplicados:not(:last-child) {
margin: 0 0 12px;
}
}
/*################
##### 1 0 2 3 ####
################*/
@media screen and (max-width: 1023px) {
#search {
/* flex-direction: column-reverse; */
}
#search.active {
/* opacity: 1; */
}
/*#search .close { display: block; }*/
#search .searchBar input {
font-size: 16px;
line-height: 36px;
}
header .header .headerCont #searchbtn {
display: block;
}
.searchCont #search_results {
position: static;
margin: 20px 0 0;
border-radius: 0;
box-shadow: none;
/* background: rgba(0,0,0,0.05); */
flex: 1;
/* border-top: 1px solid rgba(0,0,0,0.1) */
}
.searchCont #search_results ul {}
.searchCont #search_results ul li {
padding: 8px 0;
}
.searchCont #search_results ul li:not(.liTitle):hover {}
.searchCont #search_results ul li:not(:last-child) {}
.searchCont #search_results ul li.liTitle {
padding: 8px 0;
background: transparent;
}
.searchCont #search_results ul li.liTitle:before {}
.searchCont #search_results ul li p {}
.searchCont #search_results ul li p a {
padding: 4px;
}
.searchCont #search_results ul li p .img {}
.searchCont #search_results ul li p .nom {}
.searchCont #search_results ul li p .nom a {}
.searchCont #search_results ul li.verTodos {
text-align: center;
background-color: rgba(0, 0, 0, 0.05);
padding: 8px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
width: 100%;
}
.searchCont #search_results ul li.verTodos a {
color: black;
}
#user a #btLogout {
display: none;
}
header .hcont> div> .htconr .carrito a> span> .cant {
display: block;
position: absolute;
top: 0;
right: 0;
background: #fff;
width: 22px;
height: 22px;
line-height: 18px;
font-size: 12px;
text-align: center;
border-radius: 100%;
transform: translateX(25%) translateY(-25%);
color: #532A9E;
border: 2px solid;
}
#cart .cart-prod-list .hCartButtons {
display: block;
margin: 28px 0 0;
}
#cart .cart-prod-list .hCartButtons .hCartLink {
width: 100%;
margin: 0 0 8px;
}
#cart .cart-prod-list .hCartButtons .hCartLink a {
padding: 10px 14px;
}
#cart .cart-prod-list .hCartButtons .hOrderLink {
width: 100%;
}
#cart .cart-prod-list .hCartButtons .hOrderLink a {
padding: 12px 16px;
}
#PORT02 .PORT02Cont {
grid-template-columns: 1fr 1fr;
}
.generic .dvPromo .img {
width: 180px;
float: left;
}
.generic .dvPromo .left {}
.generic .dvPromo .right {
width: 260px;
}
#dvContactoCont {
display: block;
}
.dvContactoForm,
#dvContactoPeticionFeita {
padding: 20px 0 0;
border-left: 0;
border-top: 4px dashed rgba(0, 0, 0, 0.1);
margin: 20px 0 0;
max-width: 100%;
}
.dvContatoInfoSup {
display: flex;
}
.dvContatoInfoSup .dvContactoFormRight {
margin-left: 8px;
}
.dvContatoInfoSub {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.dvContatoInfoSub .tac {
width: calc(50% - 6px);
margin: 0;
display: flex;
justify-content: center;
align-items: center;
padding: 8px;
border: 1px dashed #ccc;
border-radius: 4px;
text-align: center;
}
.dvContatoInfoSub input[type="button"] {
width: calc(50% - 6px);
}
.dvContatoInfoSub .ulContatoInfoSubGroup {
width: 50%;
margin-left: 8px;
}
#dvCuponesCarrito .aplicar {
display: block;
}
#dvCuponesCarrito .aplicar> p:first-child {
margin: 0 0 8px;
}
#dvCuponesCarrito .aplicar> p:last-child> label:first-child {
max-width: 100%;
}
.carritoDatos {
display: block;
}
.carritoDatos .carritoDatosLeft,
.carritoDatos .carritoDatosRight {
width: 100%;
padding-right: 0;
padding-left: 0;
}
.usuarios .altaNewsTac {
margin-left: 0;
}
.rightSlide {
position: fixed;
top: 0;
right: -320px;
height: 100%;
z-index: 9;
box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0);
display: flex !important;
flex-direction: column;
width: 320px;
background-color: #fff;
padding: 24px 12px;
max-height: 100%;
overflow: auto;
transition: box-shadow 300ms ease;
transition: right 300ms ease;
}
.rightSlide.active {
right: 0px !important;
box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.4) !important;
z-index: 10;
/* display: flex !important; */
}
.rightSlide.menu_mob.active {
padding: 0;
}
.leftSlide {
display: block;
position: fixed !important;
top: 0;
left: -320px;
height: 100%;
z-index: 9;
box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0);
display: flex;
flex-direction: column;
width: 320px;
background-color: #fff;
max-height: 100%;
overflow: auto;
transition: box-shadow 300ms ease, left 300ms ease;
}
.leftSlide.active {
left: 0px !important;
box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.4) !important;
z-index: 10;
padding: 0;
}
.leftSlide.menu_mob.active {
padding: 0;
}
#search.leftSlide {
display: block;
padding: 24px 12px;
}
#login_box.rightSlide {
justify-content: center;
text-align: center;
padding: 0;
}
#cart .cart-prod-list {
/* padding-top: 40px; */
}
#cart .cart-prod-list ul {
flex: 1;
}
#cart .cart-prod-list .hCartProd {
padding: 12px 8px
}
#cart .cart-prod-list .hCartTotal {
padding: 12px;
font-size: 18px;
line-height: 24px;
}
#cart .cart-prod-list .hCartTotalSinIva {
padding: 12px;
font-size: 12px;
line-height: 24px;
}
#cart .cart-prod-list .hOrderLink {}
#cart .cart-prod-list .hOrderLink a {
font-size: 18px;
line-height: 24px;
}
#cart .cart-prod-list .hCartLink {}
#cart .cart-prod-list .hCartLink a {
font-size: 18px;
line-height: 24px;
}
#cart .cart-prod-list .hCartProd .hCartProdInfo img {
max-width: 60px;
}
#cart .cart-prod-list .hCartProd .hCartProdInfo p {
font-size: 16px;
line-height: 20px;
}
#cart .cart-prod-list .hCartProd .hCartProdDelete {
font-size: 14px;
align-self: center;
}
.datosCompra {
display: block;
}
.datosCompra .datosCompraRight {
width: 100%;
margin: 0 0 20px;
}
.datosCompra .datosCompraleft {
margin: 0;
}
.datosCompra #dvCestaCont .cestaEnvioGratis,
.datosCompra #dvCestaCont .cestaEnvioGratis a,
.datosCompra #dvCestaCont .cestaEnvioGratis a span {}
.datosCompra {}
.datosCompra .datosCompraRight {}
.datosCompra .datosCompraLeft {}
.datosCompra .dvCabRealizarPedidoMetodo .dvCabRealizarPedidoMetodoInt {}
.datosCompra .datosCompraRight #tblVerCesto {}
.datosCompra .datosCompraRight #tblVerCesto,
.datosCompra .datosCompraRight #tblVerCesto> tbody,
.datosCompra .datosCompraRight #tblVerCesto> td,
.datosCompra .datosCompraRight #tblVerCesto> tr {}
.datosCompra .datosCompraRight #tblVerCesto> th,
#tblVerCesto table th,
#tblVerCesto> tbody> tr:first-of-type {}
.datosCompra .datosCompraRight #tblVerCesto #thCantidadProducto,
.datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto,
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto #thImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto,
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto {}
.datosCompra .datosCompraRight #tblVerCesto> tbody> tr> td {
width: 100%;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta {
display: table-row;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta:nth-last-child(2) {}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdNombreProducto {
width: 100%;
display: table-cell;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdCantidadProducto {
display: table-cell;
width: 120px;
}
.datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto .tdCantidadTotal {}
.datosCompra #tblVerCesto .tdCantidadProducto .tdCantidadTotal input {}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto {
width: 80px;
display: table-cell;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto {
width: 32px;
display: table-cell;
position: relative;
min-width: 32px;
text-align: center;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto:before {}
.datosCompra .datosCompraRight #tblVerCesto> tbody> tr> td:first-child a img {}
.datosCompra .datosCompraRight #tblVerCesto .trTotal {}
.datosCompra .datosCompraRight #tblVerCesto .trTotal> td:first-child,
.datosCompra #tblVerCesto .trTotal> td:last-child {}
.datosCompra .datosCompraRight #tblVerCesto .trTotal> td:first-child:not(:empty) {}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto #thImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto {
display: table-cell;
width: 120px;
min-width: 120px;
text-align: right;
}
.datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto {
min-width: 180px;
}
.datosCompra .datosCompraRight .trTotal .spnTotalCarrito {}
.datosCompra #dvCestaCont .pIncremPed .spnIncremPed {}
.datosCompra #dvCestaCont .cestaEnvioGratis,
.datosCompra #dvCestaCont .cestaEnvioGratis a,
.datosCompra #dvCestaCont .cestaEnvioGratis a span {
width: auto;
}
.box4 .slideCont .swiper-container {
padding-left: 20px
}
.box4 .swiper-slide {
width: calc((1/3.5 * 100%) - 20px);
}
.box6 {
padding: 40px 0;
}
.box6 .slideCont .swiper-container {
padding-left: var(--productos-margin);
}
.box6 .slideCont .swiper-slide {
width: calc((1/3.5 * 100%) - var(--productos-margin));
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .switem {
width: calc(50% - 4px)
}
.prodlist .RCRProdsCont {
grid-template-columns: 1fr 1fr 1fr;
}
.boxMini .slideCont,
.boxMiniRel .slideCont {
overflow: visible;
}
.boxMini .slideCont .swiper-slide,
.boxMiniRel .slideCont .swiper-slide {
width: calc((100% / 4) - (12px * 3 / 4));
}
}
/*################
###### 7 6 8 #####
################*/
@media screen and (min-width: 767px) {
header .hcont> div> .htconc .buscador {
display: block !important;
opacity: 1;
}
.menu {
display: block;
}
.cd-secondary-dropdown {
position: static;
padding: 0;
}
.cd-secondary-dropdown ul {
padding: 0;
height: auto;
position: static;
}
.cd-secondary-dropdown ul.move-out {
position: static;
}
.cd-secondary-dropdown ul.is-hidden {
position: absolute;
}
.cd-secondary-dropdown ul.move-out> li> p {
position: absolute;
}
.cd-secondary-dropdown.move-out> li> p {
position: absolute;
}
.menu_mob {
display: none;
}
}
@media screen and (max-width: 768px) {
.socialShare {
transform: scale(1.3);
width: 76.923%;
margin: 0 11.5385% 12px;
}
.socialShare .sswa {
display: block;
}
#login_box:after {
right: 12px;
}
.radiobtn input[type="radio"] {
width: 24px;
height: 24px;
}
.radiobtn> span {}
.radiobtn> span:before {
width: 24px;
height: 24px;
}
header .header {
display: flex;
flex-shrink: 1;
}
header .header .btnmenu.active {
z-index: 11;
border-radius: 100%;
background-color: #fff;
}
header .header .btnmenu.active.translate:first-child {
transform: translateX(320px);
}
header .header .btnmenu.active.translate:last-child {
transform: translateX(-320px);
}
header .header .headerCont {
width: 100%;
}
header .menu {
display: none !important;
}
header .menu.leftSlide {
padding: 0;
display: block;
}
header .menu .menuCont {
display: block;
width: 100%;
}
header .menu .menuCont .menulang {
display: block;
}
.mcPrincipal {
display: block;
position: static;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
visibility: visible;
height: auto;
overflow: hidden;
}
.mcPrincipal> a {
display: none;
}
.mcPrincipal> a span {}
.mcPrincipal .cd-dropdown-trigger {
display: none;
}
.mcPrincipal ul.cd-dropdown li {
height: auto;
}
.mcPrincipal li a {
padding: 20px 12px;
}
.mcPrincipal ul> li.go-back> p> span:after {
padding: 20px 12px;
}
.mcPrincipal ul> li> p> span {}
.cd-dropdown-content {
position: static;
padding: 0;
}
.cd-dropdown-content ul {
padding: 0;
height: auto;
position: static;
}
.cd-dropdown-content ul.move-out {
position: static;
}
.cd-dropdown-content ul.is-hidden {
position: absolute;
}
.cd-dropdown-content ul.move-out> li> p {
position: absolute;
}
.cd-dropdown-content.move-out> li> p {
position: absolute;
}
.mcDestacado {
display: block;
background: rgba(0, 0, 0, 0.05);
}
.mcDestacado ul {
display: block;
}
.mcDestacado ul li {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-left: 0;
}
.mcDestacado ul li a {
display: block;
text-transform: none;
padding: 16px 12px;
width: 100%;
}
.mcDestacado ul li a span {}
.langSelector {
padding: 8px;
}
.menu_mob.leftSlide,
.menu_mob.rightSlide {
display: block;
}
/*MENU*/
/*header .header .btnmenu.active { transform: translateX(320px); z-index: 11; }
header .header .fndmenu.active { width: 100%; opacity: 1; }*/
/*MODAL USUARIO*/
#user {
position: static;
}
/*#login_box { width: 300px; display: flex; bottom: 0; right: -304px; position: fixed; height: 100vh; top: 0; font-size: 18px; flex-flow: column wrap; justify-content: center; border: 0; transition: all 300ms ease; }*/
/*#login_box.active { right: 0; box-shadow: 0 0 40px rgba(0,0,0,1); }*/
#login_box:after {
content: "";
}
#login_box input[type="text"],
#login_box input[type="password"] {
padding: 8px 12px;
}
#login_box .spnLogError {}
#login_box input[type="button"],
#login_box input[type="submit"],
#login_box #lnkBtnReg,
#login_box #btLoginUsu,
#login_box #btLogout {
font-size: 16px;
line-height: 22px;
}
#login_box .title {
font-size: 18px;
margin: 0 0 16px;
}
#login_box .usuario-registrado {
padding: 40px 16px;
}
#login_box .usuario-registrado input[type="button"],
#login_box .UsuReg input[type="submit"] {}
#login_box .usuario-registrado a {}
#login_box .usuario-no-registrado {
padding: 40px 16px;
}
#login_box .usuario-no-registrado input[type="button"],
#login_box .usuario-no-registrado input[type="submit"] {}
.Newsletter #dvNewsletterRegister #dvNewsletterRegisterCont form {
display: block;
}
.Newsletter #dvNewsletterRegister #dvNewsletterRegisterCont form> div {
width: 100%;
}
.Newsletter #dlNewsletterRegister {
margin: 20px 0 0;
padding: 0;
}
.box2 .boxCont> div> div {
flex-flow: row wrap;
}
.box2 .boxCont .boxItem {
width: 100%;
}
.box2 .boxCont .boxItem> div {
padding-bottom: 50%;
}
.box3a {
/* overflow-x: scroll; */
padding: 0 20px 24px 20px;
}
.box3a .boxCont::-webkit-scrollbar {
height: 8px;
}
.box3a .boxCont::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #F5F5F5;
}
.box3a .boxCont::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 0 2px #F5F5F5;
background-color: #ccc;
}
.box3a .boxCont {
overflow-x: auto;
position: relative;
}
.box3a .boxCont .boxItem {
width: 60%;
}
.box3a .boxCont .boxItem> div {
padding-bottom: 45%;
}
.box3a .boxCont .boxItem .bicTitle {
font-size: 100%;
}
.box3 {
/* overflow-x: scroll; */
padding: 0 0px 24px;
}
.box3 .boxCont .boxItem {
width: 60%;
}
.box3 .boxCont .boxItem .bicTitle {
font-size: 100%;
}
.bndBox3 .bndBox3Cont {
display: block;
}
.bndBox3 .bndBox3Cont> div {
width: 100%;
}
.bndBox3 .bndBox3Cont> div:not(:last-child) {
margin: 0 0 12px;
}
footer .footerInfo .footerInfoCont .FICBox:first-child {
width: 100%;
margin-bottom: 24px
}
footer .footerInfo .footerInfoCont .FICBox:nth-of-type(2),
footer .footerInfo .footerInfoCont .FICBox:last-of-type,
footer .footerInfo .footerInfoCont .FICBox:first-of-type {
width: 100%;
margin: 12px 0;
}
footer .footerInfo .footerInfoCont .FICBox:nth-child(2) {
border: 0
}
footer .footerInfo .footerInfoCont .vline {
width: 100%;
height: 2px;
}
.Marcas .genericCont .listadoMarcas ul li {
width: calc(25% - 16px);
}
.contactBand {
display: block;
text-align: center;
}
.contactBand .socialUl {
text-align: center;
}
.generic .dvPromo {
display: block;
}
.generic .dvPromo .img {
width: 180px;
float: left;
}
.generic .dvPromo .left {
width: auto;
}
.generic .dvPromo .right {
width: 100%;
}
#dvValidarChequeRegalo {
display: block;
}
#dvValidarChequeRegalo> form {
margin: 20px 0 0;
max-width: 100%;
}
#dvContactoInfo {
display: block;
}
#dvContactoInfo .ContactoInfo {
width: 100%;
margin: 0 0 20px;
}
#dvContactoInfo .ContactoMapa {
width: 100%;
}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm {
display: block;
}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .dvDatosGeneralesFormLeft {
margin: 0;
}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .dvDatosGeneralesFormRight {
padding: 0;
border: 0;
}
#tblVerCesto,
#tblVerCesto> tbody,
#tblVerCesto> td,
#tblVerCesto> tr {
display: block;
width: 100%;
}
#tblVerCesto> th,
#tblVerCesto table th,
#tblVerCesto> tbody> tr:first-of-type {
display: none;
}
#tblVerCesto #thCantidadProducto,
#tblVerCesto .tdCantidadProducto,
#tblVerCesto .trProductoCesta .tdImporteProducto,
#tblVerCesto #thImporteProducto,
#tblVerCesto .tdImporteTotalProducto,
#tblVerCesto .trProductoCesta .tdEliminaProducto {
width: 100%;
}
#tblVerCesto> tbody> tr> td {
padding: 8px;
}
#tblVerCesto .trProductoCesta {
display: flex;
flex-flow: row wrap;
/* margin: 0 0 20px; */
background: rgba(0, 0, 0, 0.02);
}
#tblVerCesto .trProductoCesta .tdNombreProducto {
width: 100%;
}
#tblVerCesto .trProductoCesta .tdCantidadProducto {
width: 45%;
}
#tblVerCesto .tdCantidadProducto .tdCantidadTotal {
padding: 4px 0;
}
#tblVerCesto .trProductoCesta .tdImporteProducto {
width: 45%;
text-align: center;
display: flex;
align-items: center;
justify-content: flex-end;
font-weight: var(--bold1);
font-size: 130%;
}
#tblVerCesto .trProductoCesta .tdEliminaProducto {
width: 10%;
display: flex;
align-items: center;
justify-content: center;
}
#tblVerCesto .trProductoCesta .tdEliminaProducto:before {
font-size: 14px;
}
#tblVerCesto> tbody> tr> td:first-child a img {
width: 80px;
border-radius: 4px;
}
#tblVerCesto .trTotal {
font-weight: var(--bold1);
display: block;
}
#tblVerCesto .trTotal> td:first-child,
#tblVerCesto .trTotal> td:last-child {
display: none;
}
#tblVerCesto .trTotal> td:first-child:not(:empty) {
display: block;
}
#tblVerCesto .trProductoCesta .tdImporteProducto,
#tblVerCesto #thImporteProducto,
#tblVerCesto .tdImporteTotalProducto {
font-size: 120%;
}
.trTotal .spnTotalCarrito {
font-size: 130%;
}
#dvCuponesCarrito .aplicados> div {
padding: 4px 8px;
}
#dvCuponesCarrito .aplicados .nombre {}
#dvCuponesCarrito .aplicados .eliminar a {
font-size: 14px;
}
#dvCuponesCarrito .aplicar {
max-width: 100%;
}
#dvCuponesCarrito> p {
max-width: 100%;
}
#dvCuponesCarrito .aplicados:not(:last-child) {
order: 0;
margin-bottom: 8px;
}
#dvPedidosListUserCont table tr td {
padding: 12px 4px;
}
#dvPedidosListUserCont table th:last-child,
#dvPedidosListUserCont table th:nth-child(5),
#dvPedidosListUserCont table th:nth-child(4),
#dvPedidosListUserCont table th:nth-child(6) {
display: none;
}
#dvPedidosListUserCont table tr td:last-child,
#dvPedidosListUserCont table tr td:nth-child(5),
#dvPedidosListUserCont table tr td:nth-child(4),
#dvPedidosListUserCont table tr td:nth-child(6) {
display: none;
}
#dvPedidosListUserCont table tr td:nth-child(3) {
width: 90px;
min-width: 90px;
}
#tblResumenProds,
#tblResumenProds> tbody,
#tblResumenProds> td,
#tblResumenProds> tr {
display: block;
width: 100%;
}
#tblResumenProds> th,
#tblResumenProds table th,
#tblResumenProds> tbody> tr:first-of-type {
display: none;
}
#tblResumenProds #thCantidadProducto,
#tblResumenProds .tdCantidadProducto,
#tblResumenProds .trProductoCesta .tdImporteProducto,
#tblResumenProds #thImporteProducto,
#tblResumenProds .tdImporteTotalProducto,
#tblResumenProds .trProductoCesta .tdEliminaProducto {
width: 100%;
}
#tblResumenProds> tbody> tr> td {
padding: 8px;
}
#tblResumenProds .trProductoCesta {
display: flex;
flex-flow: row wrap;
margin: 0 0 20px;
background: rgba(0, 0, 0, 0.02);
}
#tblResumenProds .trProductoCesta .tdNombreProducto {
width: 100%;
}
#tblResumenProds .trProductoCesta .tdCantidadProducto {
width: 45%;
}
#tblResumenProds .tdCantidadProducto .tdCantidadTotal {
padding: 4px 0;
}
#tblResumenProds .trProductoCesta .tdImporteProducto {
width: 45%;
text-align: center;
display: flex;
align-items: center;
justify-content: flex-end;
font-weight: var(--bold1);
font-size: 130%;
}
#tblResumenProds .trProductoCesta .tdEliminaProducto {
width: 10%;
display: flex;
align-items: center;
justify-content: center;
}
#tblResumenProds .trProductoCesta .tdEliminaProducto:before {
font-size: 14px;
}
#tblResumenProds> tbody> tr> td:first-child a img {
width: 80px;
}
#tblResumenProds .trTotal {
font-weight: var(--bold1);
}
#tblResumenProds .trTotal> td:first-child,
#tblResumenProds .trTotal> td:last-child {
display: none;
}
#tblResumenProds .trProductoCesta .tdImporteProducto,
#tblResumenProds #thImporteProducto,
#tblResumenProds .tdImporteTotalProducto {
font-size: 120%;
}
.generic .genericCont .resumenCarrito {
display: block;
}
.generic .genericCont .resumenCarrito .resumenFacturacion,
.resumenCarrito .resumenEnvio {
width: 100%;
}
.resumenProductos #tblResumenProds,
.resumenProductos #tblResumenProds> tbody,
.resumenProductos #tblResumenProds td,
.resumenProductos #tblResumenProds tr {
display: block;
width: 100%;
text-align: center;
}
.resumenProductos #tblResumenProds tr {
display: flex;
flex-flow: row wrap;
padding: 8px;
}
.resumenProductos #tblResumenProds> tbody> tr> td:first-child {
font-weight: var(--bold1);
}
.resumenProductos #tblResumenProds> tbody> tr:not(.trTotales)> td:first-child:before {
content: "\f105";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-right: 4px;
font-size: 16px;
}
.resumenProductos #tblResumenProds> tbody> tr> td:nth-child(2) {
width: 50%;
text-align: left;
}
.resumenProductos #tblResumenProds> tbody> tr> td:nth-child(3) {
width: 50%;
text-align: right;
}
.resumenProductos #tblResumenProds> tbody> tr.trTotales div:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding-bottom: 4px;
}
/*catalogo*/
body.catalog footer .footerInfo .footerInfoCont .FICBox:first-of-type {
width: 100%;
}
body.catalog footer .footerInfo .footerInfoCont .FICBox:nth-of-type(2) {
width: 0;
}
body.catalog footer .footerInfo .footerInfoCont .FICBox:last-of-type {
width: 100%;
}
.datosCompra {}
.datosCompra .datosCompraRight {}
.datosCompra .datosCompraLeft {}
.datosCompra .dvCabRealizarPedidoMetodo .dvCabRealizarPedidoMetodoInt {
padding: 12px 12px 0;
}
.datosCompra .datosCompraRight #tblVerCesto {}
.datosCompra .datosCompraRight #tblVerCesto,
.datosCompra .datosCompraRight #tblVerCesto> tbody,
.datosCompra .datosCompraRight #tblVerCesto> td,
.datosCompra .datosCompraRight #tblVerCesto> tr {
padding: 0;
}
.datosCompra .datosCompraRight #tblVerCesto> th,
#tblVerCesto table th,
#tblVerCesto> tbody> tr:first-of-type {}
.datosCompra .datosCompraRight #tblVerCesto #thCantidadProducto,
.datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto,
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto #thImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto,
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto {}
.datosCompra .datosCompraRight #tblVerCesto> tbody> tr> td {
display: table-cell;
width: auto;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta {
display: flex;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta:nth-last-child(2) {}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdNombreProducto {
width: 100%;
display: block;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdCantidadProducto {
display: block;
width: 45%;
max-width: 100%;
}
.datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto .tdCantidadTotal {}
.datosCompra #tblVerCesto .tdCantidadProducto .tdCantidadTotal input {}
.datosCompra .datosCompraRight #tblVerCesto> tbody> tr> td:first-child a img {}
.datosCompra .datosCompraRight #tblVerCesto .trTotal {}
.datosCompra .datosCompraRight #tblVerCesto .trTotal> td:first-child,
.datosCompra #tblVerCesto .trTotal> td:last-child {}
.datosCompra .datosCompraRight #tblVerCesto .trTotal> td:first-child:not(:empty) {}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto #thImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto {
display: block;
width: 120px;
min-width: 120px;
text-align: right;
}
.datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto {
min-width: 180px;
display: table-cell;
width: 100%;
padding: 8px;
}
.datosCompra .datosCompraRight .trTotal .spnTotalCarrito {}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto {
width: 45% !important;
text-align: center;
display: flex;
align-items: center;
justify-content: flex-end;
font-weight: var(--bold1);
font-size: 120%;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto {
width: 10%;
display: flex;
align-items: center;
justify-content: center;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto:before {}
.datosCompra #dvCestaCont .pIncremPed .spnIncremPed {}
.datosCompra #dvCestaCont .cestaEnvioGratis,
.datosCompra #dvCestaCont .cestaEnvioGratis a,
.datosCompra #dvCestaCont .cestaEnvioGratis a span {
width: auto;
}
/*NOTICIAS*/
.widNot .widNotCont .bgc {
padding: 0 12px;
}
.bmmin2> .widNotCont> .widNotContNots {
column-count: 1;
}
.bmmin3 .widNotContNots {
justify-content: space-between;
}
.bmmin3 .bloggalcont> .bgc {
padding: 0;
margin: 0 0 8px;
}
.bmmin3 .bloggalcont {
text-align: left;
width: calc(50% - 10px);
text-decoration: none;
padding: 0;
}
.bmmin3 .bloggalcont:nth-child(3n-1) {
margin: 0 0 20px;
}
.bmmin3 .bloggalcont> .bgc> .bgctitle {}
.bmmin3 .bloggalcont> .bgc> .bgctitle:after {
top: 40px
}
.bmmin3 .bloggalcont> .bgc> .bgctitle a {
font-size: 16px;
line-height: 20px;
}
.bmmin3 .bloggalcont .bgcinfo {
display: none;
}
.box4 .swiper-slide {
width: calc((1/2.7 * 100%) - (var(--productos-margin)*(2/3)));
}
.box6 .slideCont .swiper-slide {
width: calc((1/3.5 * 100%) - var(--productos-margin));
}
}
/*################
###### 6 4 0 #####
################*/
@media screen and (min-width: 640px) {
#search {
display: block !important;
opacity: 1;
}
}
@media screen and (max-width: 640px) {
.SimpleModal.modal-mcd .title {
font-size: 24px;
line-height: 140%;
}
#PORT02 .PORT02Cont {
grid-template-columns: 1fr;
grid-gap: 16px;
}
.dvBanner:not(.slideCupones3) {
padding: 12px;
}
.boxMini {}
.Marcas .genericCont .listadoMarcas ul li {
width: calc(33.333% - 16px);
}
#dvContactoCont {}
#dvContactoInfo {}
#dvContactoInfo> p {}
#dvContactoInfo .ContactoInfo {}
#dvContactoInfo .ContactoMapa {}
#dvContactoInfo .ContactoMapa iframe {}
.dvContactoForm {}
#ulContatoInfo {}
#ulContatoInfo .dvContactoFormItem,
#ulContatoInfo .dvContactoFormGroup {}
#ulContatoInfo input[type="text"],
#ulContatoInfo textarea {}
.dvContatoInfoSup {
display: block;
}
.dvContatoInfoSup .dvContactoFormLeft {}
.dvContatoInfoSup .dvContactoFormLeft .dvContactoFormItem {}
.dvContatoInfoSup .dvContactoFormLeft .dvContactoFormItem input {}
.dvContatoInfoSup .dvContactoFormRight {
margin: 0;
}
.dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem {}
.dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo {}
.dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo textarea {}
.dvContatoInfoSub {
display: block;
}
.dvContatoInfoSub .ulContatoInfoSubItem {}
.dvContatoInfoSub .ulContatoInfoSubItem .dvContactoInfo:last-child {
max-width: 100%;
}
.dvContatoInfoSub .tac {
width: 100%;
margin: 0 0 12px;
}
.dvContatoInfoSub input[type="button"] {
width: 100%
}
.dvContatoInfoSub .tac .dvContactoInfo {}
.dvContatoInfoSub .ulContatoInfoSubGroup {
width: 100%;
margin: 0;
}
.dvContatoInfoSub input[type="submit"] {}
.generic .genericCont #dvDetFactEnv {
display: block;
}
.generic .genericCont #dvDetFactEnv> * {
width: 100%;
}
.carritoDatos .carritoDatosRight .carritoFacturacion ul li,
.carritoDatos .carritoDatosRight .carritoEnvio ul li {
width: 100%;
margin: 0 0 4px;
}
.carritoDatos .carritoDatosRight .carritoFacturacion,
.carritoDatos .carritoDatosRight .carritoEnvio,
.carritoDatos .carritoDatosRight .carritoPago,
.carritoDatos .carritoDatosLeft .carritoObservaciones {
padding: 12px;
}
.carritoEnvio .dvAcepEnv {
flex-direction: column;
}
.carritoEnvio .dvAcepEnv.oculto {
display:none;
}
.carritoEnvio .radioEnvio label {
width: 100%;
}
#dvLnkCarrito .btnIzq span {
display: none;
}
#dvMetodoPagoBotones {
flex-direction: column-reverse;
align-items: center;
}
#dvMetodoPagoBotones .btnDerCont {
margin: 0 0 32px;
align-items: center;
}
#dvMetodoPagoBotones .btnDerCont> * {
align-self: center;
}
.formBox> div #ulContatoInfo .dvContatoInfoSup {
display: block;
}
.formBox> div #ulContatoInfo .dvContactoFormLeft {
margin: 0;
width: 100%;
}
.formBox> div #ulContatoInfo .dvContactoFormRight {
margin: 0;
width: 100%;
}
.formBox> div #ulContatoInfo .dvContatoInfoSub {
display: block;
}
.formBox> div #ulContatoInfo .dvContatoInfoSub .tac,
.formBox> div #ulContatoInfo .dvContatoInfoSub #bc_enviar {
width: 100%;
margin: 0 0 8px;
}
.formBox> div #ulContatoInfo input[type="text"],
.formBox> div #ulContatoInfo input[type="tel"],
.formBox> div #ulContatoInfo input[type="email"],
.formBox> div #ulContatoInfo textarea {
padding: 8px;
}
.SimpleModal.modal-mcd .wrap {
padding: 32px 12px 12px;
max-height: 100vh;
}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .nombre {
font-size: 16px;
line-height: 20px;
}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .codigo {
font-size: 14px;
line-height: 18px;
}
.SimpleModal.modal-mcd .cuponInfoCont {
display: block;
margin: 0 auto;
}
.SimpleModal.modal-mcd .cuponInfoCont .img {
width: 100%;
}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText {
width: 100%;
min-height: 130px;
flex: 1;
padding: 24px 8px;
}
.loginCart {
display: block;
text-align: center;
}
.loginCart .loginCartReg {
width: 100%;
}
.loginCart .loginCartNoReg {
width: 100%;
}
.breadcrumb {
margin: 0 0 12px;
}
.bmmin1 .bloggalcont> a> img {
width: 160px;
max-width: 160px;
min-width: 160px;
}
.box2 .boxCont .boxItem {
margin-bottom: var(--mosaico-margin)
}
.box3 .boxCont .boxItem {
width: calc((1/1.333 * 100%) - (var(--mosaico-margin)*(2/3)));
}
.box4 .slideCont .sw {
padding-left: 0;
}
.box4 .swiper-slide {
width: calc((1/1.75 * 100%) - (var(--productos-margin)*(2/3)));
}
.box6 .slideCont .swiper-slide {
width: calc((1/2 * 100%) - var(--productos-margin));
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .switem {
width: calc(100% - 4px)
}
.RCRProdsCont,
.prodlist .RCRProdsCont {
grid-template-columns: 1fr 1fr;
}
.RCRProds .RCRProdsPrev {
flex-direction: column;
}
.RCRProds .RCRProdsPrev .RCRProdsPrevRight {
justify-content: center;
width: 100%;
max-width: 420px;
}
.RCRProds .RCRProdsPrev .numProds {
margin: 8px auto;
}
.boxMini .slideCont .swiper-slide,
.boxMiniRel .slideCont .swiper-slide {
width: calc((100% / 2) - (12px * 2 / 3));
}
.bmmin3 .widNotContNots .bloggalcont {
width: 48%;
}
.bmmin3 .widNotContNots .bloggalcont:nth-child(3):last-child,
.bmmin3 .widNotContNots .bloggalcont:nth-child(2):last-child,
.bmmin3 .widNotContNots .bloggalcont:first-child:last-child {
margin-right: inherit;
}
}
/*################
###### 4 8 0 #####
################*/
@media screen and (max-width: 480px) {
.news1 .newsCont .newsMail form {
display: block;
}
.news1 .newsCont .newsMail .newsInput {}
.news1 .newsCont .newsMail .newsBtn {
margin: 8px auto 0;
padding: 8px 12px;
width: 100%;
}
footer {
text-align: center;
}
footer .footerInfo .footerInfoCont {
/* flex-flow:column-reverse wrap; */
}
footer .footerInfo .footerInfoCont .FICBox {
width: 100%;
margin-bottom: 32px;
}
footer .footerInfo .footerInfoCont .FICBox .FICBoxList {
column-count: 1;
}
footer .footerEnd .footerEndCont> div {
width: 100%;
}
footer .footerInfo .footerInfoCont .FICBox .FICBoxList li {
justify-content: center;
}
footer .footer-footerEnd .footerEndCont .FECPaxinas {
margin-top: 12px;
}
footer .footerEnd .footerEndCont .FECPaxinas {
justify-content: center;
}
.Marcas .genericCont .listadoMarcas ul li {
width: calc(50% - 16px);
}
.Newsletter #dlNewsletterRegister .newsletterEnvio .dlCaptcha {
margin: 0 0 12px;
width: 100%;
}
.Newsletter #dlNewsletterRegister .newsletterEnvio {
display: block;
}
.dvContatoInfoSub .ulContatoInfoSubItem {
display: block;
}
.dvContatoInfoSub .dvCaptcha {
width: 100%;
margin: 0 0 12px;
}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect span {
width: 20%;
}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect span:nth-child(2) {
width: 45%
}
/* header .header .btnmenu.active.translate { transform: translateX(280px); }*/
header .header .btnmenu.active.translate:first-child {
transform: translateX(280px);
}
header .header .btnmenu.active.translate:last-child {
transform: translateX(-280px);
}
.leftSlide.menu_mob {
left: -280px;
width: 280px;
}
.rightSlide.menu_mob {
right: -280px;
width: 280px;
}
/*header .menu { left: -280px; width: 280px; }*/
#tblVerCesto> tbody> tr> td:first-child a img {
width: 56px;
}
#tblVerCesto .trTotal #liPagaMasTardeSim {
flex-direction: column;
max-width: 360px;
margin: 0 auto;
}
#tblVerCesto .trTotal #liPagaMasTardeSim:before {
height: 50px;
width: 100%;
justify-content: center;
}
#dvLnkCarrito {
flex-direction: column;
}
#dvLnkCarrito .btnDer {
width: 100%;
margin: 0 0 12px;
justify-content: center;
}
#dvLnkCarrito .btnIzq {
width: 100%;
justify-content: center;
}
#dvMetodoPagoBotones .btnDerCont {
margin: 0 0 12px;
}
#dvMetodoPagoBotones .btnDerCont> * {
width: 100%;
justify-content: center;
margin: 0 0 12px;
}
#dvMetodoPagoBotones .btnIzq {
width: 100%;
justify-content: center;
}
.SimpleModal.LoginRegister-modal .wrap {
padding: 48px 12px 12px;
}
#Res .RCRProdsCont .prodItem {
width: 100%;
margin: 0 auto 20px;
max-width: 280px;
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo:before {
display: none;
}
.generic .dvPromo {
max-width: 300px;
margin: 0 auto;
}
.generic .dvPromo:not(:last-child) {
margin: 0 auto 20px;
}
.generic .dvPromo .img {
width: 100%;
float: none;
padding: 12px 12px 0;
}
.generic .dvPromo .img a {
max-width: 280px;
padding: 0;
}
.generic .dvPromo .left {
width: 100%;
}
.generic .dvPromo .right {
width: 100%;
}
.dvBanner.envioMini .dvBannerCont {
font-size: 12px;
line-height: 14px;
}
/* MOSAICO */
.bmmin1 .bloggalcont> a> img {
width: 120px;
max-width: 120px;
min-width: 120px;
}
.bmmin1 .bloggalcont .bgcinfo {
max-height: 40px;
display: none;
}
/*.box4 .swiper-slide { width: calc((1/1.333 * 100%) - 20px); }*/
.box4 {
padding: var(--section-margin) 0;
}
.socialBox--fixed .socialUl a {
width: 48px;
height: 48px;
font-size: 28px;
}
}
/* ANIMACIONES */
@-webkit-keyframes inM {
50% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(45deg);
}
}
@keyframes inM {
50% {
transform: rotate(0deg);
}
100% {
transform: rotate(45deg);
}
}
@-webkit-keyframes outM {
50% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(45deg);
}
}
@keyframes outM {
50% {
transform: rotate(0deg);
}
100% {
transform: rotate(45deg);
}
}
@-webkit-keyframes inT {
0% {
-webkit-transform: translateY(0px) rotate(0deg);
}
50% {
-webkit-transform: translateY(5px) rotate(0deg);
}
100% {
-webkit-transform: translateY(5px) rotate(135deg);
}
}
@keyframes inT {
0% {
transform: translateY(0px) rotate(0deg);
}
50% {
transform: translateY(5px) rotate(0deg);
}
100% {
transform: translateY(5px) rotate(135deg);
}
}
@-webkit-keyframes outT {
0% {
-webkit-transform: translateY(0px) rotate(0deg);
}
50% {
-webkit-transform: translateY(5px) rotate(0deg);
}
100% {
-webkit-transform: translateY(5px) rotate(135deg);
}
}
@keyframes outT {
0% {
transform: translateY(0px) rotate(0deg);
}
50% {
transform: translateY(5px) rotate(0deg);
}
100% {
transform: translateY(5px) rotate(135deg);
}
}
@-webkit-keyframes inBtm {
0% {
-webkit-transform: translateY(0px) rotate(0deg);
}
50% {
-webkit-transform: translateY(-5px) rotate(0deg);
}
100% {
-webkit-transform: translateY(-5px) rotate(135deg);
}
}
@keyframes inBtm {
0% {
transform: translateY(0px) rotate(0deg);
}
50% {
transform: translateY(-5px) rotate(0deg);
}
100% {
transform: translateY(-5px) rotate(135deg);
}
}
@-webkit-keyframes outBtm {
0% {
-webkit-transform: translateY(0px) rotate(0deg);
}
50% {
-webkit-transform: translateY(-5px) rotate(0deg);
}
100% {
-webkit-transform: translateY(-5px) rotate(135deg);
}
}
@keyframes outBtm {
0% {
transform: translateY(0px) rotate(0deg);
}
50% {
transform: translateY(-5px) rotate(0deg);
}
100% {
transform: translateY(-5px) rotate(135deg);
}
}
@keyframes blink {
0% {
opacity: 1;
}
16.6666% {
opacity: 0;
}
33.3333% {
opacity: 1;
}
50% {
opacity: 0;
}
66.6666% {
opacity: 1;
}
83.3333% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes blink {
0% {
opacity: 1;
}
16.6666% {
opacity: 0;
}
33.3333% {
opacity: 1;
}
50% {
opacity: 0;
}
66.6666% {
opacity: 1;
}
83.3333% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes flash {
0% {
opacity: 1
}
3% {
opacity: 0
}
6% {
opacity: 1
}
9% {
opacity: 0
}
12% {
opacity: 1
}
15% {
opacity: 0
}
18% {
opacity: 1
}
100% {
opacity: 1
}
}
@keyframes flash {
0% {
opacity: 1
}
3% {
opacity: 0
}
6% {
opacity: 1
}
9% {
opacity: 0
}
12% {
opacity: 1
}
15% {
opacity: 0
}
18% {
opacity: 1
}
100% {
opacity: 1
}
}
/*******************************
OPINIONS
*******************************/
.opinions.dvCajaBannerPerso {
padding: var(--section-margin) 16px;
background: -moz-linear-gradient(top, var(--light) 0%, #fff 100%);
background: -webkit-linear-gradient(top, var(--light) 0%, #fff 100%);
background: linear-gradient(to bottom, var(--light) 0%, #fff 100%);
}
.opinions.dvCajaBannerPerso .title2 {
text-align: center;
}
.opinions.dvCajaBannerPerso .container {
max-width: var(--max-width);
margin: 0 auto;
}
.opinions.dvCajaBannerPerso .swiper-container-horizontal>.swiper-pagination-bullets {
bottom: 0;
}
.opinions.dvCajaBannerPerso .swiper-container {
padding-bottom: 40px;
overflow: hidden;
position: relative;
}
.opinions.dvCajaBannerPerso .opinions__item {
padding: 0 1rem 1rem;
}
.opinions.dvCajaBannerPerso .opinions__text {
font-style: italic;
}
.opinions--estilo1.dvCajaBannerPerso .opinions__title {
margin: 0 0 0.6rem;
}
.opinions.dvCajaBannerPerso .swiper-pagination {
line-height: 100%;
}
.opinions--estilo2.dvCajaBannerPerso .swiper-button-prev,
.opinions--estilo2.dvCajaBannerPerso .swiper-button-next {
display: none;
}
/* Estilo 1 */
.opinions--estilo1.dvCajaBannerPerso .opinions__item {
display: flex;
flex-direction: column-reverse;
padding: 1rem;
background: #fff;
border-radius: var(--radius1);
}
.opinions--estilo1.dvCajaBannerPerso .opinions__text {
font-style: italic;
position: relative;
padding: 0 0 1rem;
}
.opinions--estilo1.dvCajaBannerPerso .opinions__title {
margin: 0;
}
.opinions--estilo1.dvCajaBannerPerso .opinions__title {
padding: 0.5rem 0 0;
border-top: 1px solid rgba(0, 0, 0, 0.2);
}
/* Estilo 2 */
.opinions--estilo2.dvCajaBannerPerso .swiper-container {
padding: 20px 0 0;
overflow: hidden;
position: relative;
}
.opinions--estilo2.dvCajaBannerPerso .swiper-pagination {
display: none;
}
.opinions--estilo2.dvCajaBannerPerso .swiper-button-next,
.opinions--estilo2.dvCajaBannerPerso .swiper-button-prev {
width: 60px;
height: 40px;
text-align: center;
background: var(--secondary);
color: #fff;
left: inherit;
top: 0;
left: inherit;
transform: translate(0);
margin: 0;
}
.opinions--estilo2.dvCajaBannerPerso .swiper-button-prev {
right: 62px;
left: inherit;
border-radius: var(--radius1) 0 0 var(--radius1);
display: flex;
}
.opinions--estilo2.dvCajaBannerPerso .swiper-button-next {
right: 0;
border-radius: 0 var(--radius1) var(--radius1) 0;
display: flex;
}
.opinions--estilo2.dvCajaBannerPerso .swiper-button-next:after,
.opinions--estilo2.dvCajaBannerPerso .swiper-button-prev:after {
font-size: 20px;
}
.opinions--estilo2.dvCajaBannerPerso .opinions__item {
display: flex;
flex-direction: column;
background: #fff;
border-radius: var(--radius1);
overflow: hidden;
padding: 1rem 0 0;
}
.opinions--estilo2.dvCajaBannerPerso .opinions__text {
font-style: italic;
margin: 0 0 0.75rem;
position: relative;
order: 1;
padding: 0 1rem;
}
.opinions--estilo2.dvCajaBannerPerso .opinions__title {
margin: 0;
}
.opinions--estilo2.dvCajaBannerPerso .opinions__text:before {
font-size: 3rem;
color: var(--primary);
opacity: 0.5;
content: '\f10d';
line-height: 100%;
font-weight: 900;
display: block;
margin: 0 0 1rem;
font-family: "Font Awesome 6 Pro";
}
.opinions--estilo2.dvCajaBannerPerso .opinions__title {
order: 2;
padding: 0 1rem 1rem;
margin: 0;
}
.opinions--estilo2.dvCajaBannerPerso .opinions__stars {
order: 3;
background: #eee;
padding: 1rem;
color: #ff8345;
}
/*Cambiar iconos de carrito: f07a f290 f847 f49c f49d*/
.fa-shopping-cart:before { content: "\f07a"!important; font-weight:var(--weight-fa); }
/*Cambiar iconos de carrito: f007 f0c0 f2bd f508 f582 f406 f7bd*/
.fa-user:before { content: "\f2bd"!important; font-weight:var(--weight-fa);}
.fa-search:before{font-weight:var(--weight-fa);}
/* 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 > a { text-decoration: none; display: flex; line-height: 28px; border: 0; overflow: visible; align-items: center; position: relative; color: inherit; }
#cart > a i { font-size: 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 > a > span { padding: 0 0 0 4px; }
#cart > a > span .cant:before{content:'(';}
#cart > a > span .cant:after{content:')';}
#cart > a > span span:last-child{display:none;}
/* Usuario */
#user { margin-left: 30px; font-weight: var(--bold1); font-size: 16px; line-height: 140%; flex-shrink: 0; position: relative; }
#user > a { text-decoration: none; display: flex; line-height: 28px; border: 0; overflow: hidden; align-items: center; color: inherit; }
#user a i:not(#btLogout) { font-size: 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 > 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 > span { display: none; }
#cart a > span { padding: 0; margin: 0; }
#cart > 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 > a > span .cant:before,
#cart > a > 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>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width: auto;height: auto;margin-top: -20px;z-index:9;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat;font-size: 20px;padding: 4px;line-height: 40px;}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto;}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:-8px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#333}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
/*Botones*/
.panel__desc--skin1 .boxCont .bicBtn {display: inline-flex;align-items: center;text-decoration: none;color: var(--secondary-invert); background:var(--secondary); padding: 8px 16px; border-radius: var(--radius1); font-size: 90%;line-height: 140%; text-transform: uppercase; font-weight: var(--bold1);}
/*#PORT01 { margin: calc(var(--mosaico-margin)/2) auto; }*/
/*############
PANEL SIMPLE
� Im�genes 2:1 horizontales (1200x600) */
.panel__simple--skin1 { margin:0 auto; max-width: 1920px; padding:0;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 > a {
text-decoration: none;
color: inherit;
display:grid;
flex:1;
}
.panel__simple--skin6 .switem,
.panel__simple--skin6 .switem.swiper-slide-active:active{
transform: scale(0.95);
transition: all 100ms ease; opacity: .8;
}
.panel__simple--skin6 .switem.swiper-slide-duplicate-active,
.panel__simple--skin6 .switem.swiper-slide-active {
transform: scale(1);
opacity: 1;
}
.panel__simple--skin6 .switeminfo {
display: grid;
padding: 16px;
position:relative;
z-index:1;
}
.panel__simple--skin6 .switeminfocont {
text-align:center;
max-width:640px;
margin: 0 auto;
}
.panel__simple--skin6 .switemtitle{
margin: 0 0 0.75rem;
}
.panel__simple--skin6 .switemtitle:last-child {
margin-bottom: 0;
}
.panel__simple--skin6 .switemdesc {
margin: 0 0 1rem;
}
.panel__simple--skin6 .switemdesc:last-child {
margin-bottom: 0;
}
/* Textos - Modificar tama�os*/
.panel__simple--skin6 .switemtitle h2{
margin: 0;
font-size: var(--font-xl);
line-height:1.25em;
font-family:var(--font2,var(--font1));
font-weight: var(--bold2,var(--bold1));
color: var(--primary);
}
.panel__simple--skin6 .switemdesc p{
font-size: var(--font-s);
line-height:1.4em;
}
.panel__simple--skin6 .switemadd span {
display:inline-block;
background: var(--secondary);
color: var(--secondary-invert);
text-transform:uppercase;
border-radius: var(--radius1);
padding: 0.5rem 1.25rem;
text-decoration:none;
font-size:0.95rem;
}
.panel__simple--skin6 .switemadd span:after{
font-family: "Font Awesome 6 Pro";
content:'\f178';
margin:0 0 0 8px;
}
@media screen and (min-width: 769px) {
.panel__simple--skin6{
--path:polygon(0 0, 100% 0, 100% 100%, 0 100%, var(--polygon) 50%);
--polygon:32px;
}
.panel__simple--skin6 .switem > a {
grid-template-columns: 40% 60%;
}
.panel__simple--skin6 .switemimg {
grid-column: 2;
}
.panel__simple--skin6 .switemimg:last-child{
grid-column: 1 / 3;
}
.panel__simple--skin6 .switeminfo {
place-content:center center;
grid-column:1;
padding:32px;
}
.panel__simple--skin6 .switemadd:hover .button{
padding: 0.5rem 1.75rem;
}
.panel__simple--skin6 .switemimg img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
}
/*############
PANEL DOBLE
� Combinado con box3
� Im�genes 4:3 horizontales (640x480)*/
.panel__doble--skin1 { padding: var(--section-margin) 16px; }
.panel__doble--skin1 .boxCont .boxItem { border-radius: var(--radius-default); overflow: hidden; border: 0; }
.panel__doble--skin1 .boxCont .boxItem .boxItemCont {position:absolute;bottom:0;left:0; width:100%; padding:32px 16px 16px; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(to bottom, rgba(var(--filtroPortada),0) 0%,rgba(var(--filtroPortada),0.25) 50%,rgba(var(--filtroPortada),0.4) 100%); }
.panel__doble--skin1 .boxCont .boxItem .boxItemCont:after { content: "\f054"; font-family: "Font Awesome 6 Pro"; margin-left: 8px; flex-shrink: 0; color: #fff; font-weight: 600; }
.panel__doble--skin1 .boxCont .boxItem .bicTitle { text-transform: inherit; line-height: 120%; font-size: var(--font-m); text-transform: inherit; text-shadow:0px 1px 3px rgba(var(--filtroPortada),0.35);}
.panel__doble--skin1[data-items="1"] .boxCont .boxItem { width: 100%; }
.panel__doble--skin1[data-items="2"] .boxCont .boxItem { width: calc((1/2 * 100%) - (var(--mosaico-margin) * (1/2)) );}
.panel__doble--skin1 .boxCont .boxItem { width: calc((1/2.33 * 100%) - (var(--mosaico-margin) / 2)); }
/*############
PANEL TRIPLE
� Combinado con box3
� Im�genes 3:4 verticales (480x640) */
.panel__triple--skin1 { padding: var(--section-margin) 16px; }
.panel__triple--skin1 .boxCont .boxItem { border-radius: var(--radius-default); overflow: hidden; border: 0; /* Para separarlos ser�a mejor tocar el js del box3*/ }
.panel__triple--skin1 .boxCont .boxItem .boxItemCont {position:absolute;bottom:0;left:0; width:100%; padding:32px 16px 16px; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(to bottom, rgba(var(--filtroPortada),0) 0%,rgba(var(--filtroPortada),0.25) 50%,rgba(var(--filtroPortada),0.4) 100%); }
.panel__triple--skin1 .boxCont .boxItem .boxItemCont:after { content: "\f054"; font-family: "Font Awesome 6 Pro"; margin-left: 8px; flex-shrink: 0; color: #fff; font-weight: 600; }
.panel__triple--skin1 .boxCont .boxItem .bicTitle { text-transform: inherit; line-height: 120%; font-size: var(--font-m); text-transform: inherit; text-shadow:0px 1px 3px rgba(var(--filtroPortada),0.35); }
.panel__triple--skin1[data-items="1"] .boxCont .boxItem { width: 100%; max-height: 400px; }
.panel__triple--skin1[data-items="2"] .boxCont .boxItem { width: calc((1/2 * 100%) - (var(--mosaico-margin) * (1/2)) ); }
.panel__triple--skin1[data-items="3"] .boxCont .boxItem { width: calc((1/3 * 100%) - (var(--mosaico-margin) * (2/3)) ); }
.panel__triple--skin1 .boxCont .boxItem { width: calc( (1/3.333 * 100%) - (var(--mosaico-margin) / 2) ); }
/*############
PANEL DESCRIPTIVO */
.panel__desc--skin1 { padding: var(--descriptivo-margin) 16px; }
.panel__desc--skin1 .boxCont { max-width: var(--max-width); margin: 0 auto; }
.panel__desc--skin1 .boxCont > div .swiper-wrapper { display: grid; grid-template-columns: repeat(12, 1fr); /*grid-template-rows: repeat(8, 1fr);*/ grid-row-gap: var(--descriptivo-margin); }
.panel__desc--skin1 .swiper-slide { background: transparent !important; }
.panel__desc--skin1 .boxCont .boxItem { margin: 0; overflow: hidden; border: 0; grid-column-start: 1; grid-column-end: 13; }
.panel__desc--skin1 .boxCont .boxItem a { display: flex; flex-direction: column; text-decoration: none; color: inherit; }
/*Info*/
.panel__desc--skin1 .boxCont .boxItem .boxItemCont { padding: 20px 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.panel__desc--skin1 .boxItem .bicTitle { font-size: var(--font-m); line-height: 120%; margin: 0 0 12px; letter-spacing: 0.5px; }
.panel__desc--skin1 .boxItem .bicTitle:last-child { margin-bottom: 0; }
.panel__desc--skin1 .boxCont .bicDesc { margin: 0 0 12px; }
.panel__desc--skin1 .boxCont .bicDesc p:not(:last-child),.panel__desc--skin1 .boxCont .bicDesc ul:not(:last-child),.panel__desc--skin1 .boxCont .bicDesc ol:not(:last-child){margin: 0 0 16px;}
.panel__desc--skin1 .boxCont .bicDesc ul, .panel__desc--skin1 .boxCont .bicDesc ol{padding-left:20px;}
/*Imagen*/
.panel__desc--skin1 .boxCont .boxItem a img { display: block; width: 100%; height: 100%; border-radius: var(--radius-default); object-fit: contain;}
.panel__desc--skin1 .swiper-button-next, .panel__desc--skin1 .swiper-button-prev { display: none; }
/*############
MOSAICO */
.mosaico--skin1 .swiper-button-next, .mosaico--skin1 .swiper-button-prev { display: none; }
.mosaico--skin1 { padding: var(--section-margin) 16px; color: #fff; }
.mosaico--skin1 .boxCont { max-width: var(--max-width); margin: 0 auto; }
.mosaico--skin1 .boxCont .swiper-wrapper { display: grid; grid-template-columns: repeat(12, 1fr); /*grid-template-rows: repeat(8, 1fr);*/ grid-gap: var(--mosaico-margin); }
.mosaico--skin1 .boxCont .boxItem { border-radius: var(--radius-default); overflow: hidden; display: flex; background: transparent !important; }
.mosaico--skin1 .boxCont .boxItem > div { display: flex; width:100%;}
.mosaico--skin1 .boxCont .boxItem > div a { position: relative; display: flex; color: inherit; width:100%;}
.mosaico--skin1 .boxCont .boxItem .boxItemImg { display: flex; align-items: baseline; }
.mosaico--skin1 .boxCont .boxItem .boxItemImg img,
.mosaico--skin1 .boxCont .boxItem .boxItemImg picture{ display: block; width: 100%; height: 100%; object-fit: cover; }
.mosaico--skin1 .boxCont .boxItem .boxItemCont { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; padding:32px 16px 16px; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(to bottom, rgba(var(--filtroPortada),0) 0%,rgba(var(--filtroPortada),0.25) 50%,rgba(var(--filtroPortada),0.4) 100%); }
.mosaico--skin1 .boxCont .boxItem .boxItemCont:after { content: "\f054"; font-family: "Font Awesome 6 Pro"; margin-left: 8px; flex-shrink: 0; color: #fff; font-weight: 600; }
.mosaico--skin1 .boxCont .boxItem .boxItemCont .bicTitle {line-height: 120%; font-size: var(--font-m); text-transform: inherit; margin: 0;text-shadow:0px 1px 3px rgba(var(--filtroPortada),0.35);}
.mosaico--skin1[data-items="1"] .boxCont .boxItem { grid-column-start: 1; grid-column-end: 13; }
.mosaico--skin1[data-items="2"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 7; }
.mosaico--skin1[data-items="2"] .boxCont .boxItem:nth-child(2) { grid-column-start: 7; grid-column-end: 13; }
.mosaico--skin1[data-items="3"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 9; grid-row-start: 1; grid-row-end: 3; }
.mosaico--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.mosaico--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.mosaico--skin1[data-items="4"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 8; grid-row-start: 1; grid-row-end: 2; }
.mosaico--skin1[data-items="4"] .boxCont .boxItem:nth-child(2) { grid-column-start: 8; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.mosaico--skin1[data-items="4"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 6; grid-row-start: 2; grid-row-end: 3; }
.mosaico--skin1[data-items="4"] .boxCont .boxItem:nth-child(4) { grid-column-start: 6; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.mosaico--skin1[data-items="5"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 7; grid-row-start: 1; grid-row-end: 2; }
.mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(2) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 5; grid-row-start: 2; grid-row-end: 3; }
.mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) { grid-column-start: 5; grid-column-end: 9; grid-row-start: 2; grid-row-end: 3; }
.mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(5) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 9; grid-row-start: 1; grid-row-end: 3; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(2) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(3) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(4) { grid-column-start: 5; grid-column-end: 13; grid-row-start: 3; grid-row-end: 5; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(5) { grid-column-start: 1; grid-column-end: 5; grid-row-start: 4; grid-row-end: 5; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(6) { grid-column-start: 1; grid-column-end: 5; grid-row-start: 3; grid-row-end: 4; }
/*############
CATEGOR�AS */
.categorias--skin1 .swiper-button-next, .categorias--skin1 .swiper-button-prev { display: none; }
.categorias--skin1 { padding: var(--section-margin) 16px; color: #fff; }
.categorias--skin1 .boxCont { max-width: var(--max-width); margin: 0 auto; }
.categorias--skin1 .boxCont .swiper-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: var(--mosaico-margin); justify-content: center; }
.categorias--skin1[data-items="3"] .boxCont .swiper-wrapper,
.categorias--skin1[data-items="6"] .boxCont .swiper-wrapper,
.categorias--skin1[data-items="9"] .boxCont .swiper-wrapper,
.categorias--skin1[data-items="15"] .boxCont .swiper-wrapper,
.categorias--skin1[data-items="18"] .boxCont .swiper-wrapper { grid-template-columns: repeat(3, 1fr); }
.categorias--skin1[data-items="5"] .boxCont .swiper-wrapper,
.categorias--skin1[data-items="10"] .boxCont .swiper-wrapper,
.categorias--skin1[data-items="15"] .boxCont .swiper-wrapper { display: grid; grid-template-columns: repeat(5, 1fr); }
.categorias--skin1 .boxCont .boxItem { background: none !important; display: flex; position:relative;}
.categorias--skin1 .boxCont .boxItem > div { display: flex; flex-direction:column; }
.categorias--skin1 .boxCont .boxItem a { color: #333; text-decoration: none; display: flex; flex-direction: column; overflow: hidden; border-radius: var(--radius-default); border: 1px solid #eee; flex:1;}
.categorias--skin1 .boxCont .boxItem img { display: block; width: 100%; object-fit:cover; aspect-ratio: 1 / 1; }
.categorias--skin1 .boxCont .boxItem .boxItemCont { padding: 8px; text-align: center; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.categorias--skin1 .boxCont .boxItem .boxItemCont .title3 { margin: 0; font-weight: normal; color: inherit; text-decoration: none; }
/*############
PORTADAS CLASSIC */
.noportada { display: block; margin: 0 auto; max-width: 100%; }
.dvPortada .swiper-pagination { display: none; }
.dvPortada .switem a[href="#"] { cursor: default; }
.cportada1 { margin: 0 auto; max-width: var(--max-width);; }
.cportada1 .switem { position: relative; }
.cportada1 .switem a { text-decoration: none; color: white; }
.cportada1 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; padding-bottom: 37.5% }
.cportada1 .switem .switemimg img { display: block; position: absolute; max-width: 100%; max-height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 9999px 9999px rgba(var(--filtroPortada),.8) }
.cportada1 .switem .switeminfo { position: absolute; right: 12px; width: 40%; bottom: 12px; padding: 16px; background: rgba(var(--filtroPortada),0.8); text-align: center; border-radius: 4px; }
.cportada1 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; }
.cportada1 .switem .switeminfo .switemdesc { margin: 0 0 12px; }
.cportada1 .switem .switeminfo .switemdesc:last-child { margin: 0; }
.cportada1 .switem .switeminfo .switemdesc p { margin: 0; }
.cportada1 .switem .switeminfo .switemadd { color: white; font-size: 100%; padding: 8px 12px; border: 1px solid; display: inline-block; border-radius: 4px; line-height: 140%; }
.cportada1 .switem .switeminfo .switemadd span { display: flex; align-items: center; }
.cportada1 .switem .switeminfo .switemadd span:after { content: "\f105"; font-family: "Font Awesome 6 Pro"; margin-left: 4px; width: 8px; text-align: center; }
.cportada2 { max-width: var(--max-width);; margin: 0 auto; }
.cportada2 .switem { position: relative; }
.cportada2 .switem a { text-decoration: none; color: white; }
.cportada2 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; padding-bottom: 37.5% }
.cportada2 .switem .switemimg img { display: none; }
.cportada2 .switem .switeminfo { position: absolute; right: 12px; width: 40%; bottom: 12px; padding: 16px; background: rgba(var(--filtroPortada),0.8); text-align: center; border-radius: 4px; }
.cportada2 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; }
.cportada2 .switem .switeminfo .switemdesc { margin: 0 0 12px; }
.cportada2 .switem .switeminfo .switemdesc:last-child { margin: 0; }
.cportada2 .switem .switeminfo .switemdesc p { margin: 0; }
.cportada2 .switem .switeminfo .switemadd { color: white; font-size: 100%; padding: 8px 12px; border: 1px solid; display: inline-block; border-radius: 4px; line-height: 140%; }
.cportada2 .switem .switeminfo .switemadd span { display: flex; align-items: center; }
.cportada2 .switem .switeminfo .switemadd span:after { content: "\f105"; font-family: "Font Awesome 6 Pro"; margin-left: 4px; }
.cportada3 { margin: 0 auto; }
.cportada3 .switem { position: relative; }
.cportada3 .switem a { text-decoration: none; }
.cportada3 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; height: 600px }
.cportada3 .switem .switemimg img { display: none; }
.cportada3 .switem .switeminfo { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #333; background-color: rgba(255,255,255,0.9); padding: 20px; max-width: 640px; align-self: center; box-shadow: 0 10px 30px rgba(var(--filtroPortada),0.5); border-radius: 8px; text-align: center; color: #333; }
.cportada3 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; }
.cportada3 .switem .switeminfo .switemdesc { margin: 0 0 12px; }
.cportada1 .switem .switeminfo .switemdesc:last-child { margin: 0; }
.cportada3 .switem .switeminfo .switemdesc p { margin: 0; }
.cportada3 .switem .switeminfo .switemadd { color: #067ABD; font-size: 100%; padding: 8px 12px; border: 1px solid; display: inline-block; border-radius: 4px; line-height: 140%; }
.cportada3 .switem .switeminfo .switemadd span { display: flex; align-items: center; }
.cportada3 .switem .switeminfo .switemadd span:after { content: "\f105"; font-family: "Font Awesome 6 Pro"; margin-left: 4px; width: 8px; text-align: center; }
.cportada4 { margin: 0 auto; }
.cportada4 .switem { position: relative; }
.cportada4 .switem a { text-decoration: none; color: white; }
.cportada4 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; height: 460px; }
.cportada4 .switem .switemimg img { display: none; position: absolute; max-width: 100%; max-height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 1400px 1400px rgba(var(--filtroPortada),0.8) }
.cportada4 .switem .switeminfo { position: absolute; left: 0px; width: 100%; bottom: 0; width: 100%; padding: 16px; text-align: center; border-radius: 4px; background: -moz-linear-gradient(top, rgba(var(--filtroPortada),0) 0%, rgba(var(--filtroPortada),0.5) 35%, rgba(var(--filtroPortada),0.7) 100%); background: -webkit-linear-gradient(top, rgba(var(--filtroPortada),0) 0%,rgba(var(--filtroPortada),0.5) 35%,rgba(var(--filtroPortada),0.7) 100%); background: linear-gradient(to bottom, rgba(var(--filtroPortada),0) 0%,rgba(var(--filtroPortada),0.5) 35%,rgba(var(--filtroPortada),0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); text-shadow: 0 -2px 4px rgba(var(--filtroPortada),.8) }
.cportada4 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; }
.cportada4 .switem .switeminfo .switemdesc { margin: 0 0 12px; }
.cportada4 .switem .switeminfo .switemdesc:last-child { margin: 0; }
.cportada4 .switem .switeminfo .switemdesc p { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.cportada4 .switem .switeminfo .switemadd { color: white; font-size: 100%; padding: 8px 12px; border: 1px solid; display: inline-block; border-radius: 4px; line-height: 140%; }
.cportada4 .switem .switeminfo .switemadd span { display: flex; align-items: center; }
.cportada4 .switem .switeminfo .switemadd span:after { content: "\f105"; font-family: "Font Awesome 6 Pro"; margin-left: 4px; width: 8px; text-align: center; }
.cportada5 { margin: 0 auto; }
.cportada5 .switem { position: relative; }
.cportada5 .switem a { text-decoration: none; color: white; }
.cportada5 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; height: 460px; }
.cportada5 .switem .switemimg .blur { width: 100%; height: 100%; background-size: cover; background-position: center; filter: blur(40px); top: 0; position: absolute; }
.cportada5 .switem .switemimg img { display: block; position: absolute; max-width: 100%; max-height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; }
.cportada5 .switem .switeminfo { position: absolute; z-index: 2; left: 0px; width: 100%; bottom: 0; width: 100%; padding: 16px; text-align: center; border-radius: 4px; background: -moz-linear-gradient(top, rgba(var(--filtroPortada),0) 0%, rgba(var(--filtroPortada),0.5) 35%, rgba(var(--filtroPortada),0.7) 100%); background: -webkit-linear-gradient(top, rgba(var(--filtroPortada),0) 0%,rgba(var(--filtroPortada),0.5) 35%,rgba(var(--filtroPortada),0.7) 100%); background: linear-gradient(to bottom, rgba(var(--filtroPortada),0) 0%,rgba(var(--filtroPortada),0.5) 35%,rgba(var(--filtroPortada),0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); text-shadow: 0 -2px 4px rgba(var(--filtroPortada),.8) }
.cportada5 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; }
.cportada5 .switem .switeminfo .switemdesc { margin: 0 0 12px; }
.cportada5 .switem .switeminfo .switemdesc:last-child { margin: 0; }
.cportada5 .switem .switeminfo .switemdesc p { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.cportada5 .switem .switeminfo .switemadd { color: white; font-size: 100%; padding: 8px 12px; border: 1px solid; display: inline-block; border-radius: 4px; line-height: 140%; }
.cportada5 .switem .switeminfo .switemadd span { display: flex; align-items: center; }
.cportada5 .switem .switeminfo .switemadd span:after { content: "\f105"; font-family: "Font Awesome 6 Pro"; margin-left: 4px; width: 8px; text-align: center; }
@media screen and (min-width: 1024px) {
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 5; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) { grid-column-start: 5; grid-column-end: 9; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) { grid-column-start: 9; grid-column-end: 13; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3n-1) a { flex-direction: var(--descriptivo-reverse); }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 5; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) { grid-column-start: 5; grid-column-end: 9; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) a { flex-direction: var(--descriptivo-reverse); }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(5) { grid-column-start: 9; grid-column-end: 13; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 5; grid-row-start: 1; grid-row-end: 2; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(2) { grid-column-start: 5; grid-column-end: 9; grid-row-start: 1; grid-row-end: 2; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(3) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(4) { grid-column-start: 1; grid-column-end: 5; grid-row-start: 2; grid-row-end: 3; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(5) { grid-column-start: 5; grid-column-end: 9; grid-row-start: 2; grid-row-end: 3; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(6) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(3n-1) a { flex-direction: var(--descriptivo-reverse); }
}
@media screen and (max-width: 1023px) {
/*############
PANEL DESCRIPTIVO */
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 7; grid-row-start: 1; grid-row-end: 2; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) a { flex-direction: var(--descriptivo-reverse); }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) a { flex-direction: row; justify-content: space-between; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) a > div { width: calc(50% - var(--descriptivo-margin)); }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) a { flex-direction: row; justify-content: space-between; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) a > div { width: calc(50% - (var(--descriptivo-margin)/2)); }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 3; grid-row-end: 4; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) a { flex-direction: var(--descriptivo-reverse); }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(5) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 3; grid-row-end: 4; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 7; grid-row-start: 1; grid-row-end: 2; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(2) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 2; grid-row-end: 3; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(4) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(5) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 3; grid-row-end: 4; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(6) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 3; grid-row-end: 4; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(3n-1) a { flex-direction: column; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(2n) a { flex-direction: var(--descriptivo-reverse); }
/*############
CATEGOR�AS */
.categorias--skin1[data-items="5"] .boxCont .swiper-wrapper,
.categorias--skin1[data-items="10"] .boxCont .swiper-wrapper,
.categorias--skin1[data-items="15"] .boxCont .swiper-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); }
}
@media screen and (max-width: 768px) {
.panel__doble--skin1 { padding: var(--section-margin) 0; }
.panel__dople--skin1 .boxCont .boxItem { width: calc((1/2 * 100%) - (var(--mosaico-margin) / 2)); }
.panel__doble--skin1[data-items="2"] .boxCont .boxItem:nth-child(2) { margin: inherit; }
.panel__doble--skin1 .boxCont .boxItem .boxItemCont{padding:12px 8px 8px;}
.panel__triple--skin1 { padding: var(--section-margin) 0; }
.panel__triple--skin1 .boxCont .boxItem,
.panel__triple--skin1[data-items="1"] .boxCont .boxItem,
.panel__triple--skin1[data-items="2"] .boxCont .boxItem,
.panel__triple--skin1[data-items="3"] .boxCont .boxItem { width: calc((1/2 * 100%) - (var(--mosaico-margin) / 2)); }
.panel__triple--skin1 .boxCont .boxItem .boxItemCont{ padding:12px 8px 8px;}
/*DESCRIPTIVO*/
.mosaico--skin1 .boxCont .swiper-wrapper { grid-gap: var(--mosaico-margin); }
.mosaico--skin1 .boxCont .boxItem .boxItemCont { padding:12px 8px 8px; }
.mosaico--skin1 .boxCont .boxItem .boxItemCont:after { font-size: 16px; line-height: 100%; }
.categorias--skin1 .boxCont .swiper-wrapper { grid-gap: var(--mosaico-margin); }
.categorias--skin1 .boxCont .swiper-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); }
.categorias--skin1[data-items="2"] .boxCont .swiper-wrapper,
.categorias--skin1[data-items="4"] .boxCont .swiper-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); }
/*############
PORTADAS CLASSIC */
.cportada1 .switem .switeminfo { left: 0; bottom: 0; width: 100%; border-radius: 0; right: 0; padding: 8px 4px; }
.cportada1 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0; }
.cportada1 .switem .switeminfo .switemtitle .title { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cportada1 .switem .switeminfo .switemdesc { display: none; }
.cportada1 .switem .switeminfo .switemdesc p { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 80%; }
.cportada1 .switem .switeminfo .switemadd { position: absolute; top: -10px; right: 10px; transform: translateY(-100%); right: 10px; background: rgba(var(--filtroPortada),0.6); font-size: 80%; padding: 4px 8px; }
.cportada2 .switem .switeminfo { left: 0; bottom: 0; width: 100%; border-radius: 0; right: 0; padding: 8px 4px; }
.cportada2 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0; }
.cportada2 .switem .switeminfo .switemtitle .title { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cportada2 .switem .switeminfo .switemdesc { display: none; }
.cportada2 .switem .switeminfo .switemdesc p { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 80%; }
.cportada2 .switem .switeminfo .switemadd { position: absolute; top: -10px; right: 10px; transform: translateY(-100%); right: 10px; background: rgba(var(--filtroPortada),0.6); font-size: 80%; padding: 4px 8px; }
.cportada3 .switem .switeminfo { max-width: 80%; }
.cportada3 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 4px; }
.cportada3 .switem .switeminfo .switemtitle .title { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cportada3 .switem .switeminfo .switemdesc:not(:last-child) { margin: 0 0 8px; }
.cportada3 .switem .switeminfo .switemdesc p { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 80%; }
.cportada3 .switem .switeminfo .switemadd { padding: 4px 8px }
.cportada4 .switem .switemimg { height: 360px; }
.cportada4 .switem .switeminfo .switemdesc { display: none; }
.cportada5 .switem .switemimg { height: 360px; }
.cportada5 .switem .switeminfo .switemdesc { display: none; }
}
@media screen and (min-width: 641px) {
/*DESCRIPTIVO*/
.panel__desc--skin1 .boxCont > div .swiper-wrapper{grid-gap: var(--descriptivo-margin);}
.panel__desc--skin1[data-items="1"] .boxCont .boxItem { width: 100%; }
.panel__desc--skin1[data-items="1"] .boxCont .boxItem a { flex-direction: row-reverse; align-items: center; justify-content: space-between; }
.panel__desc--skin1[data-items="1"] a > div { width: calc(50% - (var(--descriptivo-margin)) / 2) }
.panel__desc--skin1[data-items="2"] .boxCont .boxItem:first-child, .panel__desc--skin1[data-items="4"] .boxCont .boxItem:nth-child(2n-1) { grid-column-start: 1; grid-column-end: 7; }
.panel__desc--skin1[data-items="2"] .boxCont .boxItem:nth-child(2), .panel__desc--skin1[data-items="4"] .boxCont .boxItem:nth-child(2n) { grid-column-start: 7; grid-column-end: 13; }
.panel__desc--skin1[data-items="2"] .boxCont .boxItem:nth-child(2n) a, .panel__desc--skin1[data-items="4"] .boxCont .boxItem:nth-child(2n) a { flex-direction: var(--descriptivo-reverse); }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 7; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(2) { grid-column-start: 7; grid-column-end: 13; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(2) a { flex-direction: var(--descriptivo-reverse); }
/* FIN DESCRIPTIVO*/
}
@media screen and (max-width: 640px) {
.panel__doble--skin1 .boxCont .boxItem,
.panel__triple--skin1 .boxCont .boxItem { width: calc((1/1.333 * 100%) - 2px); }
.panel__triple--skin1[data-items="2"] .boxCont .boxItem,
.panel__doble--skin1[data-items="2"] .boxCont .boxItem { width: calc((1/1.333 * 100%) - 2px); }
.mosaico--skin1 .boxCont .boxItem .boxItemCont .bicTitle,
.panel__triple--skin1 .boxCont .boxItem .bicTitle,
.panel__doble--skin1 .boxCont .boxItem .bicTitle{ font-size:var(--font-s); line-height:1.25em;}
/*Los 2 son los px que pone la swiper entre elementos (4px)*/
/*DESCRIPTIVO*/
.panel__desc--skin1 .boxCont > div .swiper-wrapper { }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 3; grid-row-end: 4; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) a { flex-direction: column; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) a { flex-direction: column; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) a > div { width: 100%; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(2) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 3; grid-row-end: 4; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 4; grid-row-end: 5; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(5) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 5; grid-row-end: 6; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(2) a { flex-direction: column; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) a { flex-direction: column }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) a > div { width: 100%; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) a { flex-direction: column; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(2) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 3; grid-row-end: 4; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(4) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 4; grid-row-end: 5; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(5) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 5; grid-row-end: 6; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(6) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 6; grid-row-end: 7; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(2n) a { flex-direction: column; }
/*FIN DESCRIPTIVO*/
.mosaico--skin1[data-items="3"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.mosaico--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 2; grid-row-end: 3; }
.mosaico--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.mosaico--skin1[data-items="4"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 7; grid-row-start: 1; grid-row-end: 4; }
.mosaico--skin1[data-items="4"] .boxCont .boxItem:nth-child(2) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.mosaico--skin1[data-items="4"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 4; grid-row-end: 6; }
.mosaico--skin1[data-items="4"] .boxCont .boxItem:nth-child(4) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 2; grid-row-end: 6; }
.mosaico--skin1[data-items="5"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(2) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 2; grid-row-end: 5; }
.mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 5; grid-row-end: 7; }
.mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(5) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 3; grid-row-end: 7; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(2) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 2; grid-row-end: 3; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(3) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(4) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 3; grid-row-end: 4; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(5) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 4; grid-row-end: 5; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(6) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 4; grid-row-end: 5; }
.categorias--skin1 .boxCont .swiper-wrapper { grid-template-columns: repeat(2, 1fr) !important; }
}
@media screen and (max-width: 460px) {
.cportada1 .switem .switeminfo { padding: 8px; }
.cportada1 .switem .switemimg { }
.cportada1 .swiper-container:hover .swiper-button-next,
.cportada1 .swiper-container:hover .swiper-button-prev { display: none; }
.cportada2 .switem .switemimg {padding-bottom: 56.26%}
.cportada2 .switem .switeminfo {padding: 8px; }
.cportada2 .switem .switemimg { }
.cportada4 .switem .switemimg { height: 280px; }
.cportada5 .switem .switemimg { height: 280px; }
}
#preRes {}
.PRCCont { }
.PRC01 { padding: 20px 16px; }
.PRC01 .PRCCont { max-width: var(--max-width); margin: 0 auto; }
.PRC02 { padding: 20px 16px; background: -moz-linear-gradient(top, rgba(240,240,240,0) 0%, rgba(240,240,240,1) 100%); background: -webkit-linear-gradient(top, rgba(240,240,240,0) 0%,rgba(240,240,240,1) 100%); background: linear-gradient(to bottom, rgba(240,240,240,0) 0%,rgba(240,240,240,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f0f0', endColorstr='#f0f0f0',GradientType=0 ); }
.PRC02 .PRCCont { max-width: var(--max-width); margin: 0 auto; }
.PRC02 .PRCCont .infoCat {display: flex;align-items: center;}
.PRC02 .PRCCont .infoCat img {display: block;max-width: 240px;margin-right: 20px;border-radius: 4px;align-self: flex-start;}
.PRC02 .PRCCont .infoCat .title1 { }
.PRC02 .PRCCont .infoCat .p { }
#Res {padding: 20px 16px;}
.resCont { max-width: var(--max-width); margin: 0 auto; display: flex; flex-direction: row-reverse; overflow: hidden; }
.resCont .resContRight { width: calc(100% - 312px) }
.resCont .resContRight .RCR01 { }
.RCRProds{display: flex;flex-flow: column-reverse;}
.RCRProds > *{}
.resCont .resContRight .RCR02 {margin: 0 0 12px;}
.resCont .resContLeft {width: 280px;flex-shrink: 0;margin-right: 32px;background: rgba(255,255,255,0.4);}
.resCont .resContLeft.sticky {position: sticky; top: 0; align-self: flex-start; z-index: 1;}
.resCont .resContLeft .RCL01 {margin: 0 0 12px;}
.resCont .resContLeft .RCLFilter{background: #f0f0f0;padding: 20px;margin: 0 0 16px;}
.resCont .resContLeft .RCLFilter .RCLFilterSubcat { }
.resCont .resContLeft .RCLFilter .RCLFilterSubcat:not(:last-child) { margin: 0 0 20px;}
.resCont .resContLeft .RCLFilter .title, #dvFiltroResultados .pFiltroResTitle {font-weight: bold;margin: 0 0 12px;border-bottom: 1px solid rgba(0,0,0,0.2);padding-bottom: 4px;text-transform: uppercase;}
.resCont .resContLeft .RCLFilter .RCLFilterSubcat ul { }
.resCont .resContLeft .RCLFilter .RCLFilterSubcat ul li{margin: 0 0 4px;}
.resCont .resContLeft .RCLFilter .RCLFilterSubcat ul li a{ color: inherit; text-decoration: none;}
.resCont .resContLeft .RCLFilter .RCLFilterSubcat ul li a:hover{ text-decoration: underline;}
.resCont .resContLeft .RCL02 { }
.resCont .resContLeft .RCL02 > *:not(:last-child){ border-bottom:1px solid #e5e5e5;}
/* SUBCATEGORÍAS CON IMAGEN*/
.subcatRes{ padding: 40px 16px 0px; }
.subcatResCont{max-width: var(--max-width); margin: 0 auto;display:grid; grid-gap:16px; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));}
.subcatRes + *:not(#Res){margin-top:40px;}
.subcatRes + #Res .resCont{padding-top:20px; border-top:2px solid #eee;}
.subcatRes .subcatResCont .subcatItemImg img{aspect-ratio:auto;}
/*SUBCATEGORÍAS HORIZONTAL*/
.resContRight .RCLFilterSubcat { display: flex; align-items: center; justify-content: center; position: relative; margin: 0 0 20px; width: 100%; display: flex; justify-content: center; align-items: flex-start; line-height: var(--menu-height); background: var(--menu-bg); position: relative; padding-bottom: 16px; border-bottom: 1px solid rgba(0,0,0,0.1) }
.resContRight .RCLFilterSubcat .arrow-left.scroll-0,
.resContRight .RCLFilterSubcat .arrow-right.scroll-100 { opacity: 0; z-index: -1; }
.resContRight .RCLFilterSubcat .kh { max-width: none; margin: 0 auto 0 0;}
.resContRight .RCLFilterSubcat .arrow { color: #333; cursor: pointer; padding: 0 16px; line-height: var(--menu-height); opacity: 1; z-index: 4; transition: all 300ms ease; position: absolute; top: 0; bottom: 0; font-size: 20px; }
.resContRight .RCLFilterSubcat .arrow.arrow-left { background: linear-gradient(to right, var(--menu-bg),var(--menu-bg), var(--menu-bg),rgba(255,255,255,0)); left: 0; padding-right: 40px; }
.resContRight .RCLFilterSubcat .arrow.arrow-right { background: linear-gradient(to left, var(--menu-bg),var(--menu-bg), var(--menu-bg), rgba(255,255,255,0)); right: 0; padding-left: 40px; }
.resContRight .RCLFilterSubcat .kh > li { padding: 0; margin: 0 4px; }
.resContRight .RCLFilterSubcat .kh > li:first-of-type { margin-left: 0;}
.resContRight .RCLFilterSubcat .kh > li a { display: inline-flex; background: rgba(0,0,0,0.05); padding: 0 16px; border-radius: 40px; line-height: var(--menu-height); font-weight:bold;}
.resContRight .RCLFilterSubcat .kh > li a:hover { background: rgba(0,0,0,0.1); }
/*PAGINACIÓN*/
#dvPaginacion { margin: 20px 0; }
#dvPaginacion > span { display: block; text-align: center; margin: 0 0 8px; opacity: 0.8; font-size: 12px; }
#dvPaginacion .dvPaginacionCont { text-align: center; }
#dvPaginacion .dvPaginacionCont a{font-size: 14px;display: inline-flex;align-items:center;min-width: 40px;height: 32px;padding: 0 8px;border: 1px solid rgba(0,0,0,0.2);text-align: center;text-decoration: none;color: inherit;justify-content: center;border-radius: 4px; margin: 0 2px;}
#dvPaginacion .dvPaginacionCont a.primera {}
#dvPaginacion .dvPaginacionCont a.primera span { display: none; }
#dvPaginacion .dvPaginacionCont a.primera:after { content: "\f100"; font-weight: 400; font-family: "Font Awesome 6 Pro"; }
#dvPaginacion .dvPaginacionCont a.anterior { }
#dvPaginacion .dvPaginacionCont a.anterior span { display: none; }
#dvPaginacion .dvPaginacionCont a.anterior:after { content: "\f104"; font-weight: 400; font-family: "Font Awesome 6 Pro"; }
#dvPaginacion .dvPaginacionCont a.numero { }
#dvPaginacion .dvPaginacionCont a.siguiente { }
#dvPaginacion .dvPaginacionCont a.siguiente span { display: none; }
#dvPaginacion .dvPaginacionCont a.siguiente:after { content: "\f105"; font-weight: 400; font-family: "Font Awesome 6 Pro"; }
#dvPaginacion .dvPaginacionCont a.ultima { }
#dvPaginacion .dvPaginacionCont a.ultima span { display: none; }
#dvPaginacion .dvPaginacionCont a.ultima:after { content: "\f101"; font-weight: 400; font-family: "Font Awesome 6 Pro"; }
#dvPaginacion .dvPaginacionCont a.disabled {display: none;}
#dvPaginacion .dvPaginacionCont a.lnkPagAct { background-color: rgba(0,0,0,0.05) }
#dvPaginacion .dvMostrarTodos { margin-top: 12px; }
.resSeo {font-size: 12px;line-height: 14px; opacity: 0.6;margin: 0 0 20px;padding-top: 20px;border-top: 1px dashed rgba(0,0,0,0.2);}
.resSeo p:not(:last-child) { margin: 0 0 8px; }
.resSeo a { color: inherit; }
.resSeo .resSeoAvanz{margin-bottom:8px;}
/*FILTROS*/
.filtroLoading { text-align: center; }
.filtroLoading i { font-size: 28px; margin: 0 0 4px; }
#dvFiltroResultados { margin: 0 0 20px; }
#dvFiltroResultados > div:not(:last-child){margin: 0 0 12px;border-bottom: 1px dashed rgba(0,0,0,0.2);padding-bottom: 12px;}
#dvFiltroResultados .dvVariaciones:not(:last-child) {margin: 0 0 12px;border-bottom: 1px dashed rgba(0,0,0,0.2);padding-bottom: 12px;}
#dvFiltroResultados .pFiltroResTit, #dvFiltroResultados #dvFiltroResPrecios .dvIntervalos .pIntervalosEnc {font-weight: bold;margin: 0 0 4px;display: flex;align-items: center;justify-content: space-between;}
#dvFiltroResultados #dvFiltroResPrecios { }
#dvFiltroResultados #dvFiltroResPrecios .dvIntervalos { margin: 0 0 12px}
#dvFiltroResultados #dvFiltroResPrecios .dvPrecios { margin: 0 10px; }
#dvFiltroResultados #dvFiltroResPrecios .dvIntervalos .pIntervalosEnc .spnFiltroX { }
.dvFiltroBtn { display: flex; align-items: center; cursor: pointer; }
.dvFiltroBtn .spnFiltroX i{font-weight: 400;font-size: 12px;margin-left: 12px;}
.dvFiltroBtn .spnFiltroToggle i{ font-weight: 400; font-size: 16px; margin-left: 12px; }
#dvFiltroResultados .pCheck { }
#dvFiltroResultados .pCheck label{ display: flex; align-items: center; }
#dvFiltroResultados .pCheck:not(:last-child) { margin: 0 0 4px; }
#dvFiltroResultados .numProds { margin-left: 4px; opacity: 0.6; }
#dvFiltroInfoSelec {padding: 20px;background-color: #f0f0f0;display: flex;flex-direction: column-reverse;margin: 0 0 12px;}
.filtroSelecItem {margin-right: 8px;background: rgba(255,255,255,0.8);padding: 4px 8px;border-radius: 4px;display: inline-block;margin: 2px;}
.filtroInfoTitle {display: flex;justify-content: space-between;align-items: center;text-transform: uppercase;margin: 0 0 8px;border-bottom: 1px solid rgba(0,0,0,0.2);padding-bottom: 4px;}
.filtroInfoTitle span:first-child { font-weight: bold; }
#dvFiltroInfoSelec .spnElimFiltros {display: inline-block;font-size: 14px;margin-left: 8px;text-transform: lowercase;flex-shrink: 0;}
#dvFiltroInfoSelec .spnElimFiltros a { color: #dd2c00; text-decoration: none; display: flex; align-items: center; }
#dvFiltroInfoSelec .spnElimFiltros a i { font-size: 10px; margin-left: 8px; display: inline-block; }
.pVerMas, .pVerMenos {text-align: center;background-color: rgba(0,0,0,0.05);margin-top: 8px;border-radius: 4px;padding: 4px 8px;display: inline-flex;align-items: center;justify-content: center;font-size: 12px;line-height: 16px;cursor: pointer;}
.pVerMenos { display: none; }
.pVerMas span, .pVerMenos span { width:100%;}
.pVerMas:before, .pVerMenos:before {font-weight: 400;font-family: "Font Awesome 6 Pro";font-size: 10px;margin-right: 4px;}
.pVerMas:before { content: "\f067"; }
.pVerMenos:before { content: "\f068"; }
.pMostrarTodas { }
.pMostrarTodas .spnMostrarTodas{cursor: pointer;background-color: rgba(0,0,0,0.05);padding: 4px 12px;border-radius: 4px;font-weight: bold;display: block;text-align: center; display:flex; align-items: center;}
.pMostrarTodas .spnMostrarTodas:after{ content:"\f0fe"; flex-shrink: 0; margin-left: 4px; font-weight: 400;font-family: "Font Awesome 6 Pro";}
.pOcultarTodas .spanOcultarTodas{cursor: pointer;background-color: rgba(0,0,0,0.05);padding: 4px 8px;border-radius: 4px;font-weight: bold;display: block;text-align: center;display:flex;align-items: center;}
.pOcultarTodas .spanOcultarTodas:after{ content:"\f146"; flex-shrink: 0; margin-left: 4px; font-weight: 400;font-family: "Font Awesome 6 Pro";}
#pBtnFiltrar { }
#pBtnFiltrar #btnFiltrar {display: block;background: #333;border:0;width: 100%;padding: 8px 16px;color: #fff;border-radius: 4px;}
#pBtnFiltrar #btnFiltrar:not(:last-child) { margin: 0 0 8px; }
#pBtnFiltrar #btnFiltrar:before {content: "\f00c";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-right: 8px;}
#pBtnFiltrar .spnElimFiltros { }
#pBtnFiltrar .spnElimFiltros a {display: block;color: inherit;padding: 7px 16px;border-radius: 4px;text-align: center;text-decoration: none;border: 1px solid;}
#pBtnFiltrar .spnElimFiltros a:before {content: "\f2ed";font-weight: 400;font-family: "Font Awesome 6 Pro";margin-right: 4px;}
.campExpressDesc:not(:last-child) { margin: 0 0 8px; }
.campExpressDesc .campExpressDescCont { display: inline-flex; padding: 8px 12px; line-height: 100%; border-radius: 8px; align-items: center; /*box-shadow: 0 4px 12px rgba(0,0,0,0.25);*/ background-color: #f8c931; color:#333; font-weight: normal; min-height: 48px; text-align: left; }
.campExpressDesc .campExpressDescCont > div { display: inline-flex; align-items: center; }
.campExpressDesc .campExpressDescCont > div > p, .campExpressDesc .campExpressDescCont > div > p:not(:last-child) { margin: 0; }
.campExpressDesc .campExpressDescCont > div > p:first-child:not(:last-child) { margin-right: 8px; }
/*.campExpressDesc .campExpressDescCont > p:first-child:not(:last-child),
.campExpressDesc .campExpressDescCont > p:last-child:not(:first-child) { display: flex; flex-direction: column;}
.campExpressDesc .campExpressDescCont > p:first-child:not(:last-child), .campExpressDesc .campExpressDescCont > p:last-child:not(:first-child){ font-size: 80%;}
.campExpressDesc .campExpressDescCont > p:first-child:not(:last-child) span, .campExpressDesc .campExpressDescCont > p:last-child:not(:first-child) span{ font-size: 120%; }*/
.campExpressDesc .campExpressDescCont > div > p { display: flex; flex-direction: column; font-size: 80%;}
.campExpressDesc .campExpressDescCont > div > p span{ font-size: 120%; }
.campExpressDesc .campExpressDescCont > div > p > span { font-weight: bold; display: inline-block; margin: 0 2px; }
.campExpressDesc .campExpressDescCont:before { content:"\f2f2";font-weight: 400;font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 12px; font-size: 200%; color:#333;}
@media screen and (min-width: 1023px) {
.RCLFilter { display: block; }
.btnFiltro { display: none !important; }
}
@media screen and (max-width: 1023px) {
.resCont { display: block; overflow: visible;}
.resCont .resContRight ,
.resCont .resContLeft { width: 100%; }
.resCont .resContLeft.sticky { z-index: 6; }
/*.btnFiltro {height: 40px;position: fixed;bottom: 12px;left: 0;background-color: #999;cursor: pointer;align-items: center;justify-content: center;padding: 8px 16px;border-radius: 0 4px 4px 0;color: #fff;font-size: 16px;text-transform: uppercase;font-weight: bold;letter-spacing: 2px;line-height: 20px;z-index: 1; opacity:1; transition: box-shadow 300ms ease;}*/
.btnFiltro { display: inline-block; padding: 8px 12px; margin-right: 8px; cursor: pointer; border-radius: 4px; border: 1px solid rgba(0,0,0,0.2); line-height: 18px; max-width: 100%; }
.active .btnFiltro { opacity: 0.5; transform: translateX(-100%);}
.btnFiltro span:before { content: "\f1de"; font-weight: 900; font-family: "Font Awesome 6 Pro"; font-size: 16px; margin-right: 8px; }
.RCRProds .RCRProdsPrev #dvOrderBy form > p{ display: none; }
.resCont .resContLeft .RCL02 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.resCont .resContLeft .RCL02 > * { width: calc(50% - 8px); }
.resCont .resContLeft .RCL02 > .slideCupones{width:100%; margin-left:auto; margin-right:auto;}
.resCont .resContLeft .RCL02 > .slideCupones .slideCuponesCont{max-width:260px;}
.resCont .resContLeft .RCL02 > *:last-child:not(:nth-child(2n)){ width: 100%; }
.resContRight .RCLFilterSubcat { width: calc(100% + 32px) /*2x16 de padding del resCont*/; margin-left: -16px; }
.resContRight .RCLFilterSubcat .kh > li:first-of-type { margin-left: 16px }
.resContRight .RCLFilterSubcat .arrow { display: none !important }
.subcatResCont{grid-template-columns:repeat(auto-fill, minmax(230px, 1fr));}
}
@media screen and (max-width: 768px) {
.PRC02 .PRCCont .infoCat img { max-width: 180px; }
.resCont .resContLeft .RCLFilter form {display: flex;flex-direction: column;padding-bottom: 100px;}
.resCont .resContLeft .RCLFilter form > * { width: 100%; flex: 1; overflow: auto;}
.resCont .resContLeft .RCLFilter form #pBtnFiltrar {flex-shrink: 0;position: fixed;bottom: 0;width: 320px;overflow: visible;padding: 12px 20px;background: white;right: -320px; transition: all 300ms ease;}
.resCont .resContLeft .RCLFilter.leftSlide form #pBtnFiltrar {left: -320px;}
.resCont .resContLeft .RCLFilter.rightSlide form #pBtnFiltrar {right: -320px;}
.resCont .resContLeft .RCLFilter.rightSlide.active form #pBtnFiltrar { right:0;}
.resCont .resContLeft .RCLFilter.leftSlide.active form #pBtnFiltrar { left:0;}
.resCont .resContLeft .RCLFilter form #pBtnFiltrar:before{ width: 100%; position: absolute; bottom: 100%; left: 0; content:""; height: 40px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
.resCont .resContLeft .RCLFilter .title, #dvFiltroResultados .pFiltroResTitle {}
.resCont .resContLeft .RCLFilter .RCLFilterSubcat ul { }
.resCont .resContLeft .RCLFilter .RCLFilterSubcat ul li{ margin: 0 0 12px; }
.resCont .resContLeft .RCLFilter .RCLFilterSubcat ul li a{}
.resCont .resContLeft .RCLFilter .RCLFilterSubcat ul li a:hover{ }
#dvFiltroResultados .pCheck:not(:last-child) {margin: 0 0 12px;}
#pBtnFiltrar { }
}
@media screen and (max-width: 640px) {
.genericDesc { text-align: center; }
.PRC02 .PRCCont .infoCat { display: block; }
.PRC02 .PRCCont .infoCat img { margin: 0 auto 12px; max-width: 280px; }
.RCRProds .RCRProdsPrev #dvOrderBy > form > p { display: none; }
/*PAGINACIÓN*/
#dvPaginacion { }
#dvPaginacion .dvPaginacionCont a {height: 40px;width: 100%;font-size: 20px;max-width: 20%;}
#dvPaginacion .dvPaginacionCont a.numero {display: none;}
#dvPaginacion .dvPaginacionCont a.disabled { display: inline-flex; opacity: 0.4; cursor: default;}
.resCont .resContLeft .RCL02 > * { width: 100%; }
.campExpressDesc { text-align: center;}
#dvPaginacion .dvMostrarTodos a {height: 40px;width: 100%;font-size: 14px;max-width: 50%;}
.subcatResCont{grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); grid-gap:8px;}
}
@media screen and (max-width: 480px) {
.RCRProds .RCRProdsPrev .numProds { display: block; margin: 0 0 12px; text-align: center; width: 100%;}
.RCRProds .RCRProdsPrev #dvOrderBy { }
.RCRProds .RCRProdsPrev #dvOrderBy > form {display: flex;margin: 0 auto;}
.RCRProds .RCRProdsPrev #dvOrderBy > form .select { width: 100%; }
.RCRProds .RCRProdsPrev .btnFiltro ~ #dvOrderBy { width: calc(100% - 128px); }
.btnFiltro { width: 120px; justify-content:center;}
.filtroInfoTitle { display: block; }
#dvFiltroInfoSelec .spnElimFiltros { display: block; margin: 0; }
.campExpressDesc .campExpressDescCont > div { display: block; }
.campExpressDesc .campExpressDescCont > div p:first-child:not(:last-child) { margin: 0 0 4px; }
}
:root {
--ratio: 1.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 > .box4.flash{background: var(--primary); background-image:linear-gradient(rgba(255,255,255,0.90),rgba(255,255,255,0.90)); border:0;}
#PORT01 > .slideCupones3.flash{background: var(--primary); background-image:linear-gradient(rgba(255,255,255,0.90),rgba(255,255,255,0.90)); border:0;}
/* Eliminar padding arriba en los paneles */
.panel--nogap-up{
padding-top:0;
}
/* Background light para los paneles */
.panel--light{
background:var(--light);
}
.panel--pattern{
background-image:url(/Content/images/pattern.jpg);
background-attachment:fixed;
}
.categorias--skin1 .boxCont .boxItem > 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> *:not(.seo2),
#FICHA02 .FICHA02Cont > *:not(.seo2),
.resCont .resContLeft .RCL02 > *,
#dvBloquePerso > *: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> *:not(:first-child):not(:nth-child(3n+1)):before,
#FICHA02 .FICHA02Cont > *:not(:first-child):not(:nth-child(3n+1)):before,
#PORT02 .PORT02Cont> *:not(:last-child):before,
#FICHA02 .FICHA02Cont> *: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> .bgc> .bgctitle:after {
content: "";
display: block;
position: absolute;
top: 40px;
right: 0;
width: 40%;
max-width: 120px;
height: 24px;
background: -moz-linear-gradient(left, rgba(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; }*/
}