/* Minification failed. Returning unminified contents. (1406,23): run-time error CSS1039: Token not allowed after unary operator: '-font1' (1407,17): run-time error CSS1039: Token not allowed after unary operator: '-font-color' (1408,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size' (1409,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height' (1420,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (1424,23): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (1483,23): run-time error CSS1039: Token not allowed after unary operator: '-menu-height' (1484,22): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg' (1561,27): run-time error CSS1039: Token not allowed after unary operator: '-menu-height' (1598,29): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (1625,23): run-time error CSS1039: Token not allowed after unary operator: '-menu-height' (1636,52): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg' (1636,68): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg' (1636,84): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg' (1642,51): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg' (1642,67): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg' (1642,83): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg' (1681,25): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (1742,29): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (1829,27): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (1846,33): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (1878,29): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (2026,39): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2062,31): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2101,35): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2182,27): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2302,33): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (2320,29): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (2426,25): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (2455,23): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2472,23): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2474,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2480,23): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2487,23): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2525,27): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2542,25): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (2544,23): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2553,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (2556,25): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (2558,23): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2589,25): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (2591,23): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2647,25): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (2763,35): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2814,45): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (2859,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2888,28): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (2899,23): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2921,32): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (2938,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (3007,27): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3020,27): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3033,33): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (3043,35): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3078,33): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (3081,36): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (3103,33): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (3106,36): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (3107,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (3126,27): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3139,25): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (3141,27): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3400,19): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (3404,25): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (3473,19): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (3477,25): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (3492,19): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (3496,25): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (3540,25): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (3545,25): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (3555,37): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin' (3556,33): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin' (3603,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (3611,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (3689,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (3705,19): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (3714,25): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (3721,46): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin' (3766,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (3786,19): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (3790,25): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (3816,27): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3822,42): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin' (3840,19): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (3844,25): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (3867,46): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin' (3936,25): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (4060,31): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4081,34): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (4093,29): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (4104,34): run-time error CSS1039: Token not allowed after unary operator: '-primary' (4266,27): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4283,21): run-time error CSS1039: Token not allowed after unary operator: '-primary' (4302,27): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4322,33): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (4401,25): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (4465,35): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4467,37): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (4471,19): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (4482,25): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (4524,23): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4817,23): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4829,21): run-time error CSS1039: Token not allowed after unary operator: '-primary' (4858,33): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (4958,31): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4975,33): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (4977,36): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (5051,23): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (5060,21): run-time error CSS1039: Token not allowed after unary operator: '-primary' (5081,27): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (5331,19): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (5339,25): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (5454,29): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (5498,35): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (5539,16): run-time error CSS1030: Expected identifier, found '.' (5539,41): run-time error CSS1031: Expected selector, found ')' (5539,41): run-time error CSS1025: Expected comma or open brace, found ')' (5544,16): run-time error CSS1030: Expected identifier, found '.' (5544,41): run-time error CSS1031: Expected selector, found ')' (5544,41): run-time error CSS1025: Expected comma or open brace, found ')' (5553,20): run-time error CSS1030: Expected identifier, found '.' (5553,45): run-time error CSS1031: Expected selector, found ')' (5553,45): run-time error CSS1025: Expected comma or open brace, found ')' (5560,24): run-time error CSS1030: Expected identifier, found '.' (5560,49): run-time error CSS1031: Expected selector, found ')' (5560,49): run-time error CSS1025: Expected comma or open brace, found ')' (5567,28): run-time error CSS1030: Expected identifier, found '.' (5567,53): run-time error CSS1031: Expected selector, found ')' (5567,53): run-time error CSS1025: Expected comma or open brace, found ')' (5572,16): run-time error CSS1030: Expected identifier, found '.' (5572,41): run-time error CSS1031: Expected selector, found ')' (5572,41): run-time error CSS1025: Expected comma or open brace, found ')' (5610,25): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (5763,25): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (5789,29): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (5861,22): run-time error CSS1039: Token not allowed after unary operator: '-primary' (5869,25): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (5909,33): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (5920,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (5925,35): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (5958,19): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (5966,25): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (6008,33): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (6022,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (6087,35): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (6292,23): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (6356,31): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (6493,35): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (6496,37): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (6520,29): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (6565,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (6623,31): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (6633,31): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (6650,31): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (6660,35): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (6747,23): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (6750,25): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (6945,27): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (6948,29): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (6972,27): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (7099,31): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (7104,33): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (7195,23): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (7200,25): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (7205,23): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (7288,27): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (7293,23): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (7345,31): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (7459,23): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (7510,27): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (7555,23): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (7677,23): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (7685,27): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (7876,23): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (7884,27): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (7904,27): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (7919,23): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (7939,27): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (7976,31): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (8007,31): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (8032,31): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (8062,29): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (8090,27): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (8144,33): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (8238,31): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (8325,31): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (8480,27): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (8501,27): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (8659,27): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (8774,27): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (9027,31): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (9117,27): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (9126,29): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (9141,29): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (9143,27): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (9150,14): run-time error CSS1030: Expected identifier, found '-' (9150,14): run-time error CSS1031: Expected selector, found '-' (9150,14): run-time error CSS1025: Expected comma or open brace, found '-' (9199,33): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (9203,31): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (9238,27): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (9272,21): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (9346,31): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (9403,23): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (9423,20): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin' (9428,19): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (9432,25): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (9452,27): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (9469,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (9470,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert' (9472,29): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (9476,27): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (9503,27): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (9546,31): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (9555,33): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (9558,36): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (9561,31): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (9597,37): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (9602,29): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (9603,35): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (9605,40): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (9634,19): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (9646,21): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (9660,19): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (9661,23): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (9684,29): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (9787,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (10005,21): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (10109,25): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (10160,36): run-time error CSS1039: Token not allowed after unary operator: '-primary' (10177,36): run-time error CSS1039: Token not allowed after unary operator: '-primary' (10187,25): run-time error CSS1039: Token not allowed after unary operator: '-primary' (10714,32): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin' (10718,47): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin' (11248,31): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (11269,31): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (11382,31): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (11402,31): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (11437,31): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (11577,31): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (11646,44): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin' (11650,43): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin' (11914,29): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin' (11918,46): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin' (11926,45): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin' (11930,41): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin' (12186,23): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (12477,73): run-time error CSS1039: Token not allowed after unary operator: '-weight-fa' (12480,65): run-time error CSS1039: Token not allowed after unary operator: '-weight-fa' (12481,36): run-time error CSS1039: Token not allowed after unary operator: '-weight-fa' (12492,195): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (12494,92): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (12502,133): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (12514,44): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (12516,175): run-time error CSS1039: Token not allowed after unary operator: '-primary' (12516,206): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (12523,46): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (12525,190): run-time error CSS1039: Token not allowed after unary operator: '-primary' (12525,221): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (12534,81): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (12536,43): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (12538,101): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (12570,22): run-time error CSS1030: Expected identifier, found ':' (12570,28): run-time error CSS1031: Expected selector, found ')' (12570,28): run-time error CSS1025: Expected comma or open brace, found ')' (12571,22): run-time error CSS1030: Expected identifier, found ':' (12571,28): run-time error CSS1031: Expected selector, found ')' (12571,28): run-time error CSS1025: Expected comma or open brace, found ')' (12615,1): run-time error CSS1019: Unexpected token, found '}' (12660,16143): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12660,16184): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (12660,16248): run-time error CSS1019: Unexpected token, found '@keyframes' (12660,16281): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (12662,114): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert' (12662,150): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (12662,202): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (12662,292): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (12669,73): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (12686,129): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert' (12686,165): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (12686,217): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (12686,307): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (12687,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (12690,73): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (12697,196): run-time error CSS1039: Token not allowed after unary operator: '-primary' (12707,129): run-time error CSS1039: Token not allowed after unary operator: '-color1-neg' (12707,205): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (12707,295): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (12708,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (12711,73): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (12718,145): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (12719,161): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (12719,236): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (12729,129): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert' (12729,165): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (12729,217): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (12729,307): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (12730,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (12733,73): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (12741,221): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (12741,296): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (12751,129): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert' (12751,165): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (12751,217): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (12751,307): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (12752,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (12755,73): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (12772,129): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert' (12772,165): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (12772,217): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (12772,307): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (12773,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (12776,82): run-time error CSS1039: Token not allowed after unary operator: '-primary' (12805,61): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (12817,38): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (12818,62): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (12825,91): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin' (12826,78): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin' (12832,39): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (12833,63): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (12840,92): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin' (12841,92): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin' (12842,81): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin' (12846,37): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin' (12847,48): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (12848,168): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin' (12861,110): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (12869,33): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (12870,44): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (12871,154): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin' (12874,57): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (12914,36): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (12915,47): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (12916,116): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin' (12930,155): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (12940,46): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (12954,30): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (13015,96): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse' (13020,93): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse' (13030,96): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse' (13039,93): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse' (13041,101): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin' (13046,102): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin' (13048,93): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse' (13059,94): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse' (13072,38): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (13073,75): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin' (13076,39): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (13080,92): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin' (13085,59): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin' (13090,62): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin' (13130,67): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin' (13133,71): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin' (13138,165): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse' (13142,93): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse' (13539,10): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13540,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13541,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13542,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13543,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13544,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13545,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13546,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13547,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13548,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13550,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13551,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13552,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13553,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13554,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13555,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13556,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13557,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13558,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13559,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13560,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13561,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13562,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13563,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13564,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13565,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13566,10): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13567,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13568,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13569,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13570,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13571,11): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13572,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13573,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13574,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13578,29): run-time error CSS1039: Token not allowed after unary operator: '-font2' (13579,30): run-time error CSS1039: Token not allowed after unary operator: '-font2' (13580,30): run-time error CSS1039: Token not allowed after unary operator: '-font2' (13585,68): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (13585,89): run-time error CSS1039: Token not allowed after unary operator: '-dark' (13586,91): run-time error CSS1039: Token not allowed after unary operator: '-font2' (13586,118): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (13590,29): run-time error CSS1039: Token not allowed after unary operator: '-font-xl' (13590,58): run-time error CSS1039: Token not allowed after unary operator: '-font1' (13591,29): run-time error CSS1039: Token not allowed after unary operator: '-font-l' (13591,57): run-time error CSS1039: Token not allowed after unary operator: '-font1' (13592,29): run-time error CSS1039: Token not allowed after unary operator: '-font-m' (13592,57): run-time error CSS1039: Token not allowed after unary operator: '-font1' (13593,29): run-time error CSS1039: Token not allowed after unary operator: '-font-s' (13593,57): run-time error CSS1039: Token not allowed after unary operator: '-font2' (13600,85): run-time error CSS1039: Token not allowed after unary operator: '-font2' (13603,40): run-time error CSS1039: Token not allowed after unary operator: '-primary' (13604,49): run-time error CSS1039: Token not allowed after unary operator: '-primary' (13674,21): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (13678,46): run-time error CSS1039: Token not allowed after unary operator: '-padding-v' (13681,68): run-time error CSS1039: Token not allowed after unary operator: '-padding-h' (13682,68): run-time error CSS1039: Token not allowed after unary operator: '-padding-h' (13684,47): run-time error CSS1039: Token not allowed after unary operator: '-padding-h' (13684,77): run-time error CSS1039: Token not allowed after unary operator: '-light' (13692,70): run-time error CSS1039: Token not allowed after unary operator: '-primary' (13701,77): run-time error CSS1039: Token not allowed after unary operator: '-padding-h' (13701,110): run-time error CSS1039: Token not allowed after unary operator: '-padding-h' (13702,73): run-time error CSS1039: Token not allowed after unary operator: '-padding-h' (13705,70): run-time error CSS1039: Token not allowed after unary operator: '-padding-h' (13707,85): run-time error CSS1039: Token not allowed after unary operator: '-padding-h' (13708,83): run-time error CSS1039: Token not allowed after unary operator: '-padding-h' (13710,60): run-time error CSS1039: Token not allowed after unary operator: '-padding-v' (13710,94): run-time error CSS1039: Token not allowed after unary operator: '-padding-v' (13711,31): run-time error CSS1030: Expected identifier, found '.' (13711,49): run-time error CSS1031: Expected selector, found ')' (13711,49): run-time error CSS1025: Expected comma or open brace, found ')' (13712,31): run-time error CSS1030: Expected identifier, found '.' (13712,49): run-time error CSS1031: Expected selector, found ')' (13712,49): run-time error CSS1025: Expected comma or open brace, found ')' (13715,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13717,79): run-time error CSS1039: Token not allowed after unary operator: '-translate' (13717,117): run-time error CSS1039: Token not allowed after unary operator: '-translate' (13718,76): run-time error CSS1039: Token not allowed after unary operator: '-translate' (13720,92): run-time error CSS1039: Token not allowed after unary operator: '-padding-v' (13720,128): run-time error CSS1039: Token not allowed after unary operator: '-padding-v' (13720,147): run-time error CSS1039: Token not allowed after unary operator: '-translate' (13720,165): run-time error CSS1039: Token not allowed after unary operator: '-translate' (13720,182): run-time error CSS1039: Token not allowed after unary operator: '-translate' (13721,95): run-time error CSS1039: Token not allowed after unary operator: '-padding-v' (13721,126): run-time error CSS1039: Token not allowed after unary operator: '-translate' (13721,143): run-time error CSS1039: Token not allowed after unary operator: '-translate' (13721,165): run-time error CSS1039: Token not allowed after unary operator: '-padding-v' (13721,184): run-time error CSS1039: Token not allowed after unary operator: '-translate' (13728,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13732,19): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13732,80): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (13732,105): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (13732,129): run-time error CSS1039: Token not allowed after unary operator: '-dualWidthItem' (13732,181): run-time error CSS1039: Token not allowed after unary operator: '-dualWidthItem' (13736,42): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (13736,61): run-time error CSS1039: Token not allowed after unary operator: '-dualWidthItem' (13736,85): run-time error CSS1039: Token not allowed after unary operator: '-padding' (13744,134): run-time error CSS1039: Token not allowed after unary operator: '-padding' (13745,132): run-time error CSS1039: Token not allowed after unary operator: '-padding' (13748,145): run-time error CSS1039: Token not allowed after unary operator: '-padding-h' (13750,15): run-time error CSS1030: Expected identifier, found '.' (13750,48): run-time error CSS1031: Expected selector, found ')' (13750,48): run-time error CSS1025: Expected comma or open brace, found ')' (13753,89): run-time error CSS1039: Token not allowed after unary operator: '-padding-h' (13755,89): run-time error CSS1039: Token not allowed after unary operator: '-padding-h' (13757,44): run-time error CSS1039: Token not allowed after unary operator: '-padding-v' (13757,78): run-time error CSS1039: Token not allowed after unary operator: '-padding-v' (13758,101): run-time error CSS1039: Token not allowed after unary operator: '-padding-v' (13758,146): run-time error CSS1039: Token not allowed after unary operator: '-padding-v' (13762,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13762,80): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13763,65): run-time error CSS1039: Token not allowed after unary operator: '-padding-h' (13764,50): run-time error CSS1039: Token not allowed after unary operator: '-maxWidth' (13768,88): run-time error CSS1039: Token not allowed after unary operator: '-padding-v' (13769,68): run-time error CSS1039: Token not allowed after unary operator: '-padding-v' (13769,105): run-time error CSS1039: Token not allowed after unary operator: '-translate' (13769,140): run-time error CSS1039: Token not allowed after unary operator: '-maxWidth' (13769,158): run-time error CSS1039: Token not allowed after unary operator: '-translate' (13770,90): run-time error CSS1039: Token not allowed after unary operator: '-translate' (13770,129): run-time error CSS1039: Token not allowed after unary operator: '-translate' (13770,148): run-time error CSS1039: Token not allowed after unary operator: '-padding-h' (13771,94): run-time error CSS1039: Token not allowed after unary operator: '-translate' (13771,138): run-time error CSS1039: Token not allowed after unary operator: '-translate' (13771,157): run-time error CSS1039: Token not allowed after unary operator: '-padding-h' (13773,160): run-time error CSS1039: Token not allowed after unary operator: '-maxWidth' (13773,178): run-time error CSS1039: Token not allowed after unary operator: '-padding-h' (13774,15): run-time error CSS1030: Expected identifier, found '.' (13774,48): run-time error CSS1031: Expected selector, found ')' (13774,48): run-time error CSS1025: Expected comma or open brace, found ')' (13779,19): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13779,83): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (13779,108): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (13779,132): run-time error CSS1039: Token not allowed after unary operator: '-dualWidthItem' (13779,184): run-time error CSS1039: Token not allowed after unary operator: '-dualWidthItem' (13780,42): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (13780,61): run-time error CSS1039: Token not allowed after unary operator: '-dualWidthItem' (13780,85): run-time error CSS1039: Token not allowed after unary operator: '-padding' (13781,55): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (13781,74): run-time error CSS1039: Token not allowed after unary operator: '-dualWidthItem' (13782,73): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (13782,92): run-time error CSS1039: Token not allowed after unary operator: '-dualWidthItem' (13782,116): run-time error CSS1039: Token not allowed after unary operator: '-translate' (13784,161): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (13784,180): run-time error CSS1039: Token not allowed after unary operator: '-dualWidthItem' (13784,204): run-time error CSS1039: Token not allowed after unary operator: '-padding-h' (13785,15): run-time error CSS1030: Expected identifier, found '.' (13785,48): run-time error CSS1031: Expected selector, found ')' (13785,48): run-time error CSS1025: Expected comma or open brace, found ')' (13792,33): run-time error CSS1039: Token not allowed after unary operator: '-color-fb' (13793,39): run-time error CSS1039: Token not allowed after unary operator: '-light' (13794,33): run-time error CSS1039: Token not allowed after unary operator: '-color-ig' (13795,39): run-time error CSS1039: Token not allowed after unary operator: '-light' (13808,119): run-time error CSS1039: Token not allowed after unary operator: '-radius2' (13808,220): run-time error CSS1039: Token not allowed after unary operator: '-bold2' (13825,105): run-time error CSS1039: Token not allowed after unary operator: '-line-height' (13829,32): run-time error CSS1039: Token not allowed after unary operator: '-color-fb' (13832,32): run-time error CSS1039: Token not allowed after unary operator: '-color-ig' (13836,38): run-time error CSS1039: Token not allowed after unary operator: '-color-wa' (13880,12): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13881,12): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13882,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13902,13): 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; } .cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s} .cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1} .cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em} @media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}} .cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block} .cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0} /* -------------------------------- Main Components -------------------------------- */ .cd-dropdown-wrapper { position: relative; display: flex; } .no-touch .cd-dropdown-trigger:hover { } .cd-dropdown-trigger::before, .cd-dropdown-trigger::after { /* this is the arrow inside the dropdown trigger*/ content: ''; position: absolute; top: 50%; margin-top: -1px; height: 2px; width: 9px; background: #ffffff; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: width 0.3s, -webkit-transform 0.3s; -moz-transition: width 0.3s, -moz-transform 0.3s; transition: width 0.3s, transform 0.3s; } .cd-dropdown-trigger::before { right: 22px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .cd-dropdown-trigger::after { right: 17px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } @media only screen and (min-width: 769px) { .cd-dropdown-trigger.dropdown-is-active { } .no-touch .cd-dropdown-trigger.dropdown-is-active:hover { } .cd-dropdown-trigger.dropdown-is-active::before, .cd-dropdown-trigger.dropdown-is-active::after { /* transform the arrow into a 'X' */ width: 14px; } .cd-dropdown-trigger.dropdown-is-active::before { /* transform the arrow into a 'X' */ -webkit-transform: translateX(5px) rotate(-45deg); -moz-transform: translateX(5px) rotate(-45deg); -ms-transform: translateX(5px) rotate(-45deg); -o-transform: translateX(5px) rotate(-45deg); transform: translateX(5px) rotate(-45deg); } .cd-dropdown-trigger.dropdown-is-active::after { /* transform the arrow into a 'X' */ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } } .cd-dropdown h2, .cd-dropdown-content a, .cd-dropdown-content ul a { } @media only screen and (min-width: 769px) { .cd-dropdown h2, .cd-dropdown-content a, .cd-dropdown-content ul a { } } @media only screen and (min-width: 769px) { .cd-dropdown h2, .cd-dropdown-content a, .cd-dropdown-content ul a { } } .cd-dropdown h2, .cd-dropdown-content a, .cd-dropdown-content ul a, .cd-dropdown-content .cd-divider { } .cd-dropdown { position: fixed; z-index: 9; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; color: #333; visibility: hidden; /* Force Hardware Acceleration */ -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s; -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s; transition: transform 0.5s 0s, visibility 0s 0.5s; } .cd-dropdown h2 { /* dropdown title - mobile version only */ position: relative; z-index: 1; } .cd-dropdown .cd-close { /* 'X' close icon - mobile version only */ position: absolute; z-index: 1; right: 0; top: 0; height: 50px; width: 50px; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; color: transparent; } .cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before { /* this is the 'X' icon */ content: ''; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); height: 20px; width: 2px; background-color: #333; } .cd-dropdown .cd-close::after { -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } .cd-dropdown .cd-close::before { -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg); } .cd-dropdown.dropdown-is-active { visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0s; -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0s; transition: transform 0.5s 0s, visibility 0s 0s; } @media only screen and (min-width: 769px) { .cd-dropdown .cd-close { top: 5px; } } @media only screen and (min-width: 769px) { .cd-dropdown { position: absolute; top: calc(100% - 2px); /* reset style*/ height: auto; width: auto; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); background-color: #ffffff; color: #111433; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); opacity: 0; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s; } .open-to-left .cd-dropdown { /* use the .open-to-left class if you want to open the dropdown on the left */ right: 0; left: auto; } .cd-dropdown h2, .cd-dropdown .cd-close { /* on desktop - hide title and 'X' */ display: none; } .cd-dropdown.dropdown-is-active { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.3s 0s, visibility 0.3s 0s, -webkit-transform 0.3s 0s; -moz-transition: opacity 0.3s 0s, visibility 0.3s 0s, -moz-transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0.3s 0s, transform 0.3s 0s; } } .cd-dropdown-content, .cd-dropdown-content ul { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; padding-top: 50px; } .cd-dropdown-content a, .cd-dropdown-content ul a { display: block; /* truncate text with ellipsis if too long */ overflow: hidden; } .cd-dropdown-content li:first-of-type > p, .cd-dropdown-content ul li:first-of-type > p { border-top-width: 0; } .cd-dropdown-content li:last-of-type > a, .cd-dropdown-content ul li:last-of-type > a { border-bottom-width: 1px; } .cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider { } .cd-dropdown-content .cd-divider + li > p, .cd-dropdown-content ul .cd-divider + li > p { border-top-width: 0; } .cd-dropdown-content p, .cd-dropdown-content .cd-search, .cd-dropdown-content .cd-divider, .cd-dropdown-content ul a, .cd-dropdown-content ul .cd-search, .cd-dropdown-content ul .cd-divider { /* Force Hardware Acceleration */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .cd-dropdown-content.is-hidden, .cd-dropdown-content ul.is-hidden { /* push the secondary dropdown items to the right */ -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .cd-dropdown-content.is-hidden > li > p, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > p, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > p, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > p, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider { /* lower down the dropdown items opacity - when secondary dropdown slides in or for dropdown items hidden on the right */ opacity: 0; } .cd-dropdown-content.move-out > li > p, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.move-out > li > p, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider { /* push the dropdown items to the left when secondary dropdown slides in */ -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .dropdown-is-active .cd-dropdown-content, .dropdown-is-active .cd-dropdown-content ul { -webkit-overflow-scrolling: touch; } @media only screen and (min-width: 769px) { .cd-dropdown-content, .cd-dropdown-content ul { padding-top: 60px; } .cd-dropdown-content a, .cd-dropdown-content ul a { } } @media only screen and (min-width: 769px) { .cd-dropdown-content, .cd-dropdown-content ul { padding-top: 0; overflow: visible; } .cd-dropdown-content a, .cd-dropdown-content ul a { } .cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider { background-color: transparent; color: #b3b3b3; border-top: 1px solid #ebebeb; } .cd-dropdown-content .cd-divider + li > p, .cd-dropdown-content ul .cd-divider + li > p { border-top-width: 1px; } .cd-dropdown-content.is-hidden > li > p, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > p, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > p, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > p, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider { /* reset mobile style */ opacity: 1; } } .cd-dropdown-content .see-all a { /* different style for the See all links */ color: #3f8654; } .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item { /* items with picture (or icon) and title */ height: 80px; line-height: 80px; } .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item h3, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 { /* truncate text with ellipsis if too long */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item { padding-left: 90px; } .cd-dropdown-content .cd-dropdown-gallery img { position: absolute; display: block; height: 40px; width: auto; left: 20px; top: 50%; margin-top: -20px; } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item { padding-left: 75px; position: relative; } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p { color: #111433; /* hide description on small devices */ display: none; } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before { /* item icon */ content: ''; display: block; position: absolute; left: 20px; top: 50%; margin-top: -20px; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center center; background-size: 40px 40px; } @media only screen and (min-width: 769px) { .cd-dropdown-content { /* reset mobile style */ position: static; height: auto; width: 280px; display: none; } .cd-dropdown.dropdown-is-active .cd-dropdown-content { display: block; } .cd-dropdown-content > li:last-of-type a { border-bottom: none; } .no-touch .cd-dropdown-content > li:not(.has-children) a:hover { } .cd-dropdown-content.move-out > li > p, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider { /* reset mobile style */ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } .cd-dropdown-content .cd-secondary-dropdown, .cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); left: 100%; height: auto; background-color: #ffffff; box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1); } .cd-dropdown-content .cd-secondary-dropdown::after, .cd-dropdown-content .cd-dropdown-gallery::after, .cd-dropdown-content .cd-dropdown-icons::after { clear: both; content: ""; display: table; } .open-to-left .cd-dropdown-content .cd-secondary-dropdown, .open-to-left .cd-dropdown-content .cd-dropdown-gallery, .open-to-left .cd-dropdown-content .cd-dropdown-icons { /* use the .open-to-left class if you want to open the dropdown on the left */ left: auto; right: 100%; } .cd-dropdown-content .cd-secondary-dropdown.is-hidden, .cd-dropdown-content .cd-dropdown-gallery.is-hidden, .cd-dropdown-content .cd-dropdown-icons.is-hidden { /* reset mobile style */ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-dropdown-content .cd-secondary-dropdown.fade-in, .cd-dropdown-content .cd-dropdown-gallery.fade-in, .cd-dropdown-content .cd-dropdown-icons.fade-in { /* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */ -webkit-animation: cd-fade-in 0.2s; -moz-animation: cd-fade-in 0.2s; animation: cd-fade-in 0.2s; } .cd-dropdown-content .cd-secondary-dropdown.fade-out, .cd-dropdown-content .cd-dropdown-gallery.fade-out, .cd-dropdown-content .cd-dropdown-icons.fade-out { /* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */ -webkit-animation: cd-fade-out 0.2s; -moz-animation: cd-fade-out 0.2s; animation: cd-fade-out 0.2s; } .cd-dropdown-content .cd-secondary-dropdown > .go-back, .cd-dropdown-content .cd-dropdown-gallery > .go-back, .cd-dropdown-content .cd-dropdown-icons > .go-back { display: none; } .cd-dropdown-content .cd-secondary-dropdown > .see-all, .cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all { position: absolute; bottom: 20px; height: 45px; text-align: center; } .cd-dropdown-content .cd-secondary-dropdown > .see-all a, .cd-dropdown-content .cd-dropdown-gallery > .see-all a, .cd-dropdown-content .cd-dropdown-icons > .see-all a { margin: 0; height: 100%; line-height: 45px; background: #ebebeb; pointer-events: auto; -webkit-transition: color 0.2s, background-color 0.2s; -moz-transition: color 0.2s, background-color 0.2s; transition: color 0.2s, background-color 0.2s; } .no-touch .cd-dropdown-content .cd-secondary-dropdown > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-gallery > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-icons > .see-all a:hover { } .cd-dropdown-content .cd-secondary-dropdown .cd-dropdown-item, .cd-dropdown-content .cd-secondary-dropdown a, .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-gallery a, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons a { border: none; } .cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons { padding: 20px 30px 100px; } .cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all { width: calc(100% - 60px); } .cd-dropdown-content .cd-dropdown-icons > li, .cd-dropdown-content .cd-secondary-dropdown > li { width: 100%; } .cd-dropdown-content .cd-secondary-dropdown { overflow: hidden; } .cd-dropdown-content .cd-secondary-dropdown::before { /* this is the separation line in the middle of the .cd-secondary-dropdown element */ position: absolute; content: ''; top: 290px; left: 15px; height: 1px; width: 520px; background-color: #ebebeb; display: none; } .cd-dropdown-content .cd-secondary-dropdown > li > p { pointer-events: none; } .cd-dropdown-content .cd-secondary-dropdown > li > p::after, .cd-dropdown-content .cd-secondary-dropdown > li > p::before { /* hide the arrow */ display: none; } .cd-dropdown-content .cd-secondary-dropdown.move-out > li > p { /* reset mobile style */ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-dropdown-content .cd-secondary-dropdown > li { } .cd-dropdown-content .cd-secondary-dropdown > li:nth-of-type(2n) { border-right-width: 0; } .cd-dropdown-content .cd-secondary-dropdown > li > ul { /* reset mobile style */ -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); position: relative; height: auto; } .cd-dropdown-content .cd-secondary-dropdown > li > ul > .go-back { display: none; } .cd-dropdown-content .cd-secondary-dropdown a { /*padding-left: 0;*/ } .no-touch .cd-dropdown-content .cd-secondary-dropdown a:hover { } .cd-dropdown-content .cd-secondary-dropdown ul { overflow: hidden; height: auto; } .cd-dropdown-content .cd-secondary-dropdown .go-back a { padding-left: 20px; color: transparent; } .no-touch .cd-dropdown-content .cd-secondary-dropdown .go-back a:hover { color: transparent; } .cd-dropdown-content .cd-secondary-dropdown .go-back a::before, .cd-dropdown-content .cd-secondary-dropdown .go-back a::after { left: 0; } .cd-dropdown-content .cd-secondary-dropdown .see-all { } .cd-dropdown-content .cd-dropdown-gallery { width: 600px; padding-bottom: 100px; } .cd-dropdown-content .cd-dropdown-gallery > li { width: 48%; float: left; margin-right: 4%; } .cd-dropdown-content .cd-dropdown-gallery > li:nth-of-type(2n) { margin-right: 0; } .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item { padding: 0; height: auto; line-height: normal; color: #3f8654; margin-bottom: 2em; } .cd-dropdown-content .cd-dropdown-gallery > li:nth-last-of-type(2) a, .cd-dropdown-content .cd-dropdown-gallery > li:last-of-type a { margin-bottom: 0; } .cd-dropdown-content .cd-dropdown-gallery img { position: static; height: auto; width: 100%; margin: 0 0 0.6em; } .cd-dropdown-content .cd-dropdown-icons { width: 600px; } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item { height: 80px; line-height: 1.2; padding: 24px 0 0 85px; } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item:hover { } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 { color: #3f8654; } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p { display: block; } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before { left: 25px; } .cd-dropdown-content > .has-children > ul { visibility: hidden; min-height: 100%; display: none; } .cd-dropdown-content > .has-children > ul.is-active { /* when hover over .cd-dropdown-content items - show subnavigation */ visibility: visible; display: block; } .cd-dropdown-content > .has-children > .cd-secondary-dropdown.is-active > li > ul { /* if .cd-secondary-dropdown is visible - show also subnavigation */ visibility: visible; } .cd-dropdown-content > .has-children > p.is-active { } .cd-dropdown-content > .has-children > p.is-active::before, .cd-dropdown-content > .has-children > p.is-active::after { background: #3f8654; } .open-to-left .cd-dropdown-content > .has-children > p.is-active { box-shadow: inset -2px 0 0 #3f8654; } } @-webkit-keyframes cd-fade-in { 0% { opacity: 0; visibility: visible; } 100% { opacity: 1; visibility: visible; } } @-moz-keyframes cd-fade-in { 0% { opacity: 0; visibility: visible; } 100% { opacity: 1; visibility: visible; } } @keyframes cd-fade-in { 0% { opacity: 0; visibility: visible; } 100% { opacity: 1; visibility: visible; } } @-webkit-keyframes cd-fade-out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: visible; } } @-moz-keyframes cd-fade-out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: visible; } } @keyframes cd-fade-out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: visible; } } .cd-search input[type="search"] { width: 100%; height: 50px; padding: 0 20px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-color: #242643; color: #ffffff; border: none; border-radius: 0; } .cd-search input[type="search"]::-webkit-input-placeholder { color: #ffffff; } .cd-search input[type="search"]::-moz-placeholder { color: #ffffff; } .cd-search input[type="search"]:-moz-placeholder { color: #ffffff; } .cd-search input[type="search"]:-ms-input-placeholder { color: #ffffff; } .cd-search input[type="search"]:focus { background: #ffffff; color: #111433; outline: none; } .cd-search input[type="search"]:focus::-webkit-input-placeholder { color: rgba(17, 20, 51, 0.4); } .cd-search input[type="search"]:focus::-moz-placeholder { color: rgba(17, 20, 51, 0.4); } .cd-search input[type="search"]:focus:-moz-placeholder { color: rgba(17, 20, 51, 0.4); } .cd-search input[type="search"]:focus:-ms-input-placeholder { color: rgba(17, 20, 51, 0.4); } @media only screen and (min-width: 769px) { .cd-search input[type="search"] { background-color: #ebebeb; } .cd-search input[type="search"]::-webkit-input-placeholder { color: #b3b3b3; } .cd-search input[type="search"]::-moz-placeholder { color: #b3b3b3; } .cd-search input[type="search"]:-moz-placeholder { color: #b3b3b3; } .cd-search input[type="search"]:-ms-input-placeholder { color: #b3b3b3; } } .has-children > p, .go-back a { position: relative; } .has-children > p::before, .has-children > p::after, .go-back a::before, .go-back a::after { } .has-children > p::before, .go-back a::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .has-children > p::after, .go-back a::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } @media only screen and (min-width: 769px) { .has-children > p::before, .has-children > p::after, .go-back a::before, .go-back a::after { background: #b3b3b3; } } .has-children > p { } .has-children > p::before, .has-children > p::after { /* arrow goes on the right side - children navigation */ right: 20px; -webkit-transform-origin: 9px 50%; -moz-transform-origin: 9px 50%; -ms-transform-origin: 9px 50%; -o-transform-origin: 9px 50%; transform-origin: 9px 50%; } @media only screen and (min-width: 769px) { .open-to-left .cd-dropdown-content > .has-children > p { padding-left: 40px; padding-right: 20px; } .open-to-left .cd-dropdown-content > .has-children > p::before, .open-to-left .cd-dropdown-content > .has-children > p::after { right: auto; left: 20px; -webkit-transform-origin: 1px 50%; -moz-transform-origin: 1px 50%; -ms-transform-origin: 1px 50%; -o-transform-origin: 1px 50%; transform-origin: 1px 50%; } } .cd-dropdown-content .go-back a { padding-left: 40px; } .cd-dropdown-content .go-back a::before, .cd-dropdown-content .go-back a::after { /* arrow goes on the left side - go back button */ left: 20px; -webkit-transform-origin: 1px 50%; -moz-transform-origin: 1px 50%; -ms-transform-origin: 1px 50%; -o-transform-origin: 1px 50%; transform-origin: 1px 50%; } .cd-main-content { background-color: #e6e6e6; min-height: calc(100vh - 100px); padding: 2em 5%; line-height: 2; } .no-js .cd-dropdown-wrapper:hover .cd-dropdown { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .no-js .cd-dropdown-wrapper .cd-close { display: none; } .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} *, *:after, *:before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; } a[href^="tel:"] { color: inherit; text-decoration: inherit; } html.loading * { cursor: wait; } html { font-family: var(--font1); color: var(--font-color); font-size: var(--font-size); line-height: var(--line-height); } body { min-width: 300px; max-width: 100%; overflow-x: hidden; outline: none; } a { color: var(--primary) } b, strong { font-weight: var(--bold1); } /* overlays */ .overlay { position: fixed; width: 100%; height: 100%; opacity: 0; z-index: 6; left: 0; top: 0; } .overlay .cart-overlay { } .overlay .login-overlay { } /* capas de reemplazo para cookies */ div[data-tpc="rpl"] { background: #f5f5f5; padding: 30px; text-align: center; display: flex; align-items: center; justify-content: center; flex: 1; font-size: 120%; color: #333; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } div[data-tpc="rpl"] span { display: block; padding: 16px; border: 2px dashed #ccc; } .fbBox.dvBanner div[data-tpc="rpl"] { display: none; } /*menu horizontal resultados (RES_FILTRO_subCatsMode) & menu*/ :root { } nav.menu-horizontal { visibility: hidden; z-index: 3; width: 100%; display: flex; justify-content: center; align-items: flex-start; line-height: var(--menu-height); background: var(--menu-bg); position: relative; } .kh { display: flex; white-space: nowrap; overflow-x: auto; max-width: 100%; z-index: 3; scrollbar-width: none; } .kh, .khsub ul, .kh li, .kbsub li { list-style: none; } .khsub ul ul { padding: 0 0 0 8px; } .kh::-webkit-scrollbar { display: none; } .kh > li { margin: 0 8px; padding: 0 8px; } .kh > li.ellipsis > p { display: flex; align-items: center; } .kh > li.ellipsis > p > a { text-overflow: ellipsis; white-space: nowrap; display: inline-block; overflow: hidden; } .kh > li.opened { background: rgba(0, 0, 0, 0.05); } .kh > li a { color: inherit; font-size: 16px; text-decoration: none; } .kh ul, .khsub ul { display: none; background: #fff; padding: 16px; white-space: nowrap; } .khsub { z-index: 10; position: absolute; left: 0; min-width: 100px; display: none; } .khsub.visible { display: block; } .khsub > ul { box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1); border-radius: 0 4px 4px 4px; } .khsub li { line-height: var(--menu-height); border-top: 1px solid #eee; overflow: hidden; } .khsub li:first-child { border: 0; } .khsub li p { display: flex; justify-content: space-between; align-items: center; margin: 0; } .khsub > ul p a { color: inherit; text-decoration: none; display: block; width: 100%; } .khsub > ul p a:hover { text-decoration: underline; } .kh .openclose, .khsub .openclose { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; line-height: 100%; text-align: center; cursor: pointer; background: rgba(0, 0, 0, 0.05); border-radius: var(--radius1); margin-left: 6px; } .khsub > ul li.has-children.opened ul { margin: 0 0 12px; background: rgba(0,0,0,0.05); } .openclose:before { content: "\f0d7"; font-weight: 900; font-family: "Font Awesome 6 Pro"; } .opened > p .openclose:before { content: "\f0d8" } .khsub .visible { display: block; } .menu-horizontal .arrow { color: currentColor; cursor: pointer; padding: 0 16px; line-height: var(--menu-height); opacity: 1; z-index: 4; transition: all 300ms ease; position: absolute; top: 0; bottom: 0; font-size: 20px; } .menu-horizontal .arrow.arrow-left { background: linear-gradient(to right, var(--menu-bg), var(--menu-bg), var(--menu-bg), rgba(255, 255, 255, 0)); left: 0; padding-right: 40px; } .menu-horizontal .arrow.arrow-right { background: linear-gradient(to left, var(--menu-bg), var(--menu-bg), var(--menu-bg), rgba(255, 255, 255, 0)); right: 0; padding-left: 40px; } .menu-horizontal .arrow i { } .menu-horizontal .arrow.arrow-left.scroll-0, .menu-horizontal .arrow.arrow-right.scroll-100 { opacity: 0; z-index: -1; } .kh li.campExpress a:after { content: "\f2f2"; font-weight: 400; font-family: "Font Awesome 6 Pro"; display: inline-block; color: #333; font-size: 120%; flex-shrink: 0; transform: scale(1.4) rotate(-20deg); opacity: .6; margin-left: 8px; } /*######################### ###### M O D A L E S ###### ###########################*/ #msjSuperior { padding: 8px; background-color: #333; color: #fff; } #msjSuperior .msjSuperiorCont { margin: 0 auto; max-width: var(--max-width); display: flex; align-items: center; justify-content: center; } #msjSuperior .msjSuperiorCont a { display: block; width: 100%; color: inherit; text-decoration: none; text-align: center; line-height: 120%; margin-left: 40px; } #msjSuperior .msjSuperiorCont p { margin: 0; } #msjSuperior .msjSuperiorCont i { flex-shrink: 0; cursor: pointer; display: flex; width: 40px; height: 40px; align-items: center; justify-content: center; } .SimpleModal { display: none; justify-content: center; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 10; margin: 0 auto; align-items: center; padding: 8px; } .SimpleModal .bg { position: absolute; z-index: -1; width: 100%; height: 100%; top: 0; left: 0; background: black; opacity: .8; } .SimpleModal .wrap { max-height: 92vh; max-width: 1024px; padding: 20px; background: white; text-align: center; border-radius: var(--radius1); box-shadow: 0 0 30px rgba(0,0,0,.5); overflow-y: auto; } .SimpleModal .wrap.half { max-width: 512px; } .SimpleModal .wrap img { max-width: 100%; } .SimpleModal.dialog-modal .dialog { display: flex; align-items: center; justify-content: center; margin: 16px 0; } .SimpleModal.dialog-modal .icon { font-size: 28px; margin-right: 8px; } .SimpleModal.dialog-modal .icon-alert { color: orange; } .SimpleModal.dialog-modal .icon-confirm { color: gray; } .SimpleModal.dialog-modal .icon-info { color: #2185d0; } .SimpleModal.dialog-modal .icon-error { color: #d01919; } .SimpleModal.dialog-modal .icon-loading { color: #ccc; } .SimpleModal.dialog-modal .dialog .text { align-self: center; } .SimpleModal .btncnt { margin-top: 12px; display: flex; justify-content: space-around; flex-wrap: nowrap; } .SimpleModal .btncnt .btn { margin: 0 8px; padding: 8px 16px; border-radius: 4px; text-decoration: none; cursor: pointer; } .SimpleModal .btncnt .btn.btnAceptar { background-color: #333; color: white; } .SimpleModal .btncnt .btn.btnVolver { background-color: #f5f5f5; color: #333; border: 1px solid rgba(0,0,0,0.1); padding: 7px 15px; } .SimpleModal .btncnt .btn.btnVolver:before { content: "\f104"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-right: 8px; font-size: 10px; } .SimpleModal .content > .title { font-size: 24px; line-height: 28px; font-weight: var(--bold1); margin: 0 0 12px; } .SimpleModal .title { font-size: 18px; margin: 0 0 8px; } .SimpleModal .login-register { } .SimpleModal .login-register input[type="email"], .SimpleModal .login-register input[type="password"] { border: 0; background: #fff; border: 2px solid #eee; border-radius: var(--radius1); margin: 0 0 8px; padding: 8px 8px; width: 100%; } .SimpleModal.LoginRegister-modal .wrap { width: 100%; max-width: 420px; position: relative; padding: 48px 20px 20px; } .SimpleModal.LoginRegister-modal .btncnt { position: absolute; top: -16px; right: 0; } .SimpleModal.LoginRegister-modal .btncnt .btn.btnVolver { border-radius: 0 0 4px 4px; } .SimpleModal.LoginRegister-modal .btncnt .btn.btnVolver:before { display: none; } .SimpleModal .login-register input[type="button"], .SimpleModal .login-register input[type="submit"], .SimpleModal .anon button, .SimpleModal .login-register #lnkBtnReg { background-color: #333; color: #fff; /* margin-bottom: 8px; */ border: 0; padding: 6px 20px; border-radius: var(--radius1); font-size: 14px; line-height: 18px; border: 2px solid #333; text-decoration: none; display: inline-block; width: 100%; max-width: 160px; font-weight: bold; margin: 0; } .SimpleModal .login-register #lnkBtnReg { } .SimpleModal .login-register a { color: inherit; font-size: 14px; line-height: 16px; margin-bottom: 8px; display: inline-block; } .SimpleModal .login-register .spnLogError { display: none; color: #d01919; } .SimpleModal .login-register .usuario-registrado { padding: 12px; background: #fff; margin: 0; border-radius: 8px 8px 0 0; border: 4px solid #e0e0e0; } .SimpleModal .login-register .usuario-no-registrado { padding: 12px; background: #e0e0e0; margin: 0 0 12px; border-radius: 0 0 8px 8px; } .SimpleModal .login-register .usuario-no-registrado > p:not(.title) { margin: 0 0 12px; font-size: 14px; line-height: 16px; } .SimpleModal .anon { padding: 12px; margin: 0; border-radius: 8px; background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(238,238,238,0) 100%); background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,0) 100%); background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(238,238,238,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#00eeeeee',GradientType=0 ); } .SimpleModal .anon p:not(.title) { margin: 0 0 12px; font-size: 14px; line-height: 16px; } /*CUPONES*/ .SimpleModal.modal-mcd { } .SimpleModal.modal-mcd .wrap { position: relative; padding: 32px 20px 20px; max-width: 800px; background: transparent; box-shadow: none; } .SimpleModal.modal-mcd .wrap .content { } .SimpleModal.modal-mcd .icon-info { margin-right: 0; margin-bottom: 20px; font-size: 40px; display: none; } .SimpleModal.modal-mcd .btncnt { position: absolute; top: -12px; right: 0; } .SimpleModal.modal-mcd .btncnt .btn { background-color: rgba(0,0,0,0.5); color: #fff; border: 2px solid; width: 32px; height: 32px; border-radius: 20px; text-transform: uppercase; font-size: 12px; /* line-height: 100%; */ padding: 0; display: flex; align-items: center; justify-content: center; } .SimpleModal.modal-mcd .btncnt .btn span { display: none; } .SimpleModal.modal-mcd .btncnt .btn:after { content: "\f00d"; font-weight: 900; font-family: "Font Awesome 6 Pro"; font-size: 16px; } .SimpleModal.modal-mcd .dvBanner { background: transparent; padding: 0; } .SimpleModal.modal-mcd .cuponInfoCont { padding: 0; display: flex; } .SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText { background: #fff; display: flex; align-items: center; width: 50%; /* flex: 1; */ padding: 20px; flex-direction: column; justify-content: center; } .SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText:first-child { width: 100%; min-height: 200px; padding: 20px; } .SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .nombre { font-size: 24px; line-height: 32px; font-weight: var(--bold1); text-transform: uppercase; } .SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .nombre a { text-decoration: none; color: inherit; } .SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .codigo { padding: 4px 8px; border: 1px dashed rgba(0,0,0,0.5); margin-top: 8px; display: inline-block; border-radius: 8px; } .SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText p:not(.nombre) { max-height: 80px; overflow: hidden; } .SimpleModal.modal-mcd .cuponInfoCont .img { width: 50%; flex: 1; background: #fff; } .SimpleModal.modal-mcd .cuponInfoCont img { display: block; } .SimpleModal.modal-mcd .title { margin-bottom: 20px; font-size: 28px; line-height: 140%; font-weight: var(--bold1); color: #fff; } .SimpleModal.modal-mcd .dialog { flex-direction: column; } .SimpleModal.modal-mcd .dialog .text { width: 100% } .SimpleModal.modal-mcd .slideCuponesCont { max-width: 100%; position: relative; } .SimpleModal.modal-mcd .slideCuponesCont .swiper-slide { width: 100% !important; background: transparent; } /*.SimpleModal.modal-mcd .slideCuponesCont .swiper-container {position: static;}*/ .SimpleModal.modal-mcd .slideCuponesCont .btnInfo { display: none; } .SimpleModal.modal-mcd .btnPromo { margin-top: 16px; } .SimpleModal.modal-mcd .btnPromo a { display: inline-flex; /* background-color: #007aff; */ color: #fff; padding: 7px 15px; border-radius: 4px; text-decoration: none; border: 2px solid; background-color: rgba(0,0,0,0.5); text-transform: uppercase; font-weight: var(--bold1); align-items: center; } .SimpleModal.modal-mcd .btnPromo a:after { content: "\f105"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-left: 8px; font-size: 16px; } .SimpleModal.modal-mcd .swiper-container { padding-bottom: 0; } .SimpleModal.modal-mcd .swiper-wrapper { align-items: center; } .SimpleModal.modal-mcd .swiper-button-prev { left: -8px; } .SimpleModal.modal-mcd .swiper-button-next { right: -8px; } .SimpleModal.modal-mcd .swiper-button-prev, .SimpleModal.modal-mcd .swiper-button-next { transform: translateY(-50%); color: #fff; font-size: 30px; width: 40px; margin: 0; background: none; display: none; } .SimpleModal.modal-mcd .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { /* background: rgba(0,0,0,0.5); */ border-radius: 12px; bottom: 4px; right: initial; height: 20px; left: 50%; margin: 0 auto; line-height: 100%; } .SimpleModal.modal-mcd .swiper-container-horizontal .swiper-pagination-bullet { background: #666; opacity: 1; vertical-align: bottom; } .SimpleModal.modal-mcd .swiper-container-horizontal .swiper-pagination-bullet-active { background: #111; opacity: 1; } .swiper-container-horizontal .swiper-pagination-bullet { vertical-align: bottom; } .socialShare { display: flex; align-items: center; margin: 0 0 12px; padding: 4px; border-bottom: 1px solid rgba(0,0,0,0.05); justify-content: flex-end; flex-flow: row wrap; } .socialShare > div > div { margin: 2px 4px; } .socialShare > span { margin-right: 4px; text-transform: uppercase; font-size: 12px; font-weight: var(--bold1); color: #666; } .socialShare > div { display: flex; align-items: center } .socialShare > div > div > a, .socialShare > div > div > span { display: flex; align-items: center; color: #fff; font: normal 18px/20px Arial; text-decoration: none; padding: 0; height: 20px; border-radius: 3px; opacity: .75; cursor: pointer; } .socialShare > div > div > a:before { font-family: "Font Awesome 5 Brands"; } .socialShare > div > div > span:before { font-family: "Font Awesome 6 Pro"; font-weight: 900; } .socialShare > div > div > a:hover, .socialShare > div > div > span:hover { opacity: 1; } .socialShare .sstw { } .socialShare .sstw a { color: #1da1f2; } .socialShare .sstw a:before { content: "\f099"; } .socialShare .ssfb { } .socialShare .ssfb a { color: #3b5998; } .socialShare .ssfb a:before { content: "\f09a"; } .socialShare .sswa span { } .socialShare .sswa a { color: #25d366; } .socialShare .sswa a:before { content: "\f232"; } .socialShare .sspi span { display: block; } .socialShare .sspi a { color: #bd081c; } .socialShare .sspi a:before { content: "\f0d2"; } .socialShare .ssgp span { display: block; } .socialShare .ssgp a { color: #dd4b39; } .socialShare .ssgp a:before { content: "\f2b3"; } .socialShare .ssco span { color: #333; position: relative; } .socialShare .ssco span:before { content: "\f328"; } .socialShare .ssco.copied span { opacity: 1; } .socialShare .ssco.copied span:before { content: "\f46c"; color: #3c763d; } .socialShare .ssco.copied span:after { content: "copiado"; position: absolute; top: 100%; right: -8px; background: #DFF0D8; color: #3c763d; padding: 4px 8px; margin-top: 4px; margin-top: 2px; border-radius: var(--radius1); font: normal 10px/12px Arial; } .socialShare .ssco.not-copied span:before { color: #a94442; } .socialShare .ssco.not-copied span:after { content: "no copiado"; position: absolute; top: 50%; left: 100%; transform: translateX(-100%); background: #F2DEDE; color: #a94442; padding: 4px 8px; margin-right: 4px; border-radius: var(--radius1); font: normal 10px/12px Arial; } /*######################### ##### M E N S A J E S ##### ###########################*/ .msgBox { font-size: 90%; line-height: 140%; margin: 4px 0; opacity: .8; padding: 12px 20px; background: #fff9c4; border: 1px solid #e2dca7; border-radius: 4px; display: inline-flex; align-items: flex-start; text-align: left; } .msgBox:before { content: "\f05a"; font-family: "Font Awesome 6 Pro"; font-weight: 900; margin: 0 8px 0 0; font-size: 18px; line-height: 120%; } #spnAprtEnvFactCampOblig { text-align: right; font-size: 12px; color: #999; display: block; line-height: 16px; } .field-validation-error { font-size: 90%; line-height: 140%; margin: 8px 0 0; opacity: .8; padding: 8px 12px; background: #fff6f6; border: 1px solid #e0b4b4; border-radius: 4px; display: inline-flex; align-items: flex-start; text-align: left; margin: 8px 0; color: #912d2b; } .field-validation-error:before { content: "\f05a"; font-family: "Font Awesome 6 Pro"; font-weight: 900; margin: 0 8px 0 0; font-size: 18px; line-height: 120%; } .msgBoxTip { font-size: 90%; line-height: 140%; margin: 4px 0; opacity: .8; padding: 12px 20px; background: #e8f5e9; border: 1px solid #c8e6c9; border-radius: 4px; display: inline-flex; align-items: flex-start; text-align: left; } .msgBoxTip:before { content: "\f0c0"; font-family: "Font Awesome 6 Pro"; font-weight: 900; margin: 0 12px 0 0; font-size: 30px; line-height: 120%; align-self: center; } /******** GoToTop *********/ #goToTop { display: none; position: fixed; bottom: 8px; right: 8px; z-index: 9; width: 40px; height: 40px; cursor: pointer; background: rgba(0,0,0,0.4); justify-content: center; align-items: center; color: white; border-radius: var(--radius1); color: rgba(255,255,255,0.8); } #goToTop:after { content: "\f106"; font-weight: 900; font-family: "Font Awesome 6 Pro"; font-size: 28px; } input[type="text"], input[type="password"] { border: 0; background: #eee; border-radius: 4px; margin: 0 0 8px; padding: 8px 8px; width: 100%; } input[type="button"] { background: #333; color: #fff; border: 0; padding: 8px 8px; text-decoration: none; display: flex; align-items: center; text-transform: uppercase; font-weight: var(--bold1); justify-content: center; width: 100%; border-radius: 4px; } input[type="button"].sending-form { opacity: .5; cursor: wait; } /********** COMUNES **********/ /* TEXTOS */ .title1 { font-weight: var(--bold1); font-size: 32px; color: var(--primary); line-height: 140%; margin: 0 0 20px; } .title2 { font-weight: var(--bold1); font-size: 26px; line-height: 140%; margin: 0 0 16px; } .title3 { font-weight: var(--bold1); font-size: 20px; line-height: 140%; margin: 0 0 12px; } .oculto { display: none; } .select { position: relative; } .select select { display: inline-block; width: 100%; padding: 8px 32px 8px 12px; cursor: pointer; border-radius: 4px; outline: 0; background: #fff; border: 1px solid rgba(0,0,0,0.2); line-height: 18px; appearance: none; -webkit-appearance: none; -moz-appearance: none; max-width: 100%; } .select:after { position: absolute; right: 24px; width: 0; pointer-events: none; top: 50%; transform: translateY(-50%); content: "\f0dc"; font-weight: var(--bold1); font-family: "Font Awesome 6 Pro"; } #dvVolverGuardar { display: flex; justify-content: space-between; width: 100%; } .btnIzq { display: inline-flex; align-items: center; text-decoration: none; background: rgba(0,0,0,0.05); color: #333; padding: 12px 16px; border-radius: var(--radius1); text-transform: uppercase; font-weight: var(--bold1); margin-right: 4px; text-align: center; } .btnDer { display: inline-flex; align-items: center; text-decoration: none; background: var(--secondary); color: #fff; padding: 12px 16px; border-radius: var(--radius1); text-transform: uppercase; font-weight: var(--bold1); cursor: pointer; border: 0; margin-left: 4px; text-align: center; align-self: flex-end; } .btnDer:after { content: "\f105"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-left: 8px; font-size: 16px; } .btnIzq:before { content: "\f104"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-right: 8px; font-size: 16px; } .btnDer#spnAceptar { display: inline-flex; align-items: center; text-decoration: none; background: #333; color: #fff; padding: 8px 16px; border-radius: var(--radius1); text-transform: uppercase; font-weight: var(--bold1); } .btnDer#spnAceptar:before { content: "\f00c"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-right: 8px; } .btnDer#lnkDatosCompraSiguiente:after { content: "\f105"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-left: 8px; } .btnDerCont { display: flex; flex-direction: column; } .btnDerCont .btnDer:not(:first-child) { margin-top: 12px; } .btnDer.disabled { background: #999; color: white; } /*RECAPTCHA*/ .g-recaptcha { display: none; justify-content: flex-end; margin: 0 0 12px; } .ddCamposOblig, .liObli { text-align: right; font-size: 12px; color: #999; display: block; } /*######################### ####### H E A D E R ####### ###########################*/ #google_translate_element { background: -moz-linear-gradient(top, rgba(240,240,240,0) 0%, rgba(240,240,240,1) 100%); background: -webkit-linear-gradient(top, rgba(240,240,240,0) 0%,rgba(240,240,240,1) 100%); background: linear-gradient(to bottom, rgba(240,240,240,0) 0%,rgba(240,240,240,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f0f0', endColorstr='#f0f0f0',GradientType=0 ); } #google_translate_element > div { max-width: var(--max-width); margin: 0 auto; display: flex; justify-content: flex-end; padding: 4px 8px; } #google_translate_element .goog-te-gadget-simple { border: 0; border-radius: 4px; box-shadow: 0 -4px 8px rgba(0,0,0,0.05); padding: 2px 0px 2px 4px; } .iframe { position: relative; padding-bottom: 56.25%; overflow: hidden; } .iframe > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*Buscador*/ .searchCont { width: 100%; max-width: 300px; position: relative; } #search { /* width: 100%; */ /* display: block; */ /* position: relative; */ /* transition: opacity 500ms linear; */ /* opacity: 1; */ /* overflow: hidden; */ /* transition: opacity 500ms linear; */ display: none; } #search .close { display: none; font-size: 24px; margin-bottom: 16px; } #search .close i.far { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; margin-left: auto; } header .header .headerCont .hcRight { display: flex; justify-content: flex-end; align-items: center; flex-shrink: 0; } #searchbtn { display: none; } #searchbtn a { text-decoration: none; display: flex; line-height: 32px; border: 0; color: currentColor; overflow: hidden; align-items: center; } #searchbtn a i { font-size: 20px; width: 32px; height: 32px; text-align: center; display: inline-flex; justify-content: center; align-items: center; } .searchCont #search_results { position: absolute; z-index: 3; width: 100%; background: #fefefe; color: #333; box-shadow: 0 4px 8px rgba(0,0,0,0.1); border-radius: 4px; overflow: auto; min-width: 300px; font-size: 15px; line-height: 130%; } .searchCont #search_results ul { list-style: none; } .searchCont #search_results ul li { /* padding: 8px; */ } .searchCont #search_results ul li:not(.liTitle):hover { background-color: rgba(0,0,0,0.05); } .searchCont #search_results ul li:not(:last-child) { border-bottom: 1px solid #eee; } .searchCont #search_results ul li.liTitle { font-weight: var(--bold1); border-bottom: 1px solid #ccc; padding: 8px; background-color: rgba(0,0,0,0.03); display: flex; align-items: center; } .searchCont #search_results ul li.liTitle:before { content: "\f105"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-right: 4px; font-size: 12px; } .searchCont #search_results ul li.verTodos { text-align: center; background-color: rgba(0,0,0,0.05); padding: 8px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; width: 100%; } .searchCont #search_results ul li.verTodos a { color: black; } .searchCont #search_results ul li p { display: flex; flex-direction: row-reverse; } .searchCont #search_results ul li p a { color: inherit; text-decoration: none; display: block; padding: 8px; } .searchCont #search_results ul li p .img { width: 80px; flex-shrink: 0; } .searchCont #search_results ul li p .img img { display: block; width: 100%; border-radius: var(--radius-default); } .searchCont #search_results ul li p .nom { width: 100%; display: flex; } .searchCont #search_results ul li p .nom .nomCont { display: flex; max-height: 72px; overflow: hidden; line-height: 25px; align-items: center; position: relative; width: 100%; } .searchCont #search_results ul li p .nom .nomCont::after { content: ""; width: 100%; height: 8px; position: absolute; bottom: 0; left: 0; background: -moz-linear-gradient(top, rgba(246,246,246,0) 0%, rgba(246,246,246,1) 100%); background: -webkit-linear-gradient(top, rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%); background: linear-gradient(to bottom, rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } .searchCont #search_results ul li p .nom a { display: flex; max-height: 72px; } /*MODAL USUARIO*/ #login_box:after { content: "\f0d8"; font-weight: 900; font-family: "Font Awesome 6 Pro"; color: var(--primary); display: block; position: absolute; bottom: 100%; font-size: 28px; line-height: 16px; right: 32px; } #login_box input[type="text"], #login_box input[type="email"], #login_box input[type="password"] { border: 0; background: #eee; border-radius: 4px; margin: 0 0 8px; padding: 8px 8px; width: 100%; } #login_box .spnLogError { display: none; color: #ff1100; } #login_box #lnkBtnReg, #login_box input[type="submit"], #login_box #btLoginUsu, #login_box #btLogout { border: 0; padding: 6px 16px; border-radius: 4px; font-size: 14px; line-height: 18px; border: 1px solid var(--secondary); text-decoration: none; display: block; width: 100%; font-weight: bold; } #login_box .title { font-size: 18px; line-height: 22px; margin: 0 0 12px; font-weight: var(--bold1); } #login_box .desc { margin: 0 0 8px; font-size: 14px; line-height: 18px; } #login_box .usuario-registrado { padding: 12px; } #login_box .usuario-registrado a { color: inherit; font-size: 14px; line-height: 16px; margin-top: 8px; display: block; } #login_box .usuario-registrado input[type="button"], #login_box .usuario-registrado input[type="submit"], #login_box .usuario-registrado #btLoginUsu { background-color: var(--secondary); color: #fff; } #login_box .usuario-registrado input[type="button"]:not(:last-child), #login_box .usuario-registrado input[type="submit"]:not(:last-child), #login_box .usuario-registrado #btLoginUsu:not(:last-child) { margin-bottom: 8px; } #login_box .usuario-no-registrado { padding: 12px; background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(238,238,238,0) 100%); background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,0) 100%); background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(238,238,238,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#00eeeeee',GradientType=0 ); } #login_box .usuario-no-registrado #lnkBtnReg, #login_box .usuario-no-registrado input[type="submit"], #login_box #btLogout { color: var(--secondary); background-color: #fff; } /* CARRITO LISTA PRODUCTOS */ #cart .cart-prod-list { display: none; } #cart .cart-prod-list .hCartProd { position: relative; display: flex; padding: 8px 0; max-width: 100%; overflow: hidden; border-bottom: 1px solid rgba(0,0,0,0.1); margin: 0px; } #cart .cart-prod-list .hCartProd .hCartProdInfo { display: flex; align-items: center; width: 100%; padding: 4px; overflow: hidden; color: inherit; text-decoration: none; } #cart .cart-prod-list .hCartProd .hCartProdInfo img { display: block; width: 100%; max-width: 48px; margin: 0 8px 0 0; flex-shrink: 0; } #cart .cart-prod-list .hCartProd .hCartProdInfo p { overflow: hidden; width: 100%; } #cart .cart-prod-list .hCartProd .hCartProdInfo p span { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #cart .cart-prod-list .hCartProd .hCartProdInfo p .attachedFiles { min-height: 20px; margin: 2px 0 0; } #cart .cart-prod-list .hCartProd .hCartProdDelete { padding: 4px 0; text-decoration: none; color: inherit; margin-left: 8px; } #cart .cart-prod-list .hCartTotal { display: flex; justify-content: space-between; width: 100%; text-transform: uppercase; margin-top: 0; font-weight: var(--bold1); font-size: 14px; line-height: 18px; background: rgba(0,0,0,0.1); padding: 12px; } #cart .cart-prod-list .hCartTotalSinIva { display: flex; justify-content: space-between; width: 100%; text-transform: uppercase; margin-top: 0; font-weight: var(--bold1); font-size: 12px; line-height: 14px; background: rgba(0,0,0,0.08); padding: 12px; opacity: .8; } #cart .cart-prod-list .hEnvioGratis { } #cart .cart-prod-list .hEnvioGratis a { padding: 0px 12px; border-radius: var(--radius-default); display: flex; margin-top: 8px; align-items: center; text-decoration: none; color: #333; /* border: 1px dashed rgba(0,0,0,0.2); */ justify-content: center; } #cart .cart-prod-list .hEnvioGratis a span { font-weight: var(--bold1); line-height: 120%; } #cart .cart-prod-list .hEnvioGratis a:before { content: "\f48b"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-right: 8px; font-size: 20px; line-height: 24px; text-align: center; } #cart .cart-prod-list .hCartButtons { display: flex; margin: 8px 0 0; justify-content: space-between; } #cart .cart-prod-list .hCartButtons .hOrderLink { width: 60%; } #cart .cart-prod-list .hCartButtons .hCartLink { text-align: center; width: 39%; } #cart .cart-prod-list .hCartButtons .hOrderLink a { display: flex; align-items: center; justify-content: center; border: 0; padding: 8px 16px; border-radius: var(--radius1); font-size: 14px; line-height: 18px; background-color: var(--secondary); text-decoration: none; color: #fff; font-weight: bold; } #cart .cart-prod-list .hCartButtons .hOrderLink a:after { content: "\f105"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-left: 4px; font-size: 12px; padding-top: 2px; line-height: 12px; } #cart .cart-prod-list .hCartButtons .hCartLink a { display: flex; align-items: center; justify-content: center; border: 0; padding: 7px 15px; border-radius: var(--radius1); font-size: 14px; line-height: 18px; border: 1px solid var(--secondary); color: var(--secondary); text-decoration: none; font-weight: bold; } #cart .cart-prod-list .hCartButtons .hCartLink a:before { content: "\f07a"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-right: 8px; font-size: 12px; line-height: 12px } #cart .cart-prod-list.cart-empty { padding: 20px; font-size: 18px; line-height: 22px; text-align: center; font-weight: var(--bold1); } /*Header Menú*/ header .menu { position: relative; z-index: 2; padding-bottom: 8px; } header .menu .menuCont { display: flex; justify-content: space-between; max-width: var(--max-width); margin: 0 auto; font-weight: var(--bold1); } .mcPrincipal { z-index: 10; } .mcPrincipal .cd-dropdown-trigger { display: flex; align-items: center; text-decoration: none; padding: 8px 32px 8px 12px; justify-content: space-around; text-transform: uppercase; color: currentColor; } .mcPrincipal .cd-dropdown-trigger span { padding: 0 4px 0 0; letter-spacing: 1px; } .cd-dropdown-trigger::before, .cd-dropdown-trigger::after { background: currentColor; } .mcPrincipal li { list-style: none; /* display: flex; */ } .mcPrincipal li p { border-bottom: 1px solid rgba(0,0,0,0.05) } .mcPrincipal li a { display: block; padding: 12px; text-decoration: none; color: #333; } .mcPrincipal li.campExpress:first-child a { border-top: 1px solid #fff; } .mcPrincipal li.campExpress a { background-color: #eee; display: flex; align-items: center; justify-content: space-between; } .mcPrincipal li.campExpress:hover:not(.go-back) > p > a { } .mcPrincipal li.campExpress:hover:not(.go-back) a:after { color: #333; opacity: .8; } .mcPrincipal li.campExpress a:after { content: "\f2f2"; font-weight: 400; font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 8px; color: #333; font-size: 120%; flex-shrink: 0; transform: scale(2.8) rotate(-20deg); opacity: .6; margin-left: 12px; } .mcPrincipal li:hover:not(.go-back) > p > a, .mcPrincipal li.current-selected { background-color: rgba(0,0,0,0.05); box-shadow: inset 4px 0 0 #666; } .mcPrincipal > ul > li > ul > li > p > a { display: none; } .mcPrincipal ul > li > p { display: flex; margin: 0; } .mcPrincipal ul > li > p.jump { display: none; } .mcPrincipal ul > li > p > a { width: 100%; } .mcPrincipal ul > li > p > span { display: none; flex-shrink: 1; width: 40px; flex-shrink: 0; text-align: center; justify-content: center; align-items: center; background-color: rgba(0,0,0,0.03); cursor: pointer; } .mcPrincipal ul > li > p > span:after { content: "\f105"; font-weight: 600; font-family: "Font Awesome 6 Pro"; } .mcPrincipal ul > li.has-children > p > span { display: flex; } .mcPrincipal ul > li.go-back > p > span { display: flex; width: 40px; flex-shrink: 1; text-align: center; justify-content: center; align-items: center; background-color: rgba(0,0,0,0.03); cursor: pointer; } .mcPrincipal ul > li.go-back > p > span:after { content: "\f104"; font-weight: 600; font-family: "Font Awesome 6 Pro"; display: block; padding: 12px; } .mcPrincipal ul > li.go-back > p > a { opacity: 0.7 } .mcPrincipal ul > li .see-all { display: none; } .mcDestacado { width: 100%; display: flex; } .mcDestacado ul { display: flex; width: 100%; justify-content: flex-end; } .mcDestacado ul li { display: flex; margin-left: 20px; } .mcDestacado ul li a { display: flex; align-items: center; padding: 8px 12px; text-decoration: none; text-transform: uppercase; color: currentColor; } .mcDestacado ul li a:hover { opacity: .8 } .mcDestacado ul li a span { } .navTrigger { cursor: pointer; width: 32px; height: 32px; padding: 4px; display: flex; align-items: center; flex-flow: row wrap; align-content: center; justify-content: center; } .navTrigger i { background-color: currentColor; border-radius: 2px; content: ''; display: block; width: 100%; height: 2px; } .navTrigger i:nth-child(1) { -webkit-animation: outT 0.5s backwards; animation: outT 0.5s backwards; -webkit-animation-direction: reverse; animation-direction: reverse; } .navTrigger i:nth-child(2) { margin: 4px 0; -webkit-animation: outM 0.5s backwards; animation: outM 0.5s backwards; -webkit-animation-direction: reverse; animation-direction: reverse; } .navTrigger i:nth-child(3) { -webkit-animation: outBtm 0.5s backwards; animation: outBtm 0.5s backwards; -webkit-animation-direction: reverse; animation-direction: reverse; } .navTrigger.active { color: #333; } .navTrigger.active i { width: 80%; } .navTrigger.active i:nth-child(1), .dropdown-is-active .navTrigger i:nth-child(1) { -webkit-animation: inT 0.5s forwards; animation: inT 0.5s forwards; } .navTrigger.active i:nth-child(2), .dropdown-is-active .navTrigger i:nth-child(2) { -webkit-animation: inM 0.5s forwards; animation: inM 0.5s forwards; margin: 3px 0; } .navTrigger.active i:nth-child(3), .dropdown-is-active .navTrigger i:nth-child(3) { -webkit-animation: inBtm 0.5s forwards; animation: inBtm 0.5s forwards; display: none; } .menu_mob { display: none; } /*######################### ###### P O R T A D A ###### ###########################*/ #PORT01 { } #PORT02 { padding: var(--section-margin) 16px; } #PORT02 .PORT02Cont { max-width: var(--max-width); margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 8px; } #PORT02 .PORT02Cont > * { position: relative; margin: 0; } @media screen and (min-width: 1024px) { #PORT02 .PORT02Cont > *:not(:first-child):not(:nth-child(3n+1)):before { content: ""; height: 60%; width: 1px; position: absolute; left: -4px; top: 0; bottom: 0; margin: auto; background: #e5e5e5; } } @media screen and (min-width: 641px) and (max-width: 1023px) { #PORT02 .PORT02Cont > *:not(:first-child):not(:nth-child(2n+1)):before { content: ""; height: 60%; width: 1px; position: absolute; left: -4px; top: 0; bottom: 0; margin: auto; background: #e5e5e5; } } @media screen and (max-width: 640px) { #PORT02 .PORT02Cont > *:not(:last-child):before { content: ""; display: block; height: 1px; width: 70%; position: absolute; left: 0 !important; top: inherit !important; right: 0; bottom: -8px !important; margin: auto; background: #e5e5e5; } } #PORT01 .title2, .panel__desc--skin1[data-items="1"] .boxItem .bicTitle { font-size: 32px; line-height: 140%; } /*######################### ###### C A J O N E S ###### ###########################*/ /* CAJA SEO */ .seo1 { text-align: center; background: #fff; padding: var(--section-margin) 16px; } .seo1 .seo1Cont { max-width: var(--max-width); margin: 0 auto; } .seo1 .seo1Cont .title1 { } .seo1 .seo1Cont p:not(:last-child) { margin: 0 0 12px; } /*CAJA VIDEO*/ .seo2 { text-align: center; background: #fff; padding: var(--section-margin) 16px; } .seo2 .seo2Cont { max-width: var(--max-width); margin: 0 auto; } .seo2 .seo2Cont .title1 { } .seo2 .seo2Cont p:not(:last-child) { margin: 0 0 12px; } .seo2 .seo2Cont iframe { display: block; border: 0; width: 100%; } .iframeCont { position: relative; padding-bottom: 56.25%; overflow: hidden; } .iframeCont > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } /* BOX SIN LINK */ .boxItem a[href^="#"] { cursor: default; } /*BOX 2: */ .box2 { padding: 20px 16px 0; background: #fff; } .box2 .boxCont { max-width: var(--max-width); margin: 0 auto; } .box2 .boxCont { max-width: var(--max-width); margin: 0 auto; } .box2 .boxCont > div > div { display: flex; justify-content: space-between; } .box2 .boxCont .boxItem { width: calc(50% - (var(--mosaico-margin)/2)); margin-bottom: var(--mosaico-margin); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; display: none; } .box2 .boxCont .boxItem:first-child, .box2 .boxCont .boxItem:nth-child(2) { display: block; } .box2 .boxCont .boxItem > div { padding-bottom: 75%; width: 100%; display: flex; } .box2 .boxCont .boxItem a { display: block; width: 100%; text-decoration: none; color: inherit; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; position: absolute; top: 0; left: 0; height: 100%; } .box2 .boxCont .boxItem .boxItemImg { display: none; } .box2 .boxCont .boxItem .boxItemImg img { display: block; width: 100%; } .box2 .boxCont .boxItem .boxItemCont { background: rgba(255,255,255,0.8); padding: 4px; margin: 12px; border-radius: var(--radius-default); } .box2 .boxCont .boxItem .bicTitle { margin: 0; border: 1px solid; padding: 4px 40px; text-transform: uppercase; border-radius: var(--radius-default); } .box2 .boxCont .boxItem .bicDesc { display: none; } .box2 .boxCont .boxItem .bicBtn { display: none; } .box2 .boxCont .boxItem .bicBtn span { } .box2 .boxCont .swiper-button-next, .box2 .boxCont .swiper-button-prev, .box2 .boxCont .swiper-pagination { display: none; } .box3a { padding: 0 16px 20px; background: #fff; } .box3a .boxCont { max-width: 1400px; margin: 0 auto; display: flex; overflow-X: auto; } .box3a .boxCont .boxItem { width: 33.3333%; background-size: cover; background-position: center; background-repeat: no-repeat; border: 4px solid #FFF; position: relative; flex-shrink: 0; } .box3a .boxCont .boxItem > div { padding-bottom: 75%; display: flex; } .box3a .boxCont .boxItem a { display: block; width: 100%; text-decoration: none; color: inherit; display: flex; align-items: flex-end; justify-content: center; text-align: center; position: absolute; top: 0; left: 0; height: 100%; } .box3a .boxCont .boxItem .boxItemImg { display: none; } .box3a .boxCont .boxItem .boxItemImg img { display: block; width: 100%; } .box3a .boxCont .boxItem .boxItemCont { background: rgba(0,0,0,0.5); padding: 8px; width: 100%; } .box3a .boxCont .boxItem .bicTitle { margin: 0; text-transform: uppercase; border-radius: var(--radius-default); color: #fff; } .box3a .boxCont .boxItem .bicDesc { display: none; } .box3a .boxCont .boxItem .bicBtn { display: none; } .box3a .boxCont .boxItem .bicBtn span { } .box3 { padding: var(--section-margin) 16px; background: #fff; } .box3 .swiper-container { width: 100%; } .box3 .boxCont { max-width: var(--max-width); margin: 0 auto; display: flex; overflow-X: auto; } .box3 .boxCont .boxItem { width: calc((1/3 * 100%) - (var(--mosaico-margin)*(2/3))); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; flex-shrink: 0; } .box3 .boxCont .boxItem > div { padding-bottom: 75%; display: flex; } .box3 .boxCont .boxItem a { display: block; width: 100%; text-decoration: none; color: inherit; display: flex; align-items: flex-end; justify-content: center; position: absolute; top: 0; left: 0; height: 100%; } .box3 .boxCont .boxItem .boxItemImg { display: none; } .box3 .boxCont .boxItem .boxItemImg img { display: block; width: 100%; } .box3 .boxCont .boxItem .boxItemCont { background: rgba(0,0,0,0.5); padding: 8px; width: 100%; } .box3 .boxCont .boxItem .bicTitle { margin: 0; text-transform: uppercase; border-radius: var(--radius-default); color: #fff; } .box3 .boxCont .boxItem .bicDesc { display: none; } .box3 .boxCont .boxItem .bicBtn { display: none; } .box3 .boxCont .boxItem .bicBtn span { } .box3 .boxCont .swiper-button-next, .box3 .boxCont .swiper-button-prev, .box3 .boxCont .swiper-pagination { display: none; } .box4 { padding: var(--section-margin) 16px; } .box4 .slideCont { max-width: var(--max-width); margin: 0 auto; position: relative; } .box4 .slideCont .slideInfo { margin: 0 0 20px; text-align: center; padding: 0 16px; } .box4 .slideCont .slideInfo .title2 { } .box4 .slideCont .slideInfo p { } .box4 .slideCont .swiper-container { margin: 0; position: static; } .box4 > div > p { text-align: center; font-size: 120%; line-height: 120%; font-weight: var(--bold1); font-style: italic; } .box4 .swiper-slide { height: auto; width: calc((1/4 * 100%) - (var(--productos-margin) * 3 / 4)); } /*25% - el margen entre items del slide de los 4 que se ven repartido entre los 3 que llevan margen a la derecha*/ /*.box4 .swiper-button-next, .box4 .swiper-button-prev { background: #fff; height: 40px; width: 40px; border-radius: 20px; box-shadow: 0 0 12px rgba(0,0,0,0.4); display: flex; align-items: center; justify-content: center; transition: all 300ms ease;}*/ /* .box4 .swiper-button-next { right: 4px;} .box4 .swiper-button-prev { left: 4px; } .box4 .swiper-button-next, .box4 .swiper-button-prev { transform: scale(0); } .box4 .slideCont:hover .swiper-button-next, .box4 .slideCont:hover .swiper-button-prev { transform: scale(1) } .box4 .swiper-button-next i, .box4 .swiper-button-prev i{line-height: 100%; width: auto;} .box4 .swiper-button-next i { padding-left: 2px;} .box4 .swiper-button-prev i{padding-right: 2px;}*/ .box6 { padding: var(--section-margin) 16px; } .box6 .slideCont { max-width: var(--max-width); margin: 0 auto; position: relative; } .box6 .slideCont .slideInfo { margin: 0 0 20px; text-align: center; padding: 0 20px; } .box6 .slideCont .slideInfo .title2 { } .box6 .slideCont .slideInfo p { } .box6 .slideCont .swiper-container { margin: 0; position: static; } .box6 .slideCont .swiper-slide { width: calc((1/6 * 100%) - (var(--productos-margin) * 5 / 6)) } .swiper-container .swiper-button-next, .swiper-container .swiper-button-prev { background: #fff; height: 38px; width: 38px; border-radius: 20px; box-shadow: 0 0 4px rgba(0,0,0,0.4); display: flex; align-items: center; justify-content: center; transition: all 300ms ease; } .swiper-container .swiper-button-next { right: 4px; } .swiper-container .swiper-button-prev { left: 4px; } .swiper-container .swiper-button-next, .swiper-container .swiper-button-prev { transform: scale(0); } .swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev { transform: scale(1) } .swiper-button-next i, .swiper-button-prev i { line-height: 100%; width: auto; } .swiper-button-next i { padding-left: 2px; } .swiper-button-prev i { padding-right: 2px; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { display: none; } .boxMini { padding: 40px 16px 0; overflow: hidden; background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%); background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%); background: linear-gradient(to bottom, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='f0f0f0', endColorstr='00f0f0f0',GradientType=0 ); } .boxMiniRel { margin: 0 0 20px; overflow: hidden; } .boxMini .slideCont, .boxMiniRel .slideCont { max-width: var(--max-width); margin: 0 auto; position: relative; overflow: hidden; } .boxMini .slideCont .slideInfo { margin: 0 0 20px; text-align: center; padding: 0 20px; } .boxMiniRel .slideCont .slideInfo { margin: 0 0 20px; } .boxMini .slideCont .swiper-container, .boxMiniRel .slideCont .swiper-container { position: static; overflow: visible; } .boxMini .slideCont .swiper-slide, .boxMiniRel .slideCont .swiper-slide { width: calc((100% / 6) - (12px * 5 / 6)); } .boxMini .prodItemImg > a .PIITag, .boxMiniRel .prodItemImg > a .PIITag { display: none; } .boxMini .prodItem .prodItemCont, .boxMiniRel .prodItem .prodItemCont { font-size: 80%; line-height: 100% } .boxMini .prodItem .prodItemCont .PICTitle, .boxMiniRel .prodItem .prodItemCont .PICTitle { font-size: 1em; line-height: 100% } .boxMini .prodItem .prodItemCont .PICPrice span, .boxMiniRel .prodItem .prodItemCont .PICPrice span { font-size: 120%; line-height: 100% } .boxMini .prodItem .prodItemCont .PICVar, .boxMiniRel .prodItem .prodItemCont .PICVar { font-size: 100%; } .boxMini .prodItem .prodItemBt .btAddToCart, .boxMiniRel .prodItem .prodItemBt .btAddToCart { font-size: 12px; line-height: 100%; padding: 8px; } /*CAJONES PRODUCTOS GENERAL*/ .prodItem { font-weight: normal; font-size: 18px; line-height: 140%; display: flex; flex-direction: column; overflow: hidden; margin: 0 0 12px; } .prodItem .prodItemImg { position: relative; overflow: hidden; border: 1px solid #eee; } .prodItem .prodItemImg > a { display: block; overflow: hidden; } .prodItem .prodItemImg > a img { display: block; width: 100%; font-size: 0; padding: 0 !important; opacity: 1 !important; } .prodItem .prodItemImg > a img:nth-of-type(2) { left: 0; position: absolute; top: 0; /* left: 100%; */ opacity: 0 !important; /*transition: opacity 300ms ease, left 0ms ease 300ms; -webkit-transition: opacity 300ms ease, left 0ms ease 300ms;*/ transition: all 300ms ease; padding: 0 !important; } .prodItem .prodItemImg:hover > a img:nth-of-type(2) { /* left: 0; */ opacity: 1 !important; /*transition: opacity 300ms ease, left 0s ease 0ms; -webkit-transition: opacity 300ms ease, left 0s ease 0ms;*/ } .prodItem .prodItemImg .PIITag { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-weight: var(--bold1); font-size: 14px; line-height: 100%; text-transform: uppercase; letter-spacing: 0.5px; } .prodItem .prodItemImg .PIITag > div { padding: 4px; } .prodItem .prodItemImg .PIITag .PIITagPorcentaje { width: 40px; height: 40px; border-radius: 100%; display: flex; align-items: center; justify-content: center; position: absolute; top: 4px; right: 4px; background: var(--secondary); color: #fff; } .prodItem .prodItemImg .PIITag .PIITagPorcentaje span { } .prodItem .prodItemImg .PIITag .PIITagOferta { position: absolute; bottom: 0; left: 0; background: #fff; color: var(--secondary); box-shadow: inset 0 0 0 1px currentcolor; } .prodItem .prodItemImg .PIITag .PIITagOferta span { } .prodItem .prodItemImg .PIITag .PIITagDestacado { position: absolute; bottom: 0; right: 0; background: var(--primary); background-image: linear-gradient(rgba(0,0,0,0.10),rgba(0,0,0,0.10)); color: #fff; } .prodItem .prodItemImg .PIITag .PIITagDestacado span { } .prodItem .prodItemImg .PIITag .PIITagNovedad { position: absolute; top: 0; left: 0; background: #03a9f3; color: #fff; } .prodItem .prodItemImg .PIITag .PIITagNovedad span { } .prodItem .prodItemImg .PIITag .PIITagOutlet { position: absolute; top: 0; left: 0; background: #333; color: #fff; } .prodItem .prodItemImg .PIITag .PIITagNovedad ~ .PIITagOutlet { top: 24px; } .prodItem .prodItemImg .PIITag .PIITagOutlet span { } .prodItem .prodItemImg .PIITag .PIITagAgotado { position: absolute; top: 50%; left: 50%; background: rgba(0,0,0,0.5); padding: 8px 20px; color: #fff; transform: translate(-50%, -50%); box-shadow: 0 0 0 300px rgba(255,255,255,0.2); } .prodItem .prodItemImg .PIITag .PIITagAgotado span { } .prodItem .prodItemImg .PIITag .PIITagSoloOnline { position: absolute; bottom: 0; right: 0; background: #666; color: #fff; } .prodItem .prodItemImg .PIITag .PIITagSoloOnline span { } .prodItem .prodItemImg .PIITag .PIITagFlash { position: absolute; top: 4px; left: 4px; background: #f8c931; padding: 4px 8px; border-radius: 24px; color: #333; } /*.prodItem .prodItemImg .PIITag .PIITagFlash { animation: flash 6s linear 2s infinite; }*/ .prodItem .prodItemImg .PIITag .PIITagFlash span { } .prodItem .prodItemImg .PIITag .PIITagFlash span:before { content: "\f2f2"; font-weight: 400; font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 8px; font-size: 120%; flex-shrink: 0; } .prodItem.flash .prodItemImg .PIITag .PIITagNovedad { display: none; } .prodItem.flash .PICPriceValue:before { content: "\f2f2"; font-weight: 400; font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 8px; font-size: 80%; display: none; } .prodItem .prodItemCont { padding: 8px 0; flex: 1; } .prodItem .prodItemCont .PICTitle { font-weight: normal; font-size: 14px; line-height: 120%; margin: 0 0 4px; } .prodItem .prodItemCont .PICTitle a { color: inherit; text-decoration: none; } .prodItem .prodItemCont .flash .PICPrice { margin: 0 0 4px; display: flex; align-items: center; justify-content: center; flex-direction: column; } .prodItem.flash .prodItemCont .PICPrice { border: 2px solid #f8c931; background: #fff; display: block; border-radius: 8px; overflow: hidden; padding: 4px 4px 4px 40px; position: relative; margin-bottom: 4px; } .prodItem.flash .prodItemCont .PICPrice:before { content: "\f2f2"; font-weight: 400; font-family: "Font Awesome 6 Pro"; display: inline-flex; align-items: center; justify-content: center; font-size: 100%; color: #111; padding: 0 4px; position: absolute; background: #f8c931; left: 0; top: 0; height: 100%; } .prodItem.flash:not(.flashenvio) .prodItemCont .PICPrice .PICPriceOld { display: block; margin: 0; } .prodItem.flashenvio .prodItemCont .PICPrice > span:last-child { display: block; font-size: 12px; text-transform: uppercase; } .prodItem .prodItemCont .PICPrice > span { font-weight: var(--bold1); font-size: 18px; line-height: 120%; } .prodItem .prodItemCont .PICPrice .PICPriceIva { font-size: 16px; opacity: .8; display: block; } .prodItem .prodItemCont .PICPrice .PICPriceIva > span { text-transform: uppercase; font-size: 14px; } .prodItem .prodItemCont .PICPrice .PICPriceValue { color: var(--primary); } .prodItem .prodItemCont .PICPrice .PICPriceOld { color: inherit; margin-right: 8px; text-decoration: line-through; font-size: 14px; opacity: 0.75; } .prodItem .prodItemCont .PICDesc { margin: 0 0 4px; font-size: 12px; line-height: 120%; display: none; } .prodItem .prodItemCont .PICVar { font-weight: var(--bold1); opacity: 0.5; font-size: 14px; line-height: 100%; } .prodItem .prodItemBt { padding: 8px; } .prodItem .prodItemBt .btAddToCart { display: inline-flex; align-items: center; justify-content: center; padding: 8px; background-color: #666; text-decoration: none; color: white; font-size: 16px; line-height: 20px; border-radius: var(--radius1); } .prodItem .prodItemBt .btAddToCart i { margin-right: 8px; } /*CAJONES MARCAS*/ .PorMarcas { text-align: center; font-weight: normal; font-size: 18px; line-height: 140%; padding: 1px; } .PorMarcas .PorMarcasImg { position: relative; overflow: hidden; width: 100%; padding-bottom: 100%; position: relative; background: #fff; border: 1px solid #eee; } .PorMarcas .PorMarcasImg > a { overflow: hidden; position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 12px; } .PorMarcas .PorMarcasImg > a img { display: block; max-width: 100%; } .PorMarcas .PorMarcasCont { padding: 8px; } .PorMarcas .PorMarcasCont .PMCTitle { font-weight: normal; font-size: 14px; line-height: 120%; margin: 0; } .PorMarcas .PorMarcasCont .PMCTitle a { color: inherit; text-decoration: none; } .PorMarcas .PorMarcasCont .PPCDesc { margin: 0 0 4px; display: none; } /* BANDAS CON Nº DE ELEMENTOS*/ .bndBox3 { padding: 20px 16px; background-color: #fff; } .bndBox3 .bndBox3Cont { display: flex; justify-content: space-between; max-width: var(--max-width); margin: 0 auto; } .bndBox3 .bndBox3Cont > div { width: 32%; } /*NEWSLETTER*/ .news1 { padding: 40px 16px; background: #f5f5f5; text-align: center; } .news1 .newsCont { } .news1 .newsCont .title2 { font-size: 32px; line-height: 140%; margin: 0 0 8px; } .news1 .newsCont .newsDesc { margin: 0 0 12px; font-weight: normal; font-size: 16px; line-height: 140%; } .news1 .newsCont .newsMail { max-width: 524px; margin: 0 auto; } .news1 .newsCont .newsMail form { display: flex; justify-content: center; } .news1 .newsCont .newsMail form label { width: 100%; } .news1 .newsCont .newsMail .newsInput { width: 100%; padding: 8px 16px; border: 0; color: #333; border-radius: 4px; border: 1px solid #ccc; } .news1 .newsCont .newsMail .newsBtn { background: #666; color: #fff; border: 0; padding: 4px 32px; text-decoration: none; display: flex; margin-left: 6px; align-items: center; text-transform: uppercase; font-weight: var(--bold1); justify-content: center; border-radius: var(--radius1); } #PORT01 .news1 { padding: var(--section-margin); background: none; } #PORT01 .news1:last-child { padding-bottom: 0; } #PORT01 .news1 .newsCont { padding: 32px 16px; background: #f5f5f5; max-width: var(--max-width); margin: 0 auto; } /*ENVÍO*/ .envio1 { background-color: #35baf5; color: #fff; justify-content: space-between; } .envio1:after { content: "\f1d8"; font-weight: 900; font-family: "Font Awesome 6 Pro"; font-size: 60px; margin-left: 12px; display: block; flex-shrink: 0; line-height: 100%; } .envio1 .envioCont { } .envio1 .envioContDesc { display: flex; align-items: center; justify-content: space-between; } .envio1 .envioContLink { font-size: 12px; } .envio1 .envioContLink a { color: inherit; } /*SOCIAL*/ .socialBox { padding: 20px; font-weight: var(--bold1); font-size: 20px; line-height: 140%; display: flex; align-items: center; justify-content: center; text-align: center; flex-flow: column-reverse; width: 100%; } .socialBox .socialCont { } .socialBox .socialContDesc { display: flex; align-items: center; justify-content: space-between; } .socialBox .socialUl { margin: 0 0 8px; font-weight: normal; } .socialBox .socialUl li { display: inline-flex; margin: 2px; border-radius: 40px; } .socialBox .socialUl a { text-decoration: none; color: #fff; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; margin: 2px; font-size: 20px; } .socialBox .socialUl a span span { display: none; } .socialBox .socialUl .instagram { background-color: #d10869; padding: 0; } .socialBox .socialUl .instagram a { color: #fff; } .socialBox .socialUl .twitter { background-color: #1da1f2; padding: 0; } .socialBox .socialUl .twitter a { color: #fff; } .socialBox .socialUl .facebook { background-color: #3b5998; padding: 0; } .socialBox .socialUl .facebook a { color: #fff; } .socialBox .socialUl .whatsapp { background-color: #128c7e; } .socialBox .socialUl .whatsapp a { color: #fff; } .socialBox .socialUl .socialBox .socialUl.socialBox .socialUl.phone { background-color: #666; } .socialBox .socialUl .phone a { color: #fff; } /* Social fixed*/ .socialBox--fixed { position: fixed; bottom: 60px; right: 4px; padding: 0; width: auto; z-index: 3; } .socialBox--fixed .socialUl { margin: 0; } .socialBox--fixed .socialUl li { display: block; box-shadow: 2px 2px 3px rgba(0,0,0,0.4); } .socialBox--fixed .socialUl li:not(:last-child) { margin: 0 0 4px; } .socialBox--fixed .socialUl a { width: 60px; height: 60px; font-size: 32px; } .socialLine { list-style: none; } .socialLine li { display: inline-block; background: #fff; padding: 0px 12px; min-width: 28px; border-radius: 3px; text-align: center; margin: 2px 0 2px 3px; font-size: 14px; line-height: 28px; } .socialLine li a { text-decoration: none; color: #333; } .socialLine li a span span { margin-left: 4px; } .socialLine li a i { font-weight: 900; } .socialLine .news { } .socialLine .news a { color: #868686; } .socialLine .instagram { padding: 0; } .socialLine .instagram a { color: #d10869; } .socialLine .instagram a span span { display: none; } .socialLine .twitter { padding: 0; } .socialLine .twitter a { color: #1da1f2; } .socialLine .twitter a span span { display: none; } .socialLine .facebook { padding: 0; } .socialLine .facebook a { color: #3b5998; } .socialLine .facebook a span span { display: none; } .socialLine .whatsapp { padding: 0; } .socialLine .whatsapp a { color: #128c7e; } .socialLine .whatsapp a span span { display: none; } .socialLine .phone { } .socialLine .phone a { color: #666; } .socialLine .mobile a { color: #666; } .socialLine .twitter a i, .socialLine .facebook a i, .socialLine .instagram a i, .socialLine .whatsapp a i { font-weight: 200; } /*.langSelector { display: flex; align-items:center;} .langSelector:not(:first-child) { margin-left: 8px; } .langSelector:not(:last-child) { margin-right: 8px; } .langSelector .select2 { border: 0; text-transform: uppercase; line-height: 28px; height: 28px; background-color: #fff; border-radius: 28px; padding: 0 0 0 4px; border: 4px solid #fff; outline: 0; font-size: 80%; letter-spacing: 1px; } .langSelector .select2 :hover { box-shadow: 0 0 4px rgba(0,0,0,.05) } header .menu .menuCont .menulang { padding: 8px; background-color: #ccc; text-align: right; display: none; margin: 0; } header .menu .menuCont .menulang .select2 { height: 36px; min-width: 60px;}*/ .langSelector { margin-left: 8px; } .select2-container { width: 52px !important; text-align: center; text-transform: uppercase; } .select2-search { display: none; } .select2-results__option { font-size: 0; line-height: 0; } .select2-results__option img { display: block; width: 100%; } .select2-container .select2-selection--single { border-color: #ccc; background: #f5f5f5; } .select2-container .select2-selection--single .select2-selection__rendered { } .select2-container .select2-selection--single { display: flex; } .select2-container .select2-selection--single .select2-selection__rendered { margin: 4px; background-size: contain; background-position: center center; background-repeat: no-repeat; font-size: 0; line-height: 0; } .select2-container .select2-selection--single .select2-selection__rendered[title="es"] { background-image: url(../images/languages/es.svg); } .select2-container .select2-selection--single .select2-selection__rendered[title="en"] { background-image: url(../images/languages/en.svg); } .select2-container .select2-selection--single .select2-selection__rendered[title="gl"] { background-image: url(../images/languages/gl.svg); } header .menu .menuCont .menulang { display: none; } .contactBox { display: flex; padding: 20px; justify-content: center; text-align: center; flex-flow: column; width: 100%; font-weight: var(--bold1); font-size: 18px; line-height: 140%; } .contactBox:after { margin: 0 0 8px; order: 1; content: "\f82d"; font-family: "Font Awesome 6 Pro"; font-size: 40px; font-weight: 300; color: var(--primary); line-height: 100%; } .contactBox > div { margin: 0 0 8px; order: 2; } .contactBox > div .title { margin: 0 !important; font-size: 20px; line-height: 140%; } .contactBox > div .desc { font-weight: 400; display: none; } .contactBox .socialUl { margin: 0; text-transform: uppercase; order: 3; } .contactBox .socialUl li { display: inline-flex; margin: 2px; border-radius: var(--radius1); font-size: 14px; background: #eee; } .contactBox .socialUl a { text-decoration: none; color: #fff; display: inline-flex; align-items: center; justify-content: center; margin: 2px; padding: 0 8px; } .contactBox .socialUl a span span { margin-left: 4px; margin-left: 4px; } .contactBox .socialUl .instagram { background-color: #d10869; padding: 0; } .contactBox .socialUl .instagram a { color: #fff; } .contactBox .socialUl .twitter { background-color: #1da1f2; padding: 0; } .contactBox .socialUl .twitter a { color: #fff; } .contactBox .socialUl .facebook { background-color: #3b5998; padding: 0; } .contactBox .socialUl .facebook a { color: #fff; } .contactBox .socialUl .whatsapp { background-color: #128c7e; } .contactBox .socialUl .whatsapp a { color: #fff; } .contactBox .socialUl .phone { } .contactBox .socialUl .phone a { color: #333; } .contactBox .socialUl .mail { } .contactBox .socialUl .mail a { color: #333; } .contactBox .socialUl .mobile { } .contactBox .socialUl .mobile a { color: #333; } .contactBand { color: #666; display: flex; padding: 20px 8px; justify-content: space-between; width: 100%; font-size: 18px; line-height: 140%; align-items: center; text-align: left; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .contactBand > div { margin: 0 0 8px; width: 100%; } .contactBand > div .title { margin: 0 0 8px; font-size: 24px; line-height: 120%; font-weight: var(--bold1); color: #333; } .contactBand > div .desc { } .contactBand .socialUl { margin: 0 0 4px; text-transform: uppercase; text-align: right; flex-shrink: 0; } .contactBand .socialUl li { display: inline-flex; margin: 2px; border-radius: var(--radius1); font-size: 16px; background-color: var(--secondary); } .contactBand .socialUl a { text-decoration: none; color: #fff; display: inline-flex; align-items: center; justify-content: center; margin: 2px; padding: 4px 12px; } .contactBand .socialUl .phone > a { color: #fff; } .contactBand .socialUl a span span { margin-left: 4px; margin-left: 4px; } /*CAJON CONTACTO*/ .duda1 { background: #999; color: #fff; } .duda1 .dudaCont { } .duda1 .dudaCont .dudaContText { margin: 0 0 8px; } .duda1 .dudaCont .dudaContText .DCTTitle { font-size: 28px; line-height: 120%; } .duda1 .dudaCont .dudaContButtons { } .duda1 .dudaCont .dudaContButtons a { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; color: #999; background-color: white; border-radius: 40px; padding: 8px 16px; font-size: 16px; line-height: 100%; margin: 4px; } .duda1 .dudaCont .dudaContButtons a i { margin-right: 4px; transform: scaleX(-1) } /*BANNERS POR DEFECTO*/ .dvBanner { display: flex; align-items: center; justify-content: center; flex-direction: column; color: #333; padding: 20px; font-size: 20px; font-weight: var(--bold1); line-height: 140%; text-align: center; } .dvBanner:after { font-weight: 900; font-family: "Font Awesome 6 Pro"; font-weight: 300; color: var(--primary); font-size: 40px; display: block; flex-shrink: 0; line-height: 100%; text-align: center; width: 68px; text-align: center; order: 1; } .dvBanner:before { margin-right: 20px; } .dvBanner:after { margin: 0 0 8px; } .dvBanner .dvBannerCont { width: 100%; font-weight: var(--bold1); order: 2; max-width: 290px; } .dvBanner .dvBannerCont a:not(.dvBannerContLink4) { font-size: 14px; color: inherit; line-height: 120%; display: block; margin-top: 8px; color: #666; } .dvBanner .dvBannerCont .dvBannerContLink4 { color: inherit; } .dvBanner .dvBannerCont .dvBannerContText4 { text-transform: lowercase; } /*BANNERS PERSONALIZADOS*/ .secureBox { color: #39b549; } .secureBox:after { content: "\f2f7"; } .secureBox .dvBannerCont { } .secureBox .dvBannerCont p:first-child { font-size: 26px; } .secureBox .dvBannerCont p span { display: inline-block; } .secureBox .dvBannerCont p span:not(:first-child) { margin-left: 4px; } .secureBox .dvBannerCont a { } .dvBannerContLink4 { } .envioBox { } .envioBox:after { content: "\f48b"; font-family: "Font Awesome 6 Pro"; } .envioBox .dvBannerCont { } .envioBox .dvBannerCont a { } .dvBanner.envioMini { padding: 12px; justify-content: center; background: #37474f; color: #ffffff; margin: 0 !important; } .dvBanner.envioMini:before { content: "\f48b"; font-family: "Font Awesome 6 Pro"; font-size: 20px; width: auto; margin-right: 12px; } .dvBanner.envioMini .dvBannerCont { width: auto; flex-flow: row wrap; text-transform: uppercase; font-size: 16px; letter-spacing: 2px; line-height: 16px; align-items: center; justify-content: center; text-align: center; } .dvBanner.envioMini .dvBannerCont a:not(.dvBannerContLink4) { font-size: 12px; line-height: 12px; display: inline-block; margin: 4px; /* opacity: 0.5; */ text-transform: lowercase; letter-spacing: 0; } .dvBanner.envioMini .dvBannerCont .dvBannerContText4 { text-transform: uppercase; } .dvBanner.fbBox { font-size: 24px; } .dvBanner.fbBox:after { content: "\f09a"; font-family: "Font Awesome 5 Brands"; color: #3B5998; } .dvBanner.fbBox .dvBannerCont .dvBannerCont { } .dvBanner.fbBox .dvBannerCont a { text-decoration: none; color: inherit; margin: 0; font-size: 20px; } .dvBanner.fbBox .dvBannerCont a span:last-of-type { display: inline-block; } .dvBanner.fbBox iframe { height: 20px; margin-top: 12px; max-width: 100%; display: none; } .dvBanner.twBox { font-size: 24px; } .dvBanner.twBox:after { content: "\f099"; font-family: "Font Awesome 5 Brands"; color: #1da1f2; } .dvBanner.twBox .dvBannerCont { } .dvBanner.twBox .dvBannerCont a { text-decoration: none; color: inherit; margin: 0; font-size: 20px; } .dvBanner.twBox .dvBannerCont a span:last-of-type { display: inline-block; } .dvBanner.instaBox { font-size: 24px; } .dvBanner.instaBox:after { content: "\f16d"; font-family: "Font Awesome 5 Brands"; color: #D10869; } .dvBanner.instaBox .dvBannerCont { } .dvBanner.instaBox .dvBannerCont a { text-decoration: none; color: inherit; font-size: inherit; margin: 0; font-size: 20px; } .dvBanner.instaBox .dvBannerCont a span:last-of-type { display: inline-block; } .dvBanner.urgentBox { } .dvBanner.urgentBox:after { content: "\f48c"; } .dvBanner.urgentBox .dvBannerCont { } .dvBanner.urgentBox .dvBannerCont a { } .dvBanner.urgentBox .dvBannerCont span:last-of-type { font-size: 28px; line-height: 120%; margin-left: 8px; } .dvBanner.interBox { } .dvBanner.interBox:after { content: "\f072"; } .dvBanner.interBox .dvBannerCont .dvBannerCont { } .dvBanner.interBox .dvBannerCont a { } .dvBanner.interBox .dvBannerCont span:last-of-type { word-break: break-all; } .dvBanner.privateBox { } .dvBanner.privateBox:after { content: "\f21b"; } .dvBanner.privateBox .dvBannerCont .dvBannerCont { } .dvBanner.privateBox .dvBannerCont a { } .dvBanner.privateBox .dvBannerCont p:first-child span:last-of-type { font-size: 28px; line-height: 120%; margin-left: 8px; } .defaultBox { padding: 12px; background-color: #eee; } /*BOX DE FORMULARIO*/ .formBox { /* background-color: #f0f0f0; */ padding: var(--section-margin) 16px; background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(240,240,240,0) 100%); background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%); background: linear-gradient(to bottom, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#00f0f0f0',GradientType=0 ); } .formBox > div { max-width: var(--max-width); text-align: center; margin: 0 auto; padding: 20px; box-shadow: 0 -12px 12px rgba(0,0,0,0.05); border-radius: 8px; background-color: #fff; } .formBox > div > p { margin: 0 0 12px; } .formBox > div #ulContatoInfo { } .formBox > div #ulContatoInfo .dvContatoInfoSup { display: flex; justify-content: space-between; } .formBox > div #ulContatoInfo .dvContactoFormLeft { } .formBox > div #ulContatoInfo .dvContactoFormRight { margin-left: 8px; } .formBox > div #ulContatoInfo input[type="text"], .formBox > div #ulContatoInfo input[type="tel"], .formBox > div #ulContatoInfo input[type="email"], .formBox > div #ulContatoInfo textarea { padding: 12px; } .formBox > div #ulContatoInfo .dvContatoInfoSub { } .formBox > div #ulContatoInfo .dvContatoInfoSub { display: flex; flex-flow: row wrap; justify-content: center; } .formBox > div #ulContatoInfo .dvContatoInfoSub #bc_enviar { width: calc(50% - 6px); } /*MIGAS DE PAN*/ .breadcrumb { margin: 0 0 20px; font-size: 90%; opacity: 0.9; } .breadcrumb ol { padding: 0 !important; display: flex; flex-flow: row wrap; } .breadcrumb ol li { list-style: none; display: inline-flex; align-items: center; margin-right: 8px; max-width: 100%; } .breadcrumb ol li:not(:first-child):before { content: "\f105"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-right: 8px; font-size: 10px; line-height: 10px; } .breadcrumb ol li > span, .breadcrumb ol li > a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .breadcrumb ol li a { color: inherit; text-decoration: none; } .breadcrumb ol li a:hover { text-decoration: underline; } /***FOOTER***/ footer { background: #333; color: white; } footer a { color: inherit; text-decoration: none; display: inline-block; } footer .footerInfo { padding: 30px 16px; } footer .footerInfo .footerInfoCont { display: flex; justify-content: space-between; flex-flow: row wrap; max-width: var(--max-width); margin: 0 auto; } footer .footerInfo .footerInfoCont .FICBox:first-of-type { width: 25%; order: 1; } footer .footerInfo .footerInfoCont .FICBox:nth-of-type(2) { width: 25%; order: 3; } footer .footerInfo .footerInfoCont .FICBox:last-of-type { width: 40%; order: 5; } footer .footerInfo .footerInfoCont .vline { width: 1px; background: rgba(255,255,255,0.1); } footer .footerInfo .footerInfoCont:before, footer .footerInfo .footerInfoCont:after { content: ""; border-left: 1px solid rgba(255,255,255,0.1); } footer .footerInfo .footerInfoCont:before { order: 2; } footer .footerInfo .footerInfoCont:after { order: 4; } footer .footerInfo .footerInfoCont .FICBox ul { list-style: none; } footer .footerInfo .footerInfoCont .FICBox .FICBoxTitle { margin-bottom: 8px; text-transform: uppercase; font-weight: var(--bold1); font-size: 18px; line-height: 140%; } footer .footerInfo .footerInfoCont .FICBox .FICBoxList { column-count: 2; } footer .footerInfo .footerInfoCont .FICBox .FICBoxList li { display: inline-flex; width: 100%; padding: 4px 0; } footer .footerInfo .footerInfoCont .FICBox .FICBoxList li a:hover { text-decoration: underline; } footer .footerInfo .footerInfoCont .FICBox .FICBoxList li:before { content: "\f105"; font-weight: 300; font-family: "Font Awesome 6 Pro"; margin-right: 6px; } footer .footerInfo .footerInfoCont .FICBox .FICBoxPagos { line-height: 0; margin-top: 12px; } footer .footerInfo .footerInfoCont .FICBox .FICBoxPagos li { display: inline-block; margin: 0 4px 4px 0; } footer .footerInfo .footerInfoCont .FICBox .FICBoxPagos li img { max-width: 60px; display: block; } footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .FICBox:nth-last-of-type(2) { width: 40%; order: 5; } footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .dvCajaBannerPerso.FICBox { all: unset; border-top: 1px solid rgba(255,255,255,0.1); width: 100%; order: 6; margin-top: 20px; padding-top: 20px; } footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .dvCajaBannerPerso.FICBox nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; } footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .dvCajaBannerPerso.FICBox nav a { display: inline-flex; padding: 8px 16px; background: rgba(0,0,0,0.2); border-radius: 4px; } footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .dvCajaBannerPerso.FICBox nav a:hover { background: rgba(0,0,0,0.4); } @media screen and (max-width: 768px) { footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .FICBox:nth-last-of-type(2) { width: 100%; margin: 12px 0; } } /*CATALOGO*/ body.catalog footer .footerInfo .footerInfoCont .FICBox:first-of-type { width: 58%; } body.catalog footer .footerInfo .footerInfoCont .FICBox:nth-of-type(2) { width: 0; } body.catalog footer .footerInfo .footerInfoCont .FICBox:last-of-type { width: 38%; } body.catalog footer .footerInfo .footerInfoCont:after { display: none; } body.catalog footer .footerInfo .footerInfoCont .FICBox .FICBoxList { column-count: 1; } footer .footerEnd { padding: 12px 20px 40px; background-color: rgba(0,0,0,0.1); font-size: 14px; } footer .footerEnd .footerEndCont { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; max-width: var(--max-width); margin: 0 auto; } footer .footerEnd .footerEndCont .FECLegal { margin: 0 8px 0 0; } footer .footerEnd .footerEndCont .FECPaxinas { font: normal 12px/120% Arial; display: flex; align-items: flex-end; margin: 12px 0 12px auto; } footer .footerEnd .footerEndCont .FECPaxinas a { display: block; color: inherit; font: normal 12px/16px Arial; text-transform: uppercase; opacity: 0.3; background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0)); } /*CHEKBOX*/ .checkBoxCont { display: flex; align-items: center; } .checkBoxCont:not(:last-child) { margin-bottom: 12px; } .checkBoxCont .checkBox { margin: 0 8px 0 0 !important; flex-shrink: 0; } .checkBox { position: relative; cursor: pointer; line-height: 22px; margin-right: 4px; overflow: hidden; flex-shrink: 0; } .checkBox input { position: absolute; z-index: 1; opacity: 0; cursor: pointer; width: 100%; height: 100%; top: 0; left: 0; } .checkBox .control_indicator { top: 1px; left: 0; width: 20px; height: 20px; background: white; border: 1px solid #ccc; border-radius: 4px; text-align: center; line-height: 16px; color: #666; } .checkBox .control_indicator:after { content: ""; font-weight: 900; font-family: "Font Awesome 6 Pro"; width: 100%; text-align: center; font-size: 14px; display: flex; align-items: center; justify-content: center; height: 18px; } .checkBox input:disabled ~ .control_indicator:after { border-color: #7b7b7b; } .checkBox input:checked ~ .control_indicator:after { content: "\f00c"; } .checkText { display: flex; align-items: flex-start; } .checkText .checkBox { flex-shrink: 0; margin-right: 4px; } /*RADIOBUTTON*/ .radiobtn { display: inline-flex; align-items: center; } .radiobtn input[type="radio"] { opacity: 0; position: absolute; width: 20px; height: 20px; } .radiobtn > span { display: flex; align-items: center; } .radiobtn > span:before { content: ""; display: inline-block; height: 16px; width: 16px; background: white; border: 2px solid #ccc; border-radius: 100%; text-align: center; line-height: 16px; margin: 0px 5px 0 0; vertical-align: middle; cursor: pointer; flex-shrink: 0; } .radiobtn input[type="radio"]:checked ~ span:before { background: #666666; background: -moz-radial-gradient(center, ellipse cover, #666666 0%, #666666 40%, #ffffff 50%, #ffffff 100%, #ffffff 100%); background: -webkit-radial-gradient(center, ellipse cover, #666666 0%,#666666 40%,#ffffff 50%,#ffffff 100%,#ffffff 100%); background: radial-gradient(ellipse at center, #666666 0%,#666666 40%,#ffffff 50%,#ffffff 100%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#ffffff',GradientType=1 ); } /*CONTENEDOR GENÉRICO*/ .generic { padding: 20px 20px 40px; } .generic .genericCont { max-width: var(--max-width); margin: 0 auto; } .genericDesc { align-self: center; } .genericDesc:not(:last-child) { margin: 0 0 20px; } .genericDesc .genericDescCont:not(:last-child) { margin: 0 0 20px; } .genericDesc ul, .genericDesc ol { padding-left: 18px; } .genericDesc ul:not(:last-child), .genericDesc ol:not(:last-child), .genericDesc p:not(:last-child) { margin: 0 0 12px; } .genericDesc > span .morelink { font-size: 14px; /* background: rgba(0,0,0,0.05); */ /* padding: 4px 8px; */ border-radius: var(--radius1); margin-top: 8px; display: inline-block; } .generic .genericCont p:not(:last-child) { margin: 0 0 20px; } .generic .genericCont ul, .generic .genericCont ol { padding-left: 18px; list-style: disc; } .generic .genericCont ul:not(:last-child), .generic .genericCont ol:not(:last-child) { margin: 0 0 20px; } .generic .genericCont > ul > li, .generic .genericCont > ol li, .generic .genericCont > div > *:not(.breadcrumb) ol li { margin: 0 0 4px !important; } /***LISTADO MARCAS***/ .Marcas .genericCont .listadoMarcas { overflow: hidden; } .Marcas .genericCont .listadoMarcas ul { display: flex; flex-flow: row wrap; margin-left: -8px; width: calc(100% + 16px); padding: 0; } .Marcas .genericCont .listadoMarcas ul li { width: calc(16.6666% - 16px); margin: 0 0 20px; list-style: none; text-align: center; margin: 8px; padding: 8px; background: #f5f5f5; } .Marcas .genericCont .listadoMarcas ul li a { color: inherit; text-decoration: none; } .Marcas .genericCont .listadoMarcas ul li .listadoMarcasImg { display: flex; position: relative; padding-bottom: 100%; margin: 0 0 8px; background: #fff; } .Marcas .genericCont .listadoMarcas ul li .listadoMarcasImg img { display: block; max-width: 90%; max-height: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } /****SLIDE CUPONES****/ .slideCupones { text-align: center; background: var(--primary); background-image: linear-gradient(rgba(255,255,255,0.90),rgba(255,255,255,0.90)); font-size: 16px; line-height: 20px; padding: 20px; } .slideCupones .slideCuponesCont { max-width: var(--max-width); margin: 0 auto; width: 100%; /* display: flex; */ } .slideCupones .slideCuponesCont .switem { padding: 0; } .slideCupones .slideCuponesCont .slideCuponesInfo { flex-shrink: 0; display: flex; align-items: center; align-content: center; /* padding: 4px 32px; background-color: rgba(0,0,0,0.1); */ } .slideCupones .slideCuponesCont .slideCuponesInfo .title2 { display: block; margin: 0 0 12px; width: 100%; font-size: 20px; } .slideCupones .slideCuponesCont .slideCuponesInfo .title2:after { content: "\f061"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-left: 12px; display: none; } .slideCupones .slideCuponesCont .slideCuponesInfo .desc { display: none; } .slideCupones .slideCuponesCont .sliderCuponesRes { display: flex; justify-content: center; align-items: center; /* padding: 12px 8px; */ background-color: #fff; border-radius: var(--radius-default); } .slideCupones .slideCuponesCont .sliderCuponesRes .swiper-wrapper { display: flex; align-items: inherit; } .slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo { margin: 0 20px; padding: 8px; border-radius: var(--radius-default); } .slideCupones .slideCuponesCont .sliderCuponesRes .nombre { display: block; font-weight: var(--bold1); } .slideCupones .slideCuponesCont .sliderCuponesRes .nombre a { text-decoration: none; } .slideCupones .slideCuponesCont .sliderCuponesRes .img img { display: block; width: 100%; } .slideCupones .swiper-button-next, .slideCupones .swiper-button-prev { font-size: 18px; } .slideCupones .slideCuponesCont .sliderCuponesRes .swiper-pagination { bottom: -6px; } .slideCupones .slideCuponesCont .btnInfo { margin: 8px auto 0; font-size: 14px; } .slideCupones .slideCuponesCont .btnInfo a { color: #666; } .slideCupones3 { text-align: center; line-height: 20px; padding: var(--section-margin) 16px; } .slideCupones3:not(:last-child) { margin: 0; } .slideCupones3 .slideCuponesCont { max-width: var(--max-width); margin: 0 auto; width: 100%; font-size: 16px; } .slideCupones3 .slideCuponesCont .switem { } .slideCupones3 .slideCuponesCont .slideCuponesInfo { flex-shrink: 0; display: flex; align-items: center; align-content: center; /* padding: 4px 32px; */ /* background-color: rgba(0,0,0,0.1); */ flex-direction: column; } .slideCupones3 .slideCuponesCont .slideCuponesInfo .title2 { display: block; /* margin: 0 0 12px; */ width: 100%; /* font-size: 24px; */ } .slideCupones3 .slideCuponesCont .slideCuponesInfo .title2:last-child { margin: 0; } .slideCupones3 .slideCuponesCont .slideCuponesInfo .title2:after { content: "\f061"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-left: 12px; display: none; } .slideCupones3 .slideCuponesCont .slideCuponesInfo .desc { } .slideCupones3 .slideCuponesCont .sliderCuponesRes { display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: var(--radius-default); padding: 20px 0; } .slideCupones3 .slideCuponesCont .sliderCuponesRes .switem { width: calc(33.333% - 12px + 4px) } /* 4px es el margen de Swiper */ .slideCupones3 .slideCuponesCont .sliderCuponesRes .swiper-wrapper { display: flex; align-items: inherit; } .slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo { border-radius: var(--radius-default); background: #ffffff; flex: 1; display: flex; overflow: hidden; border: 1px solid #eee; } .slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo:before { font-weight: 900; font-family: "Font Awesome 6 Pro"; content: "\f295"; background: #333; color: #fff; width: 60px; flex-shrink: 1; display: flex; justify-content: center; align-items: center; display: none; } .slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo .cuponInfoCont { width: 100%; text-align: center; /* padding: 8px; */ display: flex; flex-direction: row; min-height: 120px; } .slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo .cuponInfoCont .cuponInfoContText { width: 100%; min-height: 90px; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 8px; } .slideCupones3 .slideCuponesCont .sliderCuponesRes .img { overflow: hidden; width: 120px; display: flex; /* align-items: center; */ /* display: none; */ flex-shrink: 0; } .slideCupones3 .slideCuponesCont .sliderCuponesRes .img a { display: flex; /* align-items: center; */ justify-content: center; width: 100%; position: relative; } .slideCupones3 .slideCuponesCont .sliderCuponesRes .img a img { display: block; width: 100%; height: 100%; object-fit: cover; flex: 1; position: absolute; } .slideCupones3 .slideCuponesCont .sliderCuponesRes .nombre { display: flex; font-weight: var(--bold1); align-items: center; /* padding: 8px; */ width: 100%; justify-content: center; margin: 0 0 8px; } .slideCupones3 .slideCuponesCont .sliderCuponesRes .nombre a { font-size: 18px; line-height: 22px; color: inherit; text-decoration: none; } .slideCupones3 .slideCuponesCont .sliderCuponesRes .desc .codigo { background: rgba(0,0,0,0.05); padding: 4px 8px; } .slideCupones3 .slideCuponesCont .sliderCuponesRes p:not(.nombre):not(.desc) { max-height: 60px; overflow: hidden; position: relative; min-height: 40px } .slideCupones3 .slideCuponesCont .sliderCuponesRes p:not(.nombre):not(.desc):before { content: ""; width: 100%; height: 16px; position: absolute; bottom: 0; left: 0; z-index: 1; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } .slideCupones3 .swiper-button-next, .slideCupones3 .swiper-button-prev { font-size: 16px; } .slideCupones3 .swiper-button-next { right: 0; } .slideCupones3 .swiper-button-prev { left: 0; } .slideCupones3 .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { transform: none; -webkit-transform: none; } .slideCupones3 .slideCuponesCont .sliderCuponesRes .swiper-pagination { position: static; margin-top: 12px; } .slideCupones3 .slideCuponesCont .btnInfo { margin: 8px auto 0; font-size: 14px; display: none; } .dvBanner.slideCupones { } .dvBanner.slideCupones .slideCuponesCont { } .dvBanner.slideCupones .slideCuponesCont .switem { } .dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo { } .dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo .title2 { } .dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo .title2:last-child { } .dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo .title2:after { } .dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo .desc { } .dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes { padding: 0px 0 12px; } .dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .switem { } .dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .swiper-wrapper { } .dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo { margin: 0; } .dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo:before { } .dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo .cuponInfoCont { } .dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo .cuponInfoCont .cuponInfoContText { padding: 0 12px; } .dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .img { } .dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .img a { } .dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .img a img { display: block; margin: 0 auto 12px; max-height: 200px; max-width: 100%; } .dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .nombre { } .dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .nombre a { } .dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .desc .codigo { } .dvBanner.slideCupones .swiper-button-next, .slideCupones3 .swiper-button-prev { } .dvBanner.slideCupones .swiper-button-next { right: 2px; } .dvBanner.slideCupones .swiper-button-prev { left: 2px; } .dvBanner.slideCupones .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { } .dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .swiper-pagination { bottom: 0; } .dvBanner.slideCupones .slideCuponesCont .btnInfo { } /****FORMAS DE PAGO****/ .generic .genericCont .dvFormasPago { margin-bottom: 20px; } .generic .genericCont .dvFormasPago > ul { list-style: none; padding: 0; } .generic .genericCont .dvFormasPago > ul > li { margin: 0 0 20px } .generic .genericCont .dvFormasPago > ul .dvFormasPagoItem { margin: 0 0 8px; padding-top: 20px; border-top: 2px dashed rgba(0,0,0,0.2); } .generic .genericCont .dvFormasPago > ul .dvFormasPagoItem .dvFormasPagoItemNombre { margin: 0 0 4px; } .generic .genericCont .dvFormasPago > ul .dvFormasPagoItem .dvFormasPagoItemNombre > span > b { } .generic .genericCont .dvFormasPago > ul .dvFormasPagoCards { list-style: none; padding: 0; } .generic .genericCont .dvFormasPago > ul .dvFormasPagoCards > li { display: inline-block; margin: 2px 4px 2px 0; } .generic .genericCont .dvFormasPago > ul .dvFormasPagoCards > li img { width: 70px; } #dvAvisoPedMin { display: flex; font-weight: var(--bold1); background: rgba(0,0,0,0.05); border-radius: 4px; padding: 8px 16px } #dvAvisoPedMin p:last-child { margin: 0; } #dvAvisoPedMin:before { content: "\f05a"; font-weight: 400; font-family: "Font Awesome 6 Pro"; margin-right: 8px; } /****GASTOS DE ENVÍO****/ .generic .genericCont .dvGastosEnvio { } .generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div { margin: 0 0 20px; padding-top: 20px; border-top: 2px dashed rgba(0,0,0,0.2); } .generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div > p { margin: 0 0 8px; } .generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div img { display: block; max-width: 100%; margin: 0 0 8px; } .generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvGastosEnvioItemNombre b { font-size: 120% } .generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioPrecios { padding: 12px 16px; border-radius: 12px; background: -moz-linear-gradient(top, rgba(240,240,240,0.6) 0%, rgba(240,240,240,1) 100%); background: -webkit-linear-gradient(top, rgba(240,240,240,0.6) 0%,rgba(240,240,240,0) 100%); background: linear-gradient(to bottom, rgba(240,240,240,0.6) 0%,rgba(240,240,240,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#00f0f0f0',GradientType=0 ); } .generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioEnv .pEnviosA { margin: 0 0 8px; } .generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > div { padding: 8px 0; } .generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > ul { padding: 8px 0 8px 16px; } .generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > div .spnProv { font-weight: var(--bold1); margin-bottom: 4px; display: block; } .generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > div .comboProvincias { padding-left: 12px; margin: 0 0 8px; } .generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > div > ul { margin-left: 18px; } .generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > .ulRecogTiendaEst a { display: inline-flex; } .generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > .ulRecogTiendaEst a:after { content: "\f35d"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-left: 4px; font-size: 10px; text-decoration: none; } .fichaCupones { margin: 20px 0 0; } /****NEWSLETTER****/ .Newsletter .pTitulo { font-size: 32px; line-height: 34px; opacity: 0.6; } .Newsletter .pDesc { } .Newsletter .pDesc > span { display: block; } .Newsletter #dvNewsletterRegister #dvNewsletterRegisterCont form { display: flex; padding: 20px; border: 4px dashed rgba(0,0,0,0.1); margin: 0 auto 0 0; } .Newsletter #dvNewsletterRegister #dvNewsletterRegisterCont form > div { width: 50%; } .Newsletter #dlNewsletterRegister { padding: 0 8px; margin-left: 20px; } .Newsletter #dlNewsletterRegister > div > div { margin: 0 0 8px; } .Newsletter #dlNewsletterRegister > div > div label { display: none; margin: 0 0 4px; } .Newsletter #dlNewsletterRegister input[type="text"], .Newsletter #dlNewsletterRegister input[type="email"] { display: block; width: 100%; padding: 8px; border: 0; background: rgba(0,0,0,0.05); border-radius: 4px; } .Newsletter #dlNewsletterRegister div.dlNewsTac { margin: 0 0 12px; } .Newsletter #dlNewsletterRegister div.dlNewsTac > div { display: flex; align-items: center; justify-content: center; } .Newsletter #dlNewsletterRegister div.dlNewsTac div .checkBox { flex-shrink: 0; margin-right: 4px; } .Newsletter #dlNewsletterRegister div.dlNewsTac .txtTacError { color: #ff1100; display: block; text-align: center; } .Newsletter #dlNewsletterRegister .newsletterEnvio { /* display: flex; */ } .Newsletter #dlNewsletterRegister .newsletterEnvio .dlCaptcha { width: 160px; flex-shrink: 0; margin: 0 4px 0 0; } .Newsletter #dlNewsletterRegister .newsletterEnvio .dvCaptcha .dvOper { display: flex; align-items: center; } .Newsletter #dlNewsletterRegister .newsletterEnvio .dvCaptcha p { margin: 0; } .Newsletter #dlNewsletterRegister .newsletterEnvio .dvCaptcha span { display: none; } .Newsletter #dlNewsletterRegister .newsletterEnvio > div:last-child { width: 100%; } .Newsletter #dlNewsletterRegister .newsletterEnvio > div:last-child input[type="submit"] { background: #333; color: #fff; border: 0; padding: 8px 8px; text-decoration: none; display: flex; align-items: center; text-transform: uppercase; font-weight: var(--bold1); justify-content: center; width: 100%; border-radius: var(--radius1); } .Newsletter #dlNewsletterRegister .newsletterEnvio > div .ddCamposOblig { display: none; } .Newsletter #dlNewsletterRegister .newsletterEnvio > div .pLegal { font-size: 80%; line-height: 140%; margin: 12px 0 0; } .dvBtnVolver { margin: 12px 0; } .dvBtnVolver a { display: inline-flex; align-items: center; text-decoration: none; background: rgba(0,0,0,0.05); color: #333; padding: 8px 16px; border-radius: var(--radius1); } .dvBtnVolver a:before { content: "\f104"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-right: 8px; font-size: 10px; } /****PROMOCIONES****/ .generic .dvPromo { background: rgba(0,0,0,0.05); border-left: 8px solid rgba(0,0,0,0.1); display: flex; } .generic .dvPromo.flash { border-left: 8px solid #f8c931 } .generic .dvPromo:not(:last-child) { margin: 0 0 20px; } .generic .dvPromo .img { width: 200px; flex-shrink: 0; display: flex; /* align-items: center; */ justify-content: center; } .generic .dvPromo .img a { display: flex; width: 100%; flex: 1; align-items: flex-start; justify-content: center; /* background: rgba(0,0,0,0.05); */ padding: 12px 0 12px 12px; } .generic .dvPromo .img a img { width: 100%; border-radius: var(--radius-default); display: block; } .generic .dvPromo .left { padding: 12px; width: 100%; font-size: 14px; line-height: 20px; display: flex; flex-direction: column; justify-content: center; } .generic .dvPromo .left .dvPromoNombre { margin: 0 0 8px; } .generic .dvPromo .left a { font-size: 20px; line-height: 24px; } .generic .dvPromo .right { width: 320px; flex-shrink: 0; background: rgba(0,0,0,0.05); padding: 20px; display: flex; flex-direction: column; justify-content: center; } .generic .dvPromo .right p:not(:last-child) { margin: 0 0 8px; } .generic .dvPromo .right .code { } .generic .dvPromo .right .code .sin, .generic .dvPromo .right .code span:first-child { background: white; display: block; text-align: center; padding: 8px; border: 2px dashed rgba(0,0,0,0.2); font-size: 20px; line-height: 20px; margin: 0 0 8px; } .generic .dvPromo .right .code span:last-child:not(:first-child) { display: block; font-size: 14px; line-height: 16px; } .generic .dvPromo .right p.copy, .generic .dvPromo .right p.nocopy { font-weight: var(--bold1); } .generic .dvPromo .right p.of { display: block; text-align: center; background: #333; color: #fff; padding: 8px; border-radius: 4px; font-weight: var(--bold1); } .generic .dvPromo .right .campExpressDesc { text-align: center; } .generic .dvPromo .right .campExpressDesc .campExpressDescCont > div { display: block; } /*PROMO FLASH*/ .generic .dvPromo.flash { } .generic .dvPromo.flash .right > p { font-weight: var(--bold1); } .generic .dvPromo.flash .right > p > span { display: flex; text-align: center; background: #333; color: #fff; padding: 8px 12px; border-radius: 4px; font-weight: var(--bold1); overflow: hidden; margin-top: 8px; justify-content: center; } .generic .dvPromo.flash .right > p > span:before { content: "\f2f2"; font-weight: 400; font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 8px; color: #fff; font-size: 120%; flex-shrink: 0; transform: scale(2.4) rotate(-20deg); opacity: .6; margin-right: 24px; } /****CHEQUES****/ .Cheque .pTitulo { font-size: 32px; line-height: 34px; opacity: 0.6; } .Cheque .pDesc { } .Cheque .pDesc > span { display: block; } .Cheque input[type="text"] { display: block; width: 100%; padding: 8px; border: 0; background: rgba(0,0,0,0.05); border-radius: 4px; } #dvValidarChequeRegalo { border: 4px dashed rgba(0,0,0,0.1); display: flex; padding: 20px; } #dvValidarChequeRegalo > div { width: 100%; } #dvValidarChequeRegalo > form { width: 100%; max-width: 500px; margin-left: 20px; } .Cheque .validarCheque { } .Cheque .validarCheque > * { margin: 0 0 8px } .Cheque .validarCheque .dvOper { display: flex; } .Cheque .validarCheque .dvOper input { width: 100% } .Cheque .validarCheque .dvOper img { flex-shrink: 0; } .Cheque input[type="submit"] { background: #333; color: #fff; border: 0; padding: 8px 20px; text-decoration: none; display: flex; align-items: center; text-transform: uppercase; font-weight: var(--bold1); justify-content: center; width: 100%; border-radius: var(--radius1); } /****CONTACTO****/ #dvContactoCont { display: flex; } #dvContactoInfo { width: 100%; } #dvContactoInfo .ContactoInfo p { margin: 0 0 8px; } #dvContactoInfo .ContactoInfo { } #dvContactoInfo .ContactoMapa { margin-top: 20px; position: relative; min-height: 200px; } #dvContactoInfo .ContactoMapa iframe { display: block; width: 100%; height: 380px; } .dvContactoForm, #dvContactoPeticionFeita { padding: 0 0 0 20px; border-left: 4px dashed rgba(0,0,0,0.1); max-width: 400px; flex-shrink: 0; margin-left: 20px; display: flex; flex-direction: column; justify-content: center; } .dvContactoForm .spnContactoTitulo { display: block; margin: 0 0 8px; } .dvContactoForm .spnContactoTitulo a { color: inherit; } .dvContactoForm .spnContactoCont span { display: inline-block; } #dvContactoResult { background: rgba(0,0,0,0.05); padding: 12px; border-radius: 8px; margin: 8px 0; border: 1px solid rgba(0,0,0,0.1) } #dvContactoResult b { text-transform: uppercase; font-size: 120%; line-height: 140%; margin: 0 0 8px; display: inline-block; } #ulContatoInfo { } #ulContatoInfo .spnContactoTit { display: none; } #ulContatoInfo .dvContactoFormItem, #ulContatoInfo .dvContactoFormGroup { margin: 0 0 12px; } #ulContatoInfo input[type="text"], #ulContatoInfo input[type="tel"], #ulContatoInfo input[type="email"], #ulContatoInfo textarea { display: block; width: 100%; padding: 8px; border: 0; background: rgba(0,0,0,0.05); border-radius: 4px; } #ulContatoInfo textarea { resize: vertical; } .dvContatoInfoSup { display: block; } .dvContatoInfoSup .dvContactoFormLeft { width: 100%; margin-right: 4px; } .dvContatoInfoSup .dvContactoFormLeft .dvContactoFormItem { width: 100%; } .dvContatoInfoSup .dvContactoFormLeft .dvContactoFormItem input { width: 100%; } .dvContatoInfoSup .dvContactoFormRight { width: 100%; display: flex; } .dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem { width: 100%; display: flex; flex-direction: column; } .dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo { flex: 1; display: flex; } .dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo label { display: flex; } .dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo label, .dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo textarea { width: 100%; /* height: 100%; */ } .dvContatoInfoSub { } .dvContatoInfoSub .ulContatoInfoSubItem { display: flex; justify-content: space-between; } .dvContatoInfoSub .ulContatoInfoSubItem .dvContactoInfo:last-child { width: 100%; max-width: 400px; } .dvContatoInfoSub .tac { display: block; margin: 0 0 12px; } .dvContatoInfoSub .tac .dvContactoInfo { display: flex; align-items: center; justify-content: center; line-height: 100%; } .dvContatoInfoSub .tac .txtTacError { display: none; } .dvContatoInfoSub .dvCaptcha { width: 160px; flex-shrink: 0; margin: 0 4px 0 0; } .dvContatoInfoSub .dvCaptcha .dvOper { display: flex; align-items: center; } .dvContatoInfoSub .dvCaptcha p { margin: 0; } .dvContatoInfoSub .dvCaptcha .captchaDesc { display: none; } .dvContatoInfoSub input[type="button"] { background: #333; color: #fff; border: 0; padding: 8px 8px; text-decoration: none; display: flex; align-items: center; text-transform: uppercase; font-weight: var(--bold1); justify-content: center; width: 100%; border-radius: var(--radius1); } .dvContatoInfoSub .pLegal { font-size: 80%; line-height: 140%; margin: 4px 0 8px; width: 100%; opacity: .7 } /****USUARIOS****/ /*ALTA USUARIOS*/ .usuarios { } .usuarios #datosFactCiudad, .usuarios #datosEnvio_ciudad { display: none; } .usuarios .pDatosGenerales { padding-bottom: 4px; border-bottom: 1px solid rgba(0,0,0,0.1); font-weight: var(--bold1); } .usuarios .dvDatosGenerales .dlSeleccPartEmpr { margin: 0 0 12px; } .usuarios .dvDatosGenerales .dlSeleccPartEmpr .radiobtn:nth-of-type(2) { margin-left: 12px; } .usuarios .dvDatosGenerales .altaCampoTitle { margin: 0 0 4px; } .usuarios .dvDatosGenerales .altaCampoTitle .spnInfo { opacity: 0.8; font-size: 12px; margin-left: 4px; line-height: 12px; display: inline-block; } .usuarios .dvDatosGenerales .dvDatosGeneralesForm { display: flex; justify-content: space-between; border-radius: 8px; } .usuarios .dvDatosGenerales .dvDatosGeneralesForm > div { display: inline-block; padding: 8px 0; width: 100%; } .usuarios .dvDatosGenerales .dvDatosGeneralesForm > div input[type=text], .usuarios .dvDatosGenerales > div input[type=email], .usuarios .dvDatosGenerales > div input[type=password], .usuarios .dvDatosGenerales > div select, .usuarios .dvDatosGenerales > div textarea { display: block; width: 100%; padding: 8px; border: 0; background: rgba(0,0,0,0.05); border-radius: 4px; margin: 0 0 8px; } .usuarios .dvDatosGenerales .dvDatosGeneralesForm .dvDatosGeneralesFormLeft { margin-right: 20px; } .usuarios .dvDatosGenerales .dvDatosGeneralesForm .dvDatosGeneralesFormRight { border-left: 2px solid rgba(0,0,0,0.05); padding-left: 20px; } .usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaNombre { } .usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaNombreEmpresa { } .usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaNombreParticular { } .usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect { display: flex; justify-content: space-between; } .usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect span { width: 24%; display: block; flex-shrink: 0; } .usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect span:nth-child(2) { width: 49% } .usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha select { padding: 8px; border: 0; border-radius: 4px; background: rgba(0,0,0,0.05); width: 100%; } .usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaEmail { } .usuarios .dvDatosGenerales .required { margin: 0 0 12px; text-align: right; font-size: 14px; } /*EDITAR USUARIOS*/ .usuarios .modNewsTac { margin: 20px 0; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; } .usuarios .modNewsTac .checkText { margin: 0 0 8px; display: flex; } .usuarios .dvRegister { margin-top: 12px; display: flex; justify-content: space-between; } .usuarios .dvRegister input[type="button"] { background: #333; color: #fff; border: 0; padding: 8px 8px; text-decoration: none; display: flex; align-items: center; text-transform: uppercase; font-weight: var(--bold1); justify-content: center; width: 100%; max-width: 200px; margin-left: 12px; border-radius: var(--radius1); } .usuarios .altaNewsTac { margin: 12px 0; overflow: hidden; display: flex; flex-direction: column; /* align-items: flex-end; */ background-color: rgba(0,0,0,0.05); padding: 12px; margin-left: calc(50% + 28px); border-radius: 4px; } .usuarios .altaNewsTac .altaNewsTacCont { } .usuarios .altaNewsTac .checkText { display: flex; } .usuarios .altaNewsTac .checkText:not(:last-child) { margin: 0 0 8px; display: flex; } .envioIgual { margin-bottom: 20px } /*INICIO USUARIOS*/ .usuarios .dvUserMod { padding: 12px; margin: 0 0 12px; background-color: rgba(0,0,0,0.05); border-radius: 4px; } .usuarios .dvUserMod:last-child { margin-bottom: 20px; } .usuarios .dvUserMod p.pDatos, .usuarios .dvUserMod p.pPedidos { display: flex; align-items: center; margin: 0 0 8px; } .usuarios .dvUserMod p.pDatos:before, .usuarios .dvUserMod p.pPedidos:before { content: "\f105"; font-weight: 600; font-family: "Font Awesome 6 Pro"; margin-right: 8px; font-size: 12px; color: #666; } .usuarios .dvUserMod .pDatos a, .usuarios .dvUserMod .pPedidos a { font-size: 18px } /*RECUPERAR CONTRASEÑA*/ #dvPassRec form { max-width: 540px; padding: 12px; background-color: rgba(0,0,0,0.02); border-radius: 4px; } #dvPassRec .dvDesc { margin: 0 0 12px; } #dvPassRec input[type="email"] { border: 0; background: #eee; border-radius: 4px; margin: 0 0 8px; padding: 8px 8px; width: 100%; } #dvPassRec input[type="submit"] { background: #333; color: #fff; border: 0; padding: 8px 8px; text-decoration: none; display: flex; align-items: center; text-transform: uppercase; font-weight: var(--bold1); justify-content: center; width: 100%; max-width: 320px; margin-top: 20px; border-radius: var(--radius1); margin-bottom: 4px; } #dvPassRec .dlUserMail { font-weight: var(--bold1); margin: 0 0 4px; } /*LISTA PEDIDOS*/ #dvPedidosListUserCont { } #dvPedidosListUserCont .dvNoResults { margin: 8px 0 0; padding: 20px; background: #fff9c4; border: 1px solid #e2dca7; border-radius: 4px; display: flex; align-items: flex-start; text-align: left; justify-content: center; } #dvPedidosListUserCont .dvNoResults:before { content: "\f05a"; font-family: "Font Awesome 6 Pro"; font-weight: 900; margin: 0 8px 0 0; font-size: 18px; line-height: 120%; } #dvPedidosListUserCont table { width: 100%; text-align: center; margin: 0 0 40px; } #dvPedidosListUserCont table th { padding: 8px; background: rgba(0,0,0,0.1); } #dvPedidosListUserCont table tr:nth-child(2n+1) { background: rgba(0,0,0,0.05) } #dvPedidosListUserCont table tr td { padding: 8px; } #dvPedidosListUserCont table tr td:first-child { width: 100px; min-width: 100px; } #dvPedidosListUserCont table tr td:last-child { width: 120px; min-width: 120px; } #dvPedidosListUserCont table tr td:last-child a { text-decoration: none; display: flex; align-items: center; } #dvPedidosListUserCont table tr td:last-child a:after { content: "\f105"; font-weight: 600; font-family: "Font Awesome 6 Pro"; margin-left: 8px; font-size: 12px; } /*DETALLES PEDIDO*/ .generic .genericCont #dvDetDetPed { margin: 0 0 12px; } .generic .genericCont #dvDetResumen, .generic .genericCont #dvDetFactEnv, .generic .genericCont #dvDetProdObs { padding: 20px; background: rgba(0,0,0,0.05); margin: 0 0 20px; border-radius: 4px; } .generic .genericCont #dvDetResumen p span:last-child { font-weight: var(--bold1); } .generic .genericCont p.pDetFactEnvEnc, .generic .genericCont p.pDetProdObsEnc, .generic .genericCont p.pDetProdPedEnc { margin: 0 0 12px; font-weight: var(--bold1); } .generic .genericCont #dvDetFactEnv { display: flex; } .generic .genericCont #dvDetFactEnv > * { width: 50%; padding: 8px; } .generic .genericCont #dvDetProdPed { padding: 12px; background: rgba(0,0,0,0.05); margin: 0 0 20px; border-radius: 4px; } .generic .genericCont #dvDetProdPed table { width: 100%; text-align: center; } .generic .genericCont #dvDetProdPed table.tblDetProdPedProdsCantImp { border-top: 2px dashed rgba(0,0,0,0.1); margin-bottom: 8px; } .generic .genericCont #dvDetProdPed table.tblDetProdPedProdsCantImp td, #dvDetProdPed table.tblDetProdPedProdsCantImp th { padding: 8px; } .generic .genericCont #dvDetProdPed table.tblDetProdPedProdsCantImp th:first-child, #dvDetProdPed table.tblDetProdPedProdsCantImp td:first-child { text-align: left; } .generic .genericCont #dvDetProdPed table td:last-child { width: 120px; max-width: 120px; min-width: 120px; } .generic .genericCont #dvDetProdPed table.tblDetProdPedTotales td { padding: 4px 8px; } .generic .genericCont #dvDetProdPed table.tblDetProdPedTotales td:first-child { text-align: right; } .generic .genericCont #dvDetProdPed table.tblDetProdPedTotales tr:last-child { font-weight: var(--bold1); } .generic .genericCont #dvDetPedUserBtns { text-align: center; } .generic .genericCont #dvDetPedUserBtns p { display: inline-block; margin: 4px 2px; } .generic .genericCont #dvDetPedUserBtns a { display: inline-block; padding: 8px 23px; background: rgba(0,0,0,0.8); color: #fff; text-decoration: none; border-radius: 4px; } .generic .genericCont #dvDetPedUserBtns a:after { content: "\f105"; font-weight: 600; font-family: "Font Awesome 6 Pro"; margin-left: 8px; font-size: 12px; } .generic .genericCont #dvDetPedUserReped { text-align: center; } .generic .genericCont #dvDetPedUserReped p { display: inline-block; margin: 4px 2px; } .generic .genericCont #dvDetPedUserReped a { display: inline-block; padding: 8px 23px; border: 1px solid rgba(0,0,0,0.8); color: rgba(0,0,0,0.8); text-decoration: none; border-radius: 4px; } .generic .genericCont #dvDetPedUserReped a:after { content: "\f105"; font-weight: 600; font-family: "Font Awesome 6 Pro"; margin-left: 8px; font-size: 12px; } .btnPromo a { display: block; background: #333; color: #fff; text-decoration: none; border-radius: 4px; padding: 6px 12px; } /*BORRAR USUARIO*/ .generic .genericCont #dvDelUserCont .dvDelUserForm > div { max-width: 460px; } .generic .genericCont #dvDelUserCont .dvDelUserForm .pDelUserFormBtn { max-width: 460px; } .generic .genericCont #dvDelUserCont .pDelUserFormCampOblig { text-align: right; font-size: 12px; color: #999; display: block; } /*VER CARRITO*/ .loggedCart { animation: blink 3s; -webkit-animation: blink 3s; } .loggedCart > p { background-color: #c3e6cb; color: #155724; padding: 4px; border: 1px solid #c3e6cb; border-radius: 4px; display: flex; margin-bottom: 12px; justify-content: center; align-items: center; line-height: 120%; } .loggedCart > p:before { content: "\f00c"; font-family: "Font Awesome 6 Pro"; font-weight: 900; margin: 0 8px 0 0; font-size: 18px; line-height: 120%; } #dvCestaCont { margin: 0 0 20px; } .dvCabRealizarPedidoMetodo .dvCabRealizarPedidoMetodoInt { padding-bottom: 4px; border-bottom: 1px solid rgba(0,0,0,0.1); font-weight: var(--bold1); margin: 0 0 12px; } #tblVerCesto { width: 100%; text-align: left; margin: 0 0 8px; /* border: 1px solid rgba(0,0,0,0.05); */ border-radius: 8px; overflow: hidden; box-shadow: inset 0 0 4px rgba(0,0,0,0.05); } #tblVerCesto > tbody > tr:first-of-type { border-bottom: 1px solid rgba(0,0,0,0.05); padding: 4px } #tblVerCesto > tbody > tr:first-of-type th { padding: 8px 12px; text-transform: uppercase; background: rgba(0,0,0,0.05); } #tblVerCesto #trLineaTotal td { border: 0; } #tblVerCesto > tbody > tr > td { border-bottom: 1px solid rgba(0,0,0,0.05); padding: 8px; position: relative; } #tblVerCesto > tbody > tr > td:first-child, #dvCartConProds #dvProds table tr th:first-child { text-align: left; } #tblVerCesto > tbody > tr > td:first-child a:first-child { display: flex; align-items: center; } #tblVerCesto > tbody > tr > td:first-child a img { width: 80px; margin-right: 12px; } #tblVerCesto .trProductoCesta .tdNombreProducto a { color: #666; text-decoration: none; font-weight: var(--bold1); display: flex; flex-flow: row wrap; } #tblVerCesto .trProductoCesta .tdNombreProducto a > span:not(:last-child) { margin-right: 4px; } #tblVerCesto .trProductoCesta .tdNombreProducto .dvObvProd { opacity: .8; font-size: 80%; line-height: 120%; margin: 4px 0; padding: 12px; border-radius: 4px; background: -moz-linear-gradient(left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 1%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 1%,rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 1%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000',GradientType=1 ); } #tblVerCesto .trProductoCesta .tdNombreProducto .dvObvProd p { font-style: italic; } #tblVerCesto .trProductoCesta .tdNombreProducto .dvObvProd:before { content: "\f27a"; font-weight: 600; font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 8px; } .tdNombreProducto > div { display: flex; align-items: center; } .attachedFiles { display: inline-flex !important; padding: 0 8px; background: rgba(0,0,0,0.06); border-radius: 24px; line-height: 1; font-weight: var(--bold1); min-height: 24px; align-items: center; justify-content: center; color: #666; } .attachedFiles:before { content: "\f0c6"; font-weight: 600; font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 4px; } #tblVerCesto .trProductoCesta .tdNombreProducto .attachedFiles { } #tblVerCesto .trProductoCesta .tdEliminaProducto { width: 32px; text-align: center; position: relative; } #tblVerCesto .trProductoCesta .tdEliminaProducto:before { content: "\f057"; font-weight: 600; font-family: "Font Awesome 6 Pro"; font-size: 12px; color: #dd2c00; } #tblVerCesto .trProductoCesta .tdEliminaProducto a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #tblVerCesto .trProductoCesta .tdImporteProducto, #tblVerCesto #thImporteProducto, #tblVerCesto .tdImporteTotalProducto { width: 180px; text-align: right; } #tblVerCesto .tdImporteTotalProducto > span:last-child { font-size: 12px; line-height: 16px; opacity: 0.8; display: block; } #tblVerCesto #thCantidadProducto, #tblVerCesto .tdCantidadProducto { width: 120px; text-align: center; } #tblVerCesto .tdCantidadProducto > div { display: block; border: 1px solid rgba(0,0,0,0.1); border-radius: 4px; max-width: 100px; } #tblVerCesto .tdCantidadProducto > div > table { width: 100%; } #tblVerCesto .tdCantidadProducto td { /* border-right: 1px solid rgba(0,0,0,0.25); */ padding: 4px; } #tblVerCesto .tdCantidadProducto td:last-child { border: 0; } #tblVerCesto .tdCantidadProducto a { text-decoration: none; color: inherit; display: flex; /* width: 20px; */ justify-content: center; line-height: 20px; padding: 0 4px; } #tblVerCesto .tdCantidadProducto .lnkSumCantCarrito:after, #tblVerCesto .tdCantidadProducto .lnkRestCantCarrito:after { font-weight: 900; font-family: "Font Awesome 6 Pro"; font-size: 10px; display: block; } #tblVerCesto .tdCantidadProducto .lnkSumCantCarrito:after { content: "\f067"; } #tblVerCesto .tdCantidadProducto .lnkRestCantCarrito:after { content: "\f068"; } #tblVerCesto .tdCantidadProducto .tdCantidadTotal { padding: 0px; background-color: rgba(0,0,0,0.05); } #tblVerCesto .tdCantidadProducto .tdCantidadTotal input { height: 28px; width: 36px; text-align: center; border: 0; font-size: 14px; background: transparent; } #tblVerCesto .tdCantidadTotal .spnTotalCarrito { display: block; text-align: right; font-weight: var(--bold1); } #tblVerCesto .trTotal { background-color: rgba(0,0,0,0.02); } #tblVerCesto .trTotal .spnTotalCarrito { font-weight: var(--bold1); } #dvCestaCont .pIncremPed .spnIncremPed { font-size: 12px; line-height: 16px; opacity: 0.6; text-align: right; display: block; } #tblVerCesto .trTotal #liPagaMasTardeSim { display: flex; justify-content: flex-end; } #tblVerCesto .trTotal #liPagaMasTardeSim .PmtSimulator iframe { max-width: 360px; display: block; } #tblVerCesto .trTotal #liPagaMasTardeSim { margin-top: 12px; display: flex; justify-content: center; padding: 2px; border-radius: 8px; max-width: 440pX; } #tblVerCesto .trTotal #liPagaMasTardeSim:empty { display: none; } /*#tblVerCesto .trTotal #liPagaMasTardeSim:not(:empty):before { content: url('../images/formaspago/pmt.svg'); display: flex; align-items: center; height: 40px; width: 96px; justify-content: center; font-family: "Font Awesome 6 Pro"; font-size: 40px; line-height: 40px; border-radius: var(--radius1); margin-right: 2px; color: #fff; font-weight: 900;}*/ #tblVerCesto .trTotal #liPagaMasTardeSim .PmtSimulator { max-width: 360px; width: 100%; border-radius: 8px; overflow: hidden; } #tblVerCesto .trTotal #liPagaMasTardeSim #tblVerCesto .trTotal #liPagaMasTardeSim .PmtSimulator iframe { max-width: 360px; display: block; } /*Portes no incluidos*/ span.portesNoIncluidos { display: flex; font-size: 90%; line-height: 110%; text-decoration: none; font-style: normal; opacity: .9; font-weight: normal; margin: 8px 0 4px; } span.portesNoIncluidos:before { content: "\f05a"; font-weight: 600; font-family: "Font Awesome 6 Pro"; margin-right: 4px; flex-shrink: 0; } #tblResumenProds { width: 100%; text-align: left; margin: 0 0 8px; /* border: 1px solid rgba(0,0,0,0.05); */ border-radius: 8px; overflow: hidden; box-shadow: inset 0 0 4px rgba(0,0,0,0.05); } #tblResumenProds > tbody > tr:first-of-type { border-bottom: 1px solid rgba(0,0,0,0.05); padding: 4px } #tblResumenProds > tbody > tr:first-of-type th { padding: 8px 12px; text-transform: uppercase; background: rgba(0,0,0,0.05); } #tblResumenProds #trLineaTotal td { border: 0; } #tblResumenProds > tbody > tr > td { padding: 8px; border-bottom: 1px solid rgba(0,0,0,0.05); } #tblResumenProds > tbody > tr > td:first-child, #dvCartConProds #dvProds table tr th:first-child { text-align: left; } #tblResumenProds > tbody > tr > td:first-child a:first-child { display: flex; align-items: center; } #tblResumenProds > tbody > tr > td:first-child a img { width: 48px; margin-right: 12px; } #tblResumenProds > tbody > tr > td > .attachedFiles:before { content: "\f0c6"; font-weight: 600; font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 8px; } #tblResumenProds .trProductoCesta { } .tdNombreProducto > div { display: flex; align-items: center; } #tblResumenProds .trProductoCesta .tdEliminaProducto { width: 32px; text-align: right; } #tblResumenProds .trProductoCesta .tdEliminaProducto:before { content: "\f057"; font-weight: 600; font-family: "Font Awesome 6 Pro"; font-size: 12px; color: #dd2c00; } #tblResumenProds .trProductoCesta .tdImporteProducto, #tblResumenProds .thImporte { width: 240px; text-align: right; } #tblResumenProds .tdImporte, #tblResumenProds .tdImportesSumario { width: 180px; text-align: right; } #tblResumenProds .tdSumario p { margin: 0 0 8px; padding-bottom: 4px; } #tblResumenProds .tdImportesSumario p { margin: 0 0 8px; padding-bottom: 4px; } #tblResumenProds .tdImportesSumario p:not(:last-child) { border-bottom: 1px solid rgba(0,0,0,0.05); } #tblResumenProds .tdImporte > span:last-child { font-size: 12px; line-height: 16px; opacity: 0.8; display: block; } #tblResumenProds .thCantidad, #tblResumenProds .tdCantidad { width: 120px; text-align: center; } #tblResumenProds .tdCantidadProducto > div { display: block; border: 1px solid rgba(0,0,0,0.1); border-radius: 4px; max-width: 140px; } #tblResumenProds .tdCantidadProducto > div > table { width: 100%; } #tblResumenProds .tdCantidadTotal .spnTotalCarrito { display: block; text-align: right; font-weight: var(--bold1); } #tblResumenProds .trTotal { background-color: rgba(0,0,0,0.02); } #tblResumenProds .trTotal .spnTotalCarrito { font-weight: var(--bold1); } #dvCestaCont .cestaEnvioGratis { display: inline-block; } #dvCestaCont .cestaEnvioGratis a { font-size: 90%; padding: 0px 12px; border-radius: 4px; display: inline-flex; margin: 4px 0; align-items: center; text-decoration: none; color: #333; justify-content: center; padding: 12px 20px; background: #e8f5e9; border: 1px solid #c8e6c9; font-weight: var(--bold1); line-height: 120%; } #dvCestaCont .cestaEnvioGratis a:before { content: "\f48b"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-right: 8px; font-size: 18px; line-height: 18px; text-align: center; } #dvCestaCont #dvImporteMin { font-weight: var(--bold1); display: inline-block; } /*Cupones*/ #dvCuponesCarrito { background: rgba(0,0,0,0.05); border-radius: 8px; padding: 20px; width: 100%; display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap; margin-top: 20px; } #dvCuponesCarrito > p { margin: 8px 0; padding: 0; font-weight: var(--bold1); font-size: 24px; line-height: 28px; max-width: 59%; flex-shrink: 0; } #dvCuponesCarrito > p > span { font-size: 14px; line-height: 16px; opacity: .8; display: block; margin-top: 8px; } #dvCuponesCarrito .aplicados, #dvCuponesCarrito .aplicar, #dvCuponesCarrito .aplicables { /* margin: 0 0 12px; */ /* padding: 12px; */ } #dvCuponesCarrito .aplicados:not(:last-child), #dvCuponesCarrito .aplicar:not(:last-child), #dvCuponesCarrito .aplicables:not(:last-child) { /* border-bottom: 2px dashed rgba(0,0,0,0.1); */ /* padding-bottom: 12px; */ } #dvCuponesCarrito .aplicables { order: 3; margin-top: 12px; width: 100%; } #dvCuponesCarrito .aplicar { /* background: rgba(0,0,0,0.1); */ padding: 0; display: flex; /* justify-content: space-between; */ align-items: center; flex-flow: row wrap; /* margin-top: 8px; */ width: 100%; MAX-WIDTH: 40%; } #dvCuponesCarrito .aplicar > p:first-child, #dvCuponesCarrito .aplicables > p:first-child { font-weight: var(--bold1); margin: 0 0 8px; display: flex; align-items: flex-start; line-height: 100%; } #dvCuponesCarrito .aplicar > p:first-child, #dvCuponesCarrito .aplicar > p { margin: 0 8px 0 0; display: none; } #dvCuponesCarrito .aplicar > p:first-child:before, #dvCuponesCarrito .aplicables > p:first-child:before { content: "\f105"; font-weight: 900; font-family: "Font Awesome 6 Pro"; font-size: 14px; margin-right: 8px; /* margin-top: 4px; */ } #dvCuponesCarrito .aplicar > p.aplicarInput { flex: 1; display: flex; margin: 0; width: 100%; justify-content: flex-end; } #dvCuponesCarrito .aplicar > div.novalido { width: 100%; color: #dd2c00; font-weight: var(--bold1); background: rgba(255,255,255,0.8); text-align: center; padding: 4px; border-radius: 4px; margin-top: 8px; } #dvCuponesCarrito .aplicar input[type="text"] { border: 0; background: #ffffff; border-radius: 4px 0 0 4px; padding: 8px 12px; width: 100%; margin: 0; border: 2px solid rgba(0,0,0,0.1); } #dvCuponesCarrito .aplicar a { border: 0; padding: 4px 12px; text-decoration: none; display: inline-flex; align-items: center; text-transform: uppercase; font-weight: var(--bold1); justify-content: center; width: 100%; max-width: 120px; border-radius: 0 4px 4px 0; margin-left: 0; background: rgba(0,0,0,0.1); color: #333; } #dvCuponesCarrito .aplicar a:before { content: "\f067"; font-weight: 600; font-family: "Font Awesome 6 Pro"; font-size: 14px; margin-right: 8px; } #dvCuponesCarrito .aplicar label { display: inline-flex; } #dvCuponesCarrito .aplicar > p.aplicarInput > label:first-child { width: 100%; max-width: 400px; } #dvCuponesCarrito .coupon-row { background: #fff; padding: 8px 16px; border-radius: var(--radius-default); } #dvCuponesCarrito .coupon-row:not(:last-child) { margin: 0 0 8px; } #dvCuponesCarrito .cupon { display: flex; justify-content: space-between; align-items: center; } #dvCuponesCarrito .coupon-row .desc { display: none; margin-top: 8px; font-size: 14px; line-height: 18px; opacity: 0.8; padding-top: 8px; border-top: 1px dashed rgba(0,0,0,0.2) } #dvCuponesCarrito .cupon > p { margin: 0; } #dvCuponesCarrito .cupon .nombre { font-weight: var(--bold1); margin-right: 8px; } #dvCuponesCarrito .cupon .codigo { padding: 2px 8px; border-left: 2px solid rgba(0,0,0,0.1); border-right: 2px solid rgba(0,0,0,0.1); margin: 2px 8px 2px 0; display: inline-block; } #dvCuponesCarrito .cupon .info { color: #007aff; /* margin-left: 8px; */ text-decoration: underline; cursor: pointer; display: inline-block; } #dvCuponesCarrito .cupon .aplica { flex-shrink: 0; } #dvCuponesCarrito .cupon .aplica a { display: block; text-decoration: none; color: rgba(0,0,0,0.8); padding: 4px 8px; border-radius: 4px; margin-left: 20px; text-transform: uppercase; font-weight: bold; font-size: 14px; background: rgba(0,0,0,0.05); } #dvCuponesCarrito .cupon .aplica a:before { content: "\f067"; font-weight: 600; font-family: "Font Awesome 6 Pro"; margin-right: 8px; font-size: 12px; } #dvCuponesCarrito .aplicados { margin: 0 0 20px; order: 1; width: 100%; margin-top: 4px !important; } #dvCuponesCarrito .aplicados > div { background: #fff; padding: 8px 16px; border-radius: var(--radius-default); } #dvCuponesCarrito .aplicados > div:not(:last-child) { margin: 0 0 8px; } #dvCuponesCarrito .aplicados > div > div { display: flex; justify-content: space-between; align-items: center; } #dvCuponesCarrito .aplicados > div > div.couponSelect { display: block; margin: 12px 0; border-top: 1px solid rgba(0,0,0,0.1); padding-top: 8px; } #dvCuponesCarrito .aplicados > div > div.couponSelect > p { flex-shrink: 0; margin: 0 0 4px; font-weight: bold; } #dvCuponesCarrito .aplicados > div > div.couponSelect > div { display: flex; border: 0; box-shadow: none; background-color: transparent; } #dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta { /* width: 100%; */ border: 0; background-color: transparent; margin: 4px; } #dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta .tdNombreProducto { display: inline-flex; margin: 4px 0; /* align-items: center; */ background-color: rgba(0,0,0,0.05); padding: 0; border-radius: 4px; overflow: hidden; } #dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta .tdNombreProducto .radiobtn > span:before { margin: 0; } #dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta .tdNombreProducto > div { width: 40px; background-color: rgba(0,0,0,0.05); justify-content: center; } #dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta .tdNombreProducto > a { padding: 8px; display: inline-flex; align-items: center; } #dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta .tdNombreProducto > a img { display: block; max-width: 56px; border-radius: 4px; margin-left: 8px; } #dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta .tdNombreProducto > a.lnkExterno { } #dvCuponesCarrito .aplicados > div > div > * { display: inline-flex; align-items: center; flex-flow: row wrap; } #dvCuponesCarrito .aplicados:not(:last-child) { margin: 0; } #dvCuponesCarrito .aplicados .desc { display: none; margin-top: 8px; } #dvCuponesCarrito .aplicados > p { margin: 0; } #dvCuponesCarrito .aplicados .nombre { font-weight: var(--bold1); display: inline-flex; align-items: center; margin: 4px 12px 4px 0; } #dvCuponesCarrito .aplicados > div .nombre:before { content: "\f00c"; font-weight: 900; font-family: "Font Awesome 6 Pro"; font-size: 24px; margin-right: 8px; color: #66bb6a; } #dvCuponesCarrito .aplicados .codigo { padding: 4px 8px; background-color: rgba(0,0,0,0.05); border-radius: 4px; margin-right: 12px; display: inline-block; } #dvCuponesCarrito .aplicados .info { color: #666; background-color: #f0f0f0; padding: 4px 8px; border-radius: 4px; margin: 4px 4px 4px 0; cursor: pointer; font-size: 12px; line-height: 14px; } #dvCuponesCarrito .aplicados .info:before { content: "\f05a"; font-family: "Font Awesome 6 Pro"; margin-right: 4px; } #dvCuponesCarrito .aplicados .info > span { } #dvCuponesCarrito .aplicados .eliminar a { color: #dd2c00; font-size: 12px; display: block; padding: 8px; } /*Regalo*/ #dvAceptRegalo { padding: 0px; margin: 4px 0 0; border-radius: 8px; background: -moz-linear-gradient(top, rgba(240,240,240,0) 0%, rgba(240,240,240,1) 100%); display: flex; align-items: center; } #dvAceptRegalo > div > div > p:before { content: "\f06b"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-right: 6px; /* border-right: 1px solid rgba(0,0,0,0.1); */ display: flex; align-items: center; flex-shrink: 0; font-size: 20px; } #dvAceptRegalo .dvAceptRegaloCont { display: flex; align-items: center; flex-flow: row wrap; } #dvAceptRegalo > div > div { margin: 0; } #dvAceptRegalo > div > div.checkBoxCont { display: inline-flex; margin: 4px 8px 4px 0; } #dvAceptRegalo > div > div > p { font-weight: var(--bold1); margin: 0; display: flex; } #dvAceptRegalo > div > div > p span:last-child { display: inline-block; } #dvAceptRegalo .pRegaloDesc { margin: 4px 0; font-size: 14px; line-height: 18px; display: inline-block; align-self: flex-end; justify-self: flex-end; } #dvAceptRegalo .pRegaloDesc span a { color: #666; background-color: rgba(0,0,0,0.05); padding: 4px 8px; border-radius: 4px; margin: 4px 4px 4px 0; cursor: pointer; font-size: 12px; line-height: 14px; text-decoration: none; } #dvAceptRegalo .pRegaloDesc span a:before { content: "\f05a"; font-family: "Font Awesome 6 Pro"; margin-right: 4px; } #dvAceptRegalo .pRegaloDesc .allcontent { margin: 8px 0; } #dvAceptRegalo #dvObservacCli input { border: 1px solid #eee; background: #fff; border-radius: 4px; margin: 0 0 8px; padding: 8px 8px; width: 100%; box-shadow: inset 0 0 4px rgba(0,0,0,0.05); } /*Facturacion*/ #frmDatosCompra { } .datosCompra { display: flex; flex-flow: row-reverse; overflow: hidden; align-items: flex-start; } .datosCompra .datosCompraRight { width: 360px; flex-shrink: 0; background: -moz-linear-gradient(top, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.04) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.04) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a000000', endColorstr='#00000000',GradientType=0 ); border-radius: 8px 8px 0 0; } .datosCompra .datosCompraLeft { width: 100%; margin-right: 40px; } .datosCompra .dvCabRealizarPedidoMetodo .dvCabRealizarPedidoMetodoInt { padding: 16px 16px 0; margin: 0; border: 0; font-size: 24px; line-height: 24px; } .datosCompra .datosCompraRight #tblVerCesto { box-shadow: none; padding: 12px 0 0; } .datosCompra .datosCompraRight #tblVerCesto, .datosCompra .datosCompraRight #tblVerCesto > tbody, .datosCompra .datosCompraRight #tblVerCesto > td, .datosCompra .datosCompraRight #tblVerCesto > tr { display: block; width: 100%; } .datosCompra .datosCompraRight #tblVerCesto > th, #tblVerCesto table th, #tblVerCesto > tbody > tr:first-of-type { display: none; } .datosCompra .datosCompraRight #tblVerCesto #thCantidadProducto, .datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto, .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto, .datosCompra .datosCompraRight #tblVerCesto #thImporteProducto, .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto, .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto { width: 100%; } .datosCompra .datosCompraRight #tblVerCesto > tbody > tr > td { padding: 8px 0px 4px; } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta { display: flex; flex-flow: row wrap; margin: 0 0 8px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.04) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.04) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.04) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0a000000',GradientType=0 ); padding: 0 4px; } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta:nth-last-child(2) { margin: 0; } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdNombreProducto { width: 100%; border: 0 !important; PADDING: 8px 12px 4px; } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdCantidadProducto { width: 45%; padding: 4px 12px; max-width: 112px; } .datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto .tdCantidadTotal { padding: 0; } .datosCompra #tblVerCesto .tdCantidadProducto .tdCantidadTotal input { padding: 0; width: 28px; } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto { width: 45%; text-align: center; display: flex; align-items: center; justify-content: flex-end; font-weight: var(--bold1); font-size: 130%; } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto { width: 10%; display: flex; align-items: center; justify-content: center; } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto:before { font-size: 14px; } .datosCompra .datosCompraRight #tblVerCesto > tbody > tr > td:first-child a img { width: 48px; border-radius: 4px; } .datosCompra .datosCompraRight #tblVerCesto .trTotal { font-weight: var(--bold1); display: block; padding: 0 12px; /* background: transparent; */ } .datosCompra .datosCompraRight #tblVerCesto .trTotal > td:first-child, .datosCompra #tblVerCesto .trTotal > td:last-child { display: none; } .datosCompra .datosCompraRight #tblVerCesto .trTotal > td:first-child:not(:empty) { display: none; } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto, .datosCompra .datosCompraRight #tblVerCesto #thImporteProducto, .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto { font-size: 16px; flex: 1; line-height: 16px; } .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto { padding: 20px 8px; } .datosCompra .datosCompraRight .trTotal .spnTotalCarrito { font-size: 130%; } .datosCompra #dvCestaCont .pIncremPed .spnIncremPed { padding: 0 12px; } .datosCompra #dvCestaCont .cestaEnvioGratis, .datosCompra #dvCestaCont .cestaEnvioGratis a, .datosCompra #dvCestaCont .cestaEnvioGratis a span { width: 100%; } .carritoDatos { } .carritoDatos input[type = text], .carritoDatos input[type = tel], .carritoDatos input[type = email], .carritoDatos textarea, .carritoDatos select { border: 1px solid #eee; background: #f0f0f0; border-radius: 4px; margin: 0; padding: 8px 8px; width: 100%; /* box-shadow: inset 0 0 4px rgba(0,0,0,0.05); */ } .carritoDatos textarea::placeholder { font-size: 14px; line-height: 16px; font-style: italic; opacity: .8 } .carritoDatos .radiobtn:not(:last-child) { margin-right: 8px; } .carritoDatos .carritoDatosLeft { } .carritoDatos .carritoDatosRight { } .carritoDatos .carritoDatosRight .carritoFacturacion, .carritoDatos .carritoDatosRight .carritoEnvio, .carritoDatos .carritoDatosRight .carritoPago, .carritoDatos .carritoDatosLeft .carritoObservaciones { margin: 0 0 20px; padding: 20px; border: 1px solid rgba(0,0,0,0.1); border-left-width: 12px !important; border-radius: 8px; border-width: 0; box-shadow: inset 0px -10px 140px rgba(0,0,0,0.05); } .carritoDatos .carritoDatosLeft .carritoObservaciones textarea { height: 88px; } .carritoDatos .carritoDatosRight .carritoFacturacion { border-color: #cfd8dc; } .carritoDatos .carritoDatosRight .carritoEnvio { border-color: #b0bec5; } .carritoDatos .carritoDatosRight .carritoPago { border-color: #90a4ae; } .carritoDatos .carritoDatosLeft .carritoObservaciones { border-color: #b0bec5; } .carritoDatos .carritoDatosRight .carritoFacturacion ul, .carritoDatos .carritoDatosRight .carritoEnvio ul, .carritoDatos .carritoDatosRight .carritoPago ul { list-style: none; padding: 0; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; } .carritoDatos .carritoDatosRight .carritoFacturacion ul li, .carritoDatos .carritoDatosRight .carritoEnvio ul li { width: 49%; } .carritoDatos .carritoDatosRight .carritoFacturacion ul li.liObli, .carritoDatos .carritoDatosRight .carritoEnvio ul li.liObli, .carritoDatos .carritoDatosRight .carritoFacturacion ul li.li100, .carritoDatos .carritoDatosRight .carritoEnvio ul li.li100 { width: 100%; } .carritoDatos .carritoDatosRight .carritoFacturacion ul li div, .carritoDatos .carritoDatosRight .carritoEnvio ul li div, .carritoDatos .carritoDatosRight .carritoPago ul li div { margin: 0 0 4px; } .carritoDatos .carritoDatosRight .carritoFacturacion ul li div > span:not(.field-validation-error), .carritoDatos .carritoDatosRight .carritoPago ul li div > span { margin: 4px 0; display: block; font-size: 12px; line-height: 12px; } .carritoDatos .carritoDatosRight .carritoEnvio ul li div > span { margin: 0 0 4px; display: block; } .carritoDatos .carritoDatosRight .carritoFacturacion ul li div > span.field-validation-valid { margin: 0; } .carritoFacturacion .spnApartEnvFactTit, .carritoEnvio .spnApartEnvFactTit, .carritoDatos .spnApartEnvFactTit, .carritoObservaciones .spnApartEnvFactTit, .datosCompra #spnCabRealizarPedidoIntBlan { display: flex; padding-bottom: 4px; border-bottom: 1px solid rgba(0,0,0,0.1); font-weight: var(--bold1); margin: 0 0 8px; text-transform: uppercase; align-items: center; font-size: 18px; width: 100%; } .carritoFacturacion .spnApartEnvFactTit:before, .carritoEnvio .spnApartEnvFactTit:before, .carritoPago .spnApartEnvFactTit:before, .carritoObservaciones .spnApartEnvFactTit:before, .datosCompra #spnCabRealizarPedidoIntBlan:before { font-weight: 900; font-family: "Font Awesome 6 Pro" !important; padding: 4px; display: flex; align-items: center; flex-shrink: 0; font-size: 24px; line-height: 24px; margin: 0 4px 0 0; align-self: flex-start; } .carritoFacturacion .spnApartEnvFactTit:before { content: "\f277"; } .carritoEnvio .spnApartEnvFactTit:before { content: "\f48b"; } .carritoPago .spnApartEnvFactTit:before { content: "\f09d"; } .carritoObservaciones .spnApartEnvFactTit:before { content: "\f27a"; } .datosCompra #spnCabRealizarPedidoIntBlan:before { content: "\f07a"; } .carritoFacturacion .spnApartEnvFactTit span span, .carritoEnvio .spnApartEnvFactTit span span, .carritoDatos .spnApartEnvFactTit span span { font-size: 14px; display: inline-block; opacity: 0.8; line-height: 16px; } .carritoFacturacion #dvApartEnvFactRdBt, .carritoEnvio .dvAcepEnv { margin: 0 0 12px; } #dvApartEnvFactCheck { margin: 0 0 12px; } .ulMetodoEnvio { } #liForEnvObsEspec { display: block; margin: 20px 0 0; } /*#liForEnvObsEspec input { width: 24px; height: 24px; margin-right: 4px; vertical-align: top; }*/ #liForEnvObsEspec textarea { display: block; margin: 8px 60px 0 0; width: 100%; height: 60px; min-height: 60px; resize: vertical; } /*Facturación usuario registrado*/ #carritoFacturacionData p { margin: 0; } #carritoFacturacionData p:first-of-type { font-weight: bold; } #carritoEnvioData { margin: 0 0 20px } #carritoEnvioData p { margin: 0; } #carritoEnvioData p:first-of-type { font-weight: bold; } #carritoFacturacionData a, #carritoEnvioData a { display: inline-block; background: rgba(0,0,0,0.1); padding: 8px; border-radius: 4px; margin-top: 4px; text-decoration: none; text-transform: uppercase; font-size: 12px; line-height: 12px; font-weight: var(--bold1); } #carritoFacturacionData a:before, #carritoEnvioData a:before { content: "\f044"; font-weight: 900; font-family: "Font Awesome 6 Pro" !important; margin: 0 4px 0 0; } #carritoFacturacionData .wLog, #carritoEnvioData .wLog { padding: 12px; border: 1px dashed rgba(0,0,0,0.2); border-radius: 8px; background: rgba(255,255,255,0.5); display: block; text-align: right; } #carritoFacturacionData .wLog p, #carritoEnvioData .wLog p { text-align: left; } .carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio { display: block; } .carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li { width: auto; display: flex; /* border: 2px solid rgba(0,0,0,0.1); */ overflow: hidden; border-radius: 4px; overflow: hidden; margin: 0; } .carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li:not(:last-child) { margin: 0 0 8px; } .carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li:not(#liForEnvObsEspec) div:not(.radiobtn):not(.allcontent) { padding: 8px; border: 2px solid rgba(0,0,0,0.1); width: 100%; margin: 0; } .carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li:not(#liForEnvObsEspec) div.radiobtn { width: 32px; background: rgba(0,0,0,0.1); display: flex; align-items: flex-start; justify-content: center; padding: 8px 0; flex-shrink: 0; margin: 0; } .carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li:not(#liForEnvObsEspec) div.radiobtn > span:before { margin: 0; } .carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div > span { margin: 0 0 4px; display: inline-block; } .carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div .dvTransImage { float: right; margin: 4px; border-radius: 4px; border: 0; padding: 4px; width: auto; max-width: 72px; } .carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div .dvTransImage p { margin: 0; width: 100%; } .carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div .dvTransImage p img { display: block; margin: 0; max-width: 100%; } .carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div .lnkSubrayado { margin-left: 8px; display: inline-flex; align-items: center; text-decoration: none; } .carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div .lnkSubrayado:after { content: "\f105"; font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: 12px; margin-left: 4px; } .carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div > p:last-of-type { font-size: 14px; line-height: 18px; } .carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div > p.desc > span a { color: #666; background-color: #f0f0f0; padding: 4px 8px; border-radius: 4px; margin: 4px 4px 4px 0; cursor: pointer; font-size: 12px; line-height: 14px; text-decoration: none; display: inline-block; } .carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div > p.desc > span a:before { content: "\f05a"; font-family: "Font Awesome 6 Pro"; margin-right: 4px; } .carritoDatos .carritoDatosRight .carritoPago { display: block; } .carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li { width: auto; display: flex; /* border: 2px solid rgba(0,0,0,0.1); */ overflow: hidden; border-radius: 4px; overflow: hidden; WIDTH: 100%; } .carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li:not(:last-child) { margin: 0 0 8px; } .carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li > div:not(.radiobtn) { padding: 8px; border: 2px solid rgba(0,0,0,0.1); border-left: 0; width: 100%; margin: 0; } .carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li div.radiobtn { width: 32px; background: rgba(0,0,0,0.1); display: flex; align-items: flex-start; justify-content: center; padding: 8px 0; flex-shrink: 0; margin: 0; } .carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li div.radiobtn > span:before { margin: 0; } .carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li > div > span { margin: 0; display: inline-block; } .carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoTarjetas { margin: 8px 0 0; } .carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoTarjetas > .liMetodoPagoImg { display: inline-block; max-width: 60px; margin-right: 4px; } .carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoTarjetas img { display: block; margin: 0; max-width: 100%; } .carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoObservaciones { font-size: 14px; line-height: 18px; } .carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoObservaciones > span a { color: #666; background-color: #f0f0f0; padding: 4px 8px; border-radius: 4px; margin: 0px 4px 0px 0; cursor: pointer; font-size: 12px; line-height: 14px; text-decoration: none; display: inline-block; } .carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoObservaciones > span a:before { content: "\f05a"; font-family: "Font Awesome 6 Pro"; margin-right: 4px; } .carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .radiobtn input[type="radio"]:checked { background: red; } .carritoDatos .carritoDatosRight .carritoObservaciones { display: block; } #dvLnkCarrito { display: flex; justify-content: space-between; flex-direction: row-reverse; } /*RESUMEN PEDIDO*/ .generic .genericCont .resumenCarrito { display: flex; justify-content: space-between; } .generic .genericCont .resumenCarrito .spnApartEnvFactTit, .generic .genericCont .resumenProductos .spnApartEnvFactTit { display: flex; justify-content: space-between; margin: 0 0 12px; border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 4px; text-transform: uppercase; } .generic .genericCont .resumenCarrito .spnApartEnvFactTit span span, .generic .genericCont .resumenProductos .spnApartEnvFactTit span span { opacity: 0.7; display: inline-block; } .generic .genericCont .resumenCarrito .spnApartEnvFactTit a, .generic .genericCont .resumenProductos a { flex-shrink: 0; text-transform: uppercase; font-size: 11px; font-weight: var(--bold1); text-decoration: none; color: inherit; padding: 2px 8px; background-color: #fff; border-radius: 4px; opacity: 0.9; align-self: center; } .generic .genericCont .resumenCarrito .resumenFacturacion, .resumenCarrito .resumenEnvio { width: 49.5%; } .generic .genericCont .resumenCarrito .resumenFacturacion > div, .resumenCarrito .resumenEnvio > div, .resumenProductos, #dvCuponesCarrito.resumenProductos { padding: 20px; margin: 0 0 20px; border-radius: 4px; background: rgba(0,0,0,0.05); } .generic .genericCont .resumenCarrito .resumenFacturacion > div p, .generic .genericCont .resumenCarrito .resumenEnvio > div p { margin: 0 0 8px; } .resumenProductos { border-radius: 4px; } .resumenProductos #tblResumenProds { background-color: #fff; } .resumenProductos #tblResumenProds > tbody > tr:first-of-type th { background: rgba(0,0,0,0.01) } .resumenProductos #tblResumenProds > tbody > tr > td.tdSumario { text-align: right; } .resumenProductos #tblResumenProds > tbody > tr.trTotales { text-align: right; } .resumenProductos #tblResumenProds > tbody > tr.trTotales div { text-align: right; margin: 4px 0; display: flex; align-items: center; justify-content: flex-end; } .resumenProductos #tblResumenProds > tbody > tr.trTotales div span { display: inline-block; font-weight: normal; } .resumenProductos #tblResumenProds > tbody > tr.trTotales div span { display: inline-block; font-weight: normal; } .resumenProductos #tblResumenProds > tbody > tr.trTotales div > span:last-child:not(:first-child) { width: 80px; margin-left: 8px; flex-shrink: 0; /* font-weight: bold; */ } #dvMetodoPagoBotones { display: flex; align-items: flex-end; justify-content: space-between; flex-flow: row wrap; } #dvMetodoPagoBotones .btnDerCont a { margin-left: 4px; } /* PEDIDO FINALIZADO*/ #spnCabRealizarPedidoIntBlan { margin: 0 0 4px; display: inline-block; } #dvPedidoFinalInt { } #dvPedidoFinalInt .encabezado { font-weight: var(--bold1); padding-bottom: 8px; border-bottom: 1px solid rgba(0,0,0,0.1); margin: 0 0 12px; } #dvPedidoFinalInt > .dvPedidoFinalDatos { padding: 12px; background: rgba(0,0,0,0.05); border-radius: var(--radius-default); margin: 0 0 20px; border-left: 12px solid rgba(0,0,0,0.1) } .btnPedidoFinalizado { display: flex; justify-content: center; margin: 0 0 20px; } .btnPedidoFinalizado > * { display: inline-block; margin: 4px; padding: 4px 8px; border-radius: var(--radius-default); border: 4px solid rgba(0,0,0,0.1); font-weight: var(--bold1); color: inherit; text-decoration: none; cursor: pointer; } /*AMAZON PAY*/ .genericCont.--amazonPay { max-width: 640px; padding: 32px; background-color: #eee; border-radius: var(--radius-default); } #AmazonPayButton { text-align: center; } #AmazonWalletWidgetDiv { margin-top: 28px; } #AmazonWalletWidgetDiv:empty { display: none; } .amazon-next { margin: 16px 0 0 auto; } /*KLARNA*/ .KlarnaMethod { width: 100%; max-width: 640px; margin: 0 auto; padding: 20px; border: 8px solid #f0eeeb; } .KlarnaMethod:not(:last-child) { margin-bottom: 40px; } .KlarnaMethod .KlarnaAction { display: flex; justify-content: flex-end; margin-top: 12px; } .KlarnaMethod .KlarnaAction button { display: inline-flex; align-items: center; text-decoration: none; background: #333; color: #fff; padding: 8px 12px; border-radius: var(--radius-default); font-size: 90%; line-height: 140%; text-transform: uppercase; font-weight: var(--bold1); } .notKlarna { width: 100%; max-width: 640px; margin: 0 auto; padding: 20px; background: #333; color: #fff; text-align: center; } .notKlarna a { color: #fff; } /*Cookies*/ .cc-banner.cc-bottom, .cc-window.cc-floating { background-color: rgba(0,0,0,0.9) !important; padding: 1em 1.8em; } /*TIENDA CERRADA*/ #dvTiendaCerrada { text-align: center; padding: 12px; color: #721c24; background-color: #f8d7da; border: 1px solid #f5c6cb; margin: 8px; border-radius: 8px; } #dvTiendaCerrada .dvBgAma > p:first-child { font-size: 20px; margin: 0 0 8px; font-weight: var(--bold1); } body.tiendacatalogo { } body.tiendacatalogo .fichaBoton { opacity: .6; } body.tiendacatalogo .fichaBoton a { cursor: not-allowed; } /* Legal */ .generic .genericCont .dvLegal { margin-top: 20px; } .generic .genericCont .dvLegal .enc { font-weight: bold; margin: 0 0 8px; font-size: 120%; } .generic .genericCont .dvComboBox { margin-bottom: 20px; } .generic .genericCont .dvLegal div:not(:last-child) { margin: 0 0 20px; } #dvErrorContenido { max-width: var(--max-width); margin: 0 auto; padding: 40px } #dvErrorContenido p { margin: 0 0 8px; } #dvErrorContenido ul { padding-left: 18px; list-style: none; } #dvErrorContenido ul li { margin: 8px 0; } /* Sitemap */ .generic .genericCont .dvSiteMap ul ul { margin-top: 8px; } .generic .genericCont .dvSiteMap ul li { list-style: square; margin-bottom: 8px; } .generic .genericCont .dvSiteMap ul li ul { margin-left: 20px; } .generic .genericCont .dvSiteMap ul li ul li { list-style: circle; } .generic .genericCont .dvSiteMap ul li ul li ul li { list-style: disc; } .generic .genericCont .dvSiteMap a { color: #333; font-weight: bold; } .generic .genericCont .dvSiteMap .numProdCategoSiteMap { color: #999; display: inline-block; } .generic .genericCont .dvSiteMap .productosTotalesSiteMap { color: #333; font-weight: bold; margin-top: 40px; } /* ERRRORES (nueva contraseña sin requisitos)*/ .validation-summary-errors { padding: 0; margin: 0; } .validation-summary-errors ul { padding: 0 !important; } .validation-summary-errors ul li { display: block; list-style: none; color: #ff1100; padding: 0; margin: 0; font-weight: var(--bold1); } /*PRODUCTOS*/ .RCRProds .RCRProdsPrev { display: flex; justify-content: center; margin: 0 0 20px; flex-wrap: wrap; align-items: center; } .RCRProds .RCRProdsPrev .numProds { font-size: 14px; opacity: 0.8; display: inline-flex; align-items: center; text-align: center; margin: 8px auto 8px 0; } .RCRProds .RCRProdsPrev .RCRProdsPrevRight { display: flex; align-items: center; justify-content: flex-end; flex-shrink: 0; } .RCRProds .RCRProdsPrev #dvOrderBy { max-width: 460px; width: 100%; align-items: center; } .RCRProds .RCRProdsPrev #dvOrderBy form { display: flex; align-items: center; } .RCRProds .RCRProdsPrev #dvOrderBy form > *:first-child:not(:last-child) { margin-right: 8px; } .RCRProds .RCRProdsPrev #dvOrderBy form .select { width: 100%; } .RCRProds .RCRProdsPrev #dvOrderBy form > p { flex-shrink: 0; } .RCRProds .noProds { border-radius: 4px; margin: 0 0 20px; display: flex; align-items: center; font-size: 20px; font-weight: var(--bold1); opacity: .8; padding: 20px; background: #fff9c4; border: 1px solid #e2dca7; } .RCRProds .noProds:before { content: "\f06a"; font-weight: 900; font-family: "Font Awesome 6 Pro"; font-size: 24px; margin-right: 8px; } /*Productos*/ .RCRProdsCont { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: var(--productos-margin); } /*PRODUCTOS PORTADA*/ .prodlist { padding: var(--section-margin) 16px; } .prodlist .prodlistCont { max-width: var(--max-width); margin: 0 auto; position: relative; } .prodlist .prodlistCont .prodlistInfo { margin: 0 0 20px; text-align: center; } .prodlist .prodlistCont .prodlistInfo .title2 { } .prodlist .prodlistCont .prodlistInfo p { } .prodlist > div > p { text-align: center; font-size: 120%; line-height: 120%; font-weight: var(--bold1); font-style: italic; } .prodlist .RCRProdsCont { grid-template-columns: 1fr 1fr 1fr 1fr; } .RCRButton { text-align: center; margin-top: 30px; } .RCRButton a { display: inline-flex; align-items: center; text-decoration: none; background: var(--secondary); color: var(--secondary-invert); padding: 8px 16px; border-radius: var(--radius1); font-size: 90%; line-height: 140%; text-transform: uppercase; font-weight: var(--bold1); } .RCRButton a::after { content: "\f105"; font-weight: 900; font-family: "Font Awesome 6 Pro"; font-size: 14px; margin-left: 8px; } /*LOGIN CARRITO*/ .loginCart { margin: 40px auto; max-width: 720px; background: rgba(0,0,0,0.05); display: flex; overflow: hidden; border-radius: 8px; } .loginCart .title { font-size: 20px; line-height: 28px; margin: 0 0 8px; font-weight: var(--bold1); text-transform: uppercase; } .loginCart .loginCartReg { width: 50%; padding: 20px; } .loginCart .loginCartReg input[type="email"], .loginCart .loginCartReg input[type="password"] { display: block; width: 100%; background-color: #fff; padding: 8px 12px; border: 1px solid rgba(0,0,0,0.1); border-radius: 4px; } .loginCart .loginCartReg input[type="email"] { margin: 0 0 8px; } .loginCart .loginCartReg input[type="password"] { margin: 0; } .loginCart .loginCartReg input::placeholder { opacity: .8; font-style: italic; } .loginCart .loginCartReg #lnkRecPwd { font-size: 12px; line-height: 14px; margin: 0 0 8px; display: inline-block; } .loginCart .loginCartReg .spnLogError { display: block; color: #dd2c00; margin: 2px; font-size: 14px; font-weight: var(--bold1); } .loginCart .loginCartReg .pBtnLogin button { display: inline-flex; align-items: center; justify-content: center; border: 0; padding: 8px 16px; border-radius: var(--radius1); font-size: 16px; line-height: 18px; background-color: var(--secondary); text-decoration: none; color: #fff; font-weight: var(--bold1); margin-top: 8px; } .loginCart .loginCartReg .pBtnLogin button:before { content: "\f090"; font-weight: 900; font-family: "Font Awesome 6 Pro"; font-size: 20px; line-height: 20px; margin-right: 8px; } .loginCart .loginCartNoReg { width: 50%; padding: 20px; background: rgba(0,0,0,0.05); display: flex; flex-direction: column; } .loginCart .loginCartNoReg > p:nth-child(2) { flex: 1; font-size: 14px; line-height: 18px; } .loginCart .loginCartNoReg .pBtnReg { } .loginCart .loginCartNoReg .pBtnReg a { display: inline-flex; align-items: center; justify-content: center; border: 0; padding: 7px 15px; border-radius: var(--radius1); font-size: 16px; line-height: 18px; background-color: rgba(255,255,255,1); text-decoration: none; color: var(--secondary); font-weight: var(--bold1); margin-top: 8px; border: 1px solid var(--secondary); } .loginCart .loginCartNoReg .pBtnReg a:before { content: "\f4fd"; font-weight: 600; font-family: "Font Awesome 6 Pro"; font-size: 20px; margin-right: 8px; line-height: 20px; } .loginCart .loginCartNoReg .pBtnReg a:after { content: "\f101"; font-weight: 900; font-family: "Font Awesome 6 Pro"; font-size: 14px; margin-left: 8px; line-height: 14px; margin-top: 4px; } /*NOTICIAS*/ /* MOSAICO */ .widNot { text-align: center; background: #fff; padding: var(--section-margin) 16px; background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(240,240,240,0) 100%); background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%); background: linear-gradient(to bottom, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#00f0f0f0',GradientType=0 ); } .noticia .widNot { padding: 40px 0; } .widNot .widNotCont { max-width: var(--max-width); margin: 0 auto; } .widNot .widNotCont .widNotContInfo { margin: 0 0 20px; text-align: center; padding: 0 20px; } .widNot .widNotCont .bgc { } .bloggalvacio { padding: var(--section-margin) 16px; font-weight: var(--bold1); font-size: 26px; line-height: 140%; text-align: center; } .bmmin1 .bloggalcont { text-align: left; } .bmmin1 .bloggalcont { display: flex; text-decoration: none; align-items: flex-start; border-bottom: 1px solid #eee; padding: 12px 0; } .bmmin1 .bloggalcont > a > img { display: block; width: 200px; max-width: 200px; min-width: 200px; border-radius: var(--radius-default); } .bmmin1 .bloggalcont > div { width: 100%; height: 100%; padding: 12px; overflow: hidden; } .bmmin1 .bloggalcont > .bgc > .bgctitle { margin: 0 0 4px; max-height: 72px; overflow: hidden; position: relative; } .bmmin1 .bloggalcont > .bgc > .bgctitle a { color: inherit; text-decoration: none; font-size: 20px; line-height: 24px; display: inline-block; } .bmmin1 .bloggalcont > .bgc > .bgctitle:after { content: ""; display: block; position: absolute; top: 48px; right: 0; width: 40%; max-width: 120px; height: 24px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); } .bmmin1 .bloggalcont .bgcdatos { font-size: 90%; line-height: 120%; margin: 0 0 4px; } .bmmin1 .bloggalcont .bgcdatos > div, .bmmin1 .bloggalcont .bgcdatos > a { display: inline-block; opacity: .8; } .bmmin1 .bloggalcont .bgcdatos .bgccat a { margin-right: 4px; } .bmmin1 .bloggalcont .bgcinfo { max-height: 40px; /* Múltiplo del line-height*/ overflow: hidden; position: relative; font-size: 16px; line-height: 20px; } .bmmin1 .bloggalcont .bgcinfo h2 { margin: 0; font-weight: inherit; font-size: 14px; line-height: 20px; } .bmmin1 .bloggalcont .bgcinfo p { margin: 0; padding: 0; font-size: 14px; line-height: 20px; } .bmmin1 .bloggalcont .bgcinfo:after { content: "."; position: absolute; right: 0; bottom: 0; color: transparent; width: 100%; max-width: 80px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); } .bmmin2 > .widNotCont > .widNotContNots { column-count: 2; } .bmmin2 .bloggalcont { display: inline-flex; width: 100%; text-decoration: none; align-items: center; margin-bottom: 12px; background: #fff; text-align: left; border-radius: var(--radius-default); overflow: hidden; } .bmmin2 .bloggalcont .bgc > a { color: inherit; text-decoration: none; max-height: 44px; display: block; overflow: hidden; position: relative; width: 100%; } .bmmin2 .bloggalcont > .bgc > .bgctitle:after { content: ""; display: block; position: absolute; top: 40px; right: 0; width: 40%; max-width: 120px; height: 24px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); } .bmmin2 .bloggalcont > a > img { display: block; width: 160px; max-width: 160px; } .bmmin2 .bloggalcont > div { width: 100%; height: 100%; padding: 8px 20px; overflow: hidden; max-height: 120px; overflow: hidden; } .bmmin2 .bloggalcont > .bgc > .bgctitle { margin: 0 0 4px; max-height: 60px; overflow: hidden; position: relative; font-size: 16px; line-height: 20px; } .bmmin2 .bloggalcont > div > .bgctitle > a { color: inherit; text-decoration: none; } .bmmin2 .bloggalcont .bgcdatos { font-size: 90%; line-height: 120%; margin: 0 0 4px; } .bmmin2 .bloggalcont .bgcdatos > div, .bmmin1 .bloggalcont .bgcdatos > a { display: inline-block; opacity: .8; vertical-align: middle; } .bmmin2 .bloggalcont .bgcdatos .bgccat { max-height: 35px; overflow: hidden; display: inline-flex; align-items: center; } .bmmin2 .bloggalcont .bgcdatos .bgccat a { margin-right: 4px; display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bmmin2 .bloggalcont .bgcinfo { display: none; max-height: 40px; /* Múltiplo del line-height*/ overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; } .bmmin2 .bloggalcont .bgcinfo p { margin: 0; padding: 0; } .bmmin2 .bloggalcont .bgcinfo:after { content: "."; position: absolute; right: 0; bottom: 0; color: transparent; width: 100%; max-width: 80px; background: -moz-linear-gradient(left, rgba(245,245,245,0) 0%, rgba(245,245,245,1) 100%); background: -webkit-linear-gradient(left, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 100%); background: linear-gradient(to right, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f5f5f5', endColorstr='#f5f5f5',GradientType=1 ); } .bmmin3 .widNotContNots { display: flex; flex-flow: row wrap; justify-content: space-between; } .bmmin3 .widNotContNots .bloggalcont { width: 23%; margin: 0 0 20px; text-align: left; } .bmmin3 .widNotContNots .bloggalcont:nth-child(3):last-child { margin-right: 25.666%; } .bmmin3 .widNotContNots .bloggalcont:nth-child(2):last-child { margin-right: 51.333%; } .bmmin3 .widNotContNots .bloggalcont:first-child:last-child { margin-right: 76.999%; } .bmmin3 .widNotContNots .bloggalcont a { color: currentcolor; } .bmmin3 .widNotContNots .bloggalcont > a > img { display: block; width: 100%; } .bmmin3 .widNotContNots .bloggalcont > div { padding: 8px 0 0; overflow: hidden; } .bmmin3 .widNotContNots .bloggalcont .bgctitle a { margin: 0; display: block; width: 100%; font-size: 14px; overflow: hidden; line-height: 16px; color: #666; text-decoration: none; } .bmmin3 .widNotContNots .bloggalcont .bgcdatos { font-size: 100%; line-height: 0; margin: 8px 0 0; } .bmmin3 .widNotContNots .bloggalcont .bgcdatos > div, .bmmin3 .bloggalcont .bgcdatos > a { display: inline-block; opacity: .8; font-size: 12px; line-height: 12px; } .bmmin3 .widNotContNots .bloggalcont .bgcdatos .bgccat { display: none; } .bmmin3 .widNotContNots .bloggalcont .bgcdatos .bgccat a { margin-right: 4px; } .bmmin3 .widNotContNots .bloggalcont .bgcinfo { display: none; max-height: 40px; /* Múltiplo del line-height*/ overflow: hidden; position: relative; } .bmmin3 .widNotContNots .bloggalcont .bgcinfo p { margin: 0; padding: 0; } .bmmin3 .widNotContNots .bloggalcont .bgcinfo:after { content: "."; position: absolute; right: 0; bottom: 0; color: transparent; width: 100%; max-width: 80px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); } .bmmin4 { display: flex; max-width: var(--max-width); flex-flow: row wrap; /* justify-content: space-between; */ } .bmmin4 .bloggalcont { width: 23%; margin: 0 1% 20px; } .bmmin4 .bloggalcont > a > img { display: block; width: 100%; } .bmmin4 .bloggalcont > div { padding: 8px 0 0; overflow: hidden; } .bmmin4 .bloggalcont > div > .bgcnom > h2 { margin: 0; display: block; width: 100%; font-size: 12px; overflow: hidden; line-height: 16px; } .bmmin4 .bloggalcont .bgcdatos { font-size: 100%; line-height: 0; margin: 4px 0 0; } .bmmin4 .bloggalcont .bgcdatos > div, .bmmin4 .bloggalcont .bgcdatos > a { display: inline-block; opacity: .8; font-size: 10px; line-height: 10px; } .bmmin4 .bloggalcont .bgcdatos .bgccat { display: none; } .bmmin4 .bloggalcont .bgcdatos .bgccat a { margin-right: 4px; } .bmmin4 .bloggalcont .bgcinfo { display: none; max-height: 40px; /* Múltiplo del line-height*/ overflow: hidden; position: relative; } .bmmin4 .bloggalcont .bgcinfo p { margin: 0; padding: 0; } .bmmin4 .bloggalcont .bgcinfo:after { content: "."; position: absolute; right: 0; bottom: 0; color: transparent; width: 100%; max-width: 80px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); } .texto__legal { margin: 12px 0; font-size: 12px; line-height: 140%; opacity: 0.6; max-width: 460px; } .texto__legal p:not(:last-child) { margin: 0 0 4px !important; } .kitDigital { } .kitDigital { } /******************************* Kit Digital *******************************/ .kitDigital { padding: 40px 16px; font-size: 14px; line-height: 140%; text-align: center; } .kitDigital > .kitDigitalCont { max-width: var(--max-width); margin: 0 auto; width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; align-items: center; } .kitDigital .kitDigital__logo { display: block; width: 220px; max-width: 100%; } @media screen and (min-width: 1024px) { .kitDigital > .kitDigitalCont { grid-template-columns: 220px 220px auto; text-align: left; } } @media screen and (max-width: 1023px) { .kitDigital .kitDigital__logo.kitDigital__logo--EU { grid-area: 1 / 1; margin: 0 0 0 auto; } .kitDigital .kitDigital__logo.kitDigital__logo--TR { grid-area: 1 / 2; margin: 0 auto 0 0; } .kitDigital .kitDigital__text { grid-area: 2 / 1 / 3 / 3; } } /* MEDIDAS RESPONSIVE */ @media screen and (min-width: 1024px) { #login_box { position: absolute; z-index: 3; background-color: #fff; color: #333; box-shadow: 0 0 4px rgba(0,0,0,0.5); top: calc(100% + 8px); right: 0; border-top: 4px solid var(--primary); text-align: center; width: 260px; font-weight: normal; display: none; } #cart .cart-prod-list { font-size: 12px; line-height: 14px; position: absolute; z-index: 3; background-color: #fff; color: #333; box-shadow: 0 0 4px rgba(0,0,0,0.5); top: calc(100% + 8px); right: 0; border-top: 4px solid var(--primary); width: 360px; font-weight: normal; padding: 8px 12px; } #cart .cart-prod-list:after { content: "\f0d8"; font-weight: 900; font-family: "Font Awesome 6 Pro"; color: var(--primary); display: block; position: absolute; bottom: 100%; font-size: 28px; line-height: 16px; right: 32px; } .datosCompra { } .datosCompra #dvCestaCont { margin: 0; } .datosCompra #dvCuponesCarrito { display: block; margin: 20px 0; } .datosCompra #dvCuponesCarrito > p { max-width: 100%; } .datosCompra #dvCuponesCarrito .aplicados:not(:last-child), .datosCompra #dvCuponesCarrito .aplicar:not(:last-child), .datosCompra #dvCuponesCarrito .aplicables:not(:last-child) { max-width: 100%; } .datosCompra #dvCuponesCarrito .aplicar { max-width: 100%; } .datosCompra #dvCuponesCarrito .aplicar > p:first-child, .datosCompra #dvCuponesCarrito .aplicables > p:first-child { } .datosCompra #dvCuponesCarrito .aplicar > p:first-child, .datosCompra #dvCuponesCarrito .aplicar > p { } .datosCompra #dvCuponesCarrito .aplicar > p:first-child:before, .datosCompra #dvCuponesCarrito .aplicables > p:first-child:before { } .datosCompra #dvCuponesCarrito .aplicados:not(:last-child) { margin: 0 0 12px; } } /*################ ##### 1 0 2 3 #### ################*/ @media screen and (max-width: 1023px) { #search { /* flex-direction: column-reverse; */ } #search.active { /* opacity: 1; */ } /*#search .close { display: block; }*/ #search .searchBar input { font-size: 16px; line-height: 36px; } header .header .headerCont #searchbtn { display: block; } .searchCont #search_results { position: static; margin: 20px 0 0; border-radius: 0; box-shadow: none; /* background: rgba(0,0,0,0.05); */ flex: 1; /* border-top: 1px solid rgba(0,0,0,0.1) */ } .searchCont #search_results ul { } .searchCont #search_results ul li { padding: 8px 0; } .searchCont #search_results ul li:not(.liTitle):hover { } .searchCont #search_results ul li:not(:last-child) { } .searchCont #search_results ul li.liTitle { padding: 8px 0; background: transparent; } .searchCont #search_results ul li.liTitle:before { } .searchCont #search_results ul li p { } .searchCont #search_results ul li p a { padding: 4px; } .searchCont #search_results ul li p .img { } .searchCont #search_results ul li p .nom { } .searchCont #search_results ul li p .nom a { } .searchCont #search_results ul li.verTodos { text-align: center; background-color: rgba(0,0,0,0.05); padding: 8px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; width: 100%; } .searchCont #search_results ul li.verTodos a { color: black; } #user a #btLogout { display: none; } header .hcont > div > .htconr .carrito a > span > .cant { display: block; position: absolute; top: 0; right: 0; background: #fff; width: 22px; height: 22px; line-height: 18px; font-size: 12px; text-align: center; border-radius: 100%; transform: translateX(25%) translateY(-25%); color: #532A9E; border: 2px solid; } #cart .cart-prod-list .hCartButtons { display: block; margin: 28px 0 0; } #cart .cart-prod-list .hCartButtons .hCartLink { width: 100%; margin: 0 0 8px; } #cart .cart-prod-list .hCartButtons .hCartLink a { padding: 10px 14px; } #cart .cart-prod-list .hCartButtons .hOrderLink { width: 100%; } #cart .cart-prod-list .hCartButtons .hOrderLink a { padding: 12px 16px; } #PORT02 .PORT02Cont { grid-template-columns: 1fr 1fr; } .generic .dvPromo .img { width: 180px; float: left; } .generic .dvPromo .left { } .generic .dvPromo .right { width: 260px; } #dvContactoCont { display: block; } .dvContactoForm, #dvContactoPeticionFeita { padding: 20px 0 0; border-left: 0; border-top: 4px dashed rgba(0,0,0,0.1); margin: 20px 0 0; max-width: 100%; } .dvContatoInfoSup { display: flex; } .dvContatoInfoSup .dvContactoFormRight { margin-left: 8px; } .dvContatoInfoSub { display: flex; flex-wrap: wrap; justify-content: space-between; } .dvContatoInfoSub .tac { width: calc(50% - 6px); margin: 0; display: flex; justify-content: center; align-items: center; padding: 8px; border: 1px dashed #ccc; border-radius: 4px; text-align: center; } .dvContatoInfoSub input[type="button"] { width: calc(50% - 6px); } .dvContatoInfoSub .ulContatoInfoSubGroup { width: 50%; margin-left: 8px; } #dvCuponesCarrito .aplicar { display: block; } #dvCuponesCarrito .aplicar > p:first-child { margin: 0 0 8px; } #dvCuponesCarrito .aplicar > p:last-child > label:first-child { max-width: 100%; } .carritoDatos { display: block; } .carritoDatos .carritoDatosLeft, .carritoDatos .carritoDatosRight { width: 100%; padding-right: 0; padding-left: 0; } .usuarios .altaNewsTac { margin-left: 0; } .rightSlide { position: fixed; top: 0; right: -320px; height: 100%; z-index: 9; box-shadow: 0 0 0 9999px rgba(0,0,0,0); display: flex !important; flex-direction: column; width: 320px; background-color: #fff; padding: 24px 12px; max-height: 100%; overflow: auto; transition: box-shadow 300ms ease; transition: right 300ms ease; } .rightSlide.active { right: 0px !important; box-shadow: 0 0 0 9999px rgba(0,0,0,0.4) !important; z-index: 10; /* display: flex !important; */ } .rightSlide.menu_mob.active { padding: 0; } .leftSlide { display: block; position: fixed !important; top: 0; left: -320px; height: 100%; z-index: 9; box-shadow: 0 0 0 9999px rgba(0,0,0,0); display: flex; flex-direction: column; width: 320px; background-color: #fff; max-height: 100%; overflow: auto; transition: box-shadow 300ms ease, left 300ms ease; } .leftSlide.active { left: 0px !important; box-shadow: 0 0 0 9999px rgba(0,0,0,0.4) !important; z-index: 10; padding: 0; } .leftSlide.menu_mob.active { padding: 0; } #search.leftSlide { display: block; padding: 24px 12px; } #login_box.rightSlide { justify-content: center; text-align: center; padding: 0; } #cart .cart-prod-list { /* padding-top: 40px; */ } #cart .cart-prod-list ul { flex: 1; } #cart .cart-prod-list .hCartProd { padding: 12px 8px } #cart .cart-prod-list .hCartTotal { padding: 12px; font-size: 18px; line-height: 24px; } #cart .cart-prod-list .hCartTotalSinIva { padding: 12px; font-size: 12px; line-height: 24px; } #cart .cart-prod-list .hOrderLink { } #cart .cart-prod-list .hOrderLink a { font-size: 18px; line-height: 24px; } #cart .cart-prod-list .hCartLink { } #cart .cart-prod-list .hCartLink a { font-size: 18px; line-height: 24px; } #cart .cart-prod-list .hCartProd .hCartProdInfo img { max-width: 60px; } #cart .cart-prod-list .hCartProd .hCartProdInfo p { font-size: 16px; line-height: 20px; } #cart .cart-prod-list .hCartProd .hCartProdDelete { font-size: 14px; align-self: center; } .datosCompra { display: block; } .datosCompra .datosCompraRight { width: 100%; margin: 0 0 20px; } .datosCompra .datosCompraleft { margin: 0; } .datosCompra #dvCestaCont .cestaEnvioGratis, .datosCompra #dvCestaCont .cestaEnvioGratis a, .datosCompra #dvCestaCont .cestaEnvioGratis a span { } .datosCompra { } .datosCompra .datosCompraRight { } .datosCompra .datosCompraLeft { } .datosCompra .dvCabRealizarPedidoMetodo .dvCabRealizarPedidoMetodoInt { } .datosCompra .datosCompraRight #tblVerCesto { } .datosCompra .datosCompraRight #tblVerCesto, .datosCompra .datosCompraRight #tblVerCesto > tbody, .datosCompra .datosCompraRight #tblVerCesto > td, .datosCompra .datosCompraRight #tblVerCesto > tr { } .datosCompra .datosCompraRight #tblVerCesto > th, #tblVerCesto table th, #tblVerCesto > tbody > tr:first-of-type { } .datosCompra .datosCompraRight #tblVerCesto #thCantidadProducto, .datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto, .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto, .datosCompra .datosCompraRight #tblVerCesto #thImporteProducto, .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto, .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto { } .datosCompra .datosCompraRight #tblVerCesto > tbody > tr > td { width: 100%; } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta { display: table-row; } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta:nth-last-child(2) { } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdNombreProducto { width: 100%; display: table-cell; } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdCantidadProducto { display: table-cell; width: 120px; } .datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto .tdCantidadTotal { } .datosCompra #tblVerCesto .tdCantidadProducto .tdCantidadTotal input { } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto { width: 80px; display: table-cell; } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto { width: 32px; display: table-cell; position: relative; min-width: 32px; text-align: center; } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto:before { } .datosCompra .datosCompraRight #tblVerCesto > tbody > tr > td:first-child a img { } .datosCompra .datosCompraRight #tblVerCesto .trTotal { } .datosCompra .datosCompraRight #tblVerCesto .trTotal > td:first-child, .datosCompra #tblVerCesto .trTotal > td:last-child { } .datosCompra .datosCompraRight #tblVerCesto .trTotal > td:first-child:not(:empty) { } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto, .datosCompra .datosCompraRight #tblVerCesto #thImporteProducto, .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto { display: table-cell; width: 120px; min-width: 120px; text-align: right; } .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto { min-width: 180px; } .datosCompra .datosCompraRight .trTotal .spnTotalCarrito { } .datosCompra #dvCestaCont .pIncremPed .spnIncremPed { } .datosCompra #dvCestaCont .cestaEnvioGratis, .datosCompra #dvCestaCont .cestaEnvioGratis a, .datosCompra #dvCestaCont .cestaEnvioGratis a span { width: auto; } .box4 .slideCont .swiper-container { padding-left: 20px } .box4 .swiper-slide { width: calc((1/3.5 * 100%) - 20px); } .box6 { padding: 40px 0; } .box6 .slideCont .swiper-container { padding-left: var(--productos-margin); } .box6 .slideCont .swiper-slide { width: calc((1/3.5 * 100%) - var(--productos-margin)); } .slideCupones3 .slideCuponesCont .sliderCuponesRes .switem { width: calc(50% - 4px) } .prodlist .RCRProdsCont { grid-template-columns: 1fr 1fr 1fr; } .boxMini .slideCont, .boxMiniRel .slideCont { overflow: visible; } .boxMini .slideCont .swiper-slide, .boxMiniRel .slideCont .swiper-slide { width: calc((100% / 4) - (12px * 3 / 4)); } } /*################ ###### 7 6 8 ##### ################*/ @media screen and (min-width: 767px) { header .hcont > div > .htconc .buscador { display: block !important; opacity: 1; } .menu { display: block; } .cd-secondary-dropdown { position: static; padding: 0; } .cd-secondary-dropdown ul { padding: 0; height: auto; position: static; } .cd-secondary-dropdown ul.move-out { position: static; } .cd-secondary-dropdown ul.is-hidden { position: absolute; } .cd-secondary-dropdown ul.move-out > li > p { position: absolute; } .cd-secondary-dropdown.move-out > li > p { position: absolute; } .menu_mob { display: none; } } @media screen and (max-width: 768px) { .title1, #PORT01 .title2, .panel__desc--skin1[data-items="1"] .boxItem .bicTitle { font-size: 26px; line-height: 140%; } .title2 { font-size: 24px; line-height: 140%; } .title3 { font-size: 22px; line-height: 140%; } .socialShare { transform: scale(1.3); width: 76.923%; margin: 0 11.5385% 12px; } .socialShare .sswa { display: block; } #login_box:after { right: 12px; } .radiobtn input[type="radio"] { width: 24px; height: 24px; } .radiobtn > span { } .radiobtn > span:before { width: 24px; height: 24px; } header .header { display: flex; flex-shrink: 1; } header .header .btnmenu.active { z-index: 11; border-radius: 100%; background-color: #fff; } header .header .btnmenu.active.translate:first-child { transform: translateX(320px); } header .header .btnmenu.active.translate:last-child { transform: translateX(-320px); } header .header .headerCont { width: 100%; } header .menu { display: none !important; } header .menu.leftSlide { padding: 0; display: block; } header .menu .menuCont { display: block; width: 100%; } header .menu .menuCont .menulang { display: block; } .mcPrincipal { display: block; position: static; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); visibility: visible; height: auto; overflow: hidden; } .mcPrincipal > a { display: none; } .mcPrincipal > a span { } .mcPrincipal .cd-dropdown-trigger { display: none; } .mcPrincipal ul.cd-dropdown li { height: auto; } .mcPrincipal li a { padding: 20px 12px; } .mcPrincipal ul > li.go-back > p > span:after { padding: 20px 12px; } .mcPrincipal ul > li > p > span { } .cd-dropdown-content { position: static; padding: 0; } .cd-dropdown-content ul { padding: 0; height: auto; position: static; } .cd-dropdown-content ul.move-out { position: static; } .cd-dropdown-content ul.is-hidden { position: absolute; } .cd-dropdown-content ul.move-out > li > p { position: absolute; } .cd-dropdown-content.move-out > li > p { position: absolute; } .mcDestacado { display: block; background: rgba(0,0,0,0.05); } .mcDestacado ul { display: block; } .mcDestacado ul li { border-bottom: 1px solid rgba(0,0,0,0.1); margin-left: 0; } .mcDestacado ul li a { display: block; text-transform: none; padding: 16px 12px; width: 100%; } .mcDestacado ul li a span { } .langSelector { padding: 8px; } .menu_mob.leftSlide, .menu_mob.rightSlide { display: block; } /*MENU*/ /*header .header .btnmenu.active { transform: translateX(320px); z-index: 11; } header .header .fndmenu.active { width: 100%; opacity: 1; }*/ /*MODAL USUARIO*/ #user { position: static; } /*#login_box { width: 300px; display: flex; bottom: 0; right: -304px; position: fixed; height: 100vh; top: 0; font-size: 18px; flex-flow: column wrap; justify-content: center; border: 0; transition: all 300ms ease; }*/ /*#login_box.active { right: 0; box-shadow: 0 0 40px rgba(0,0,0,1); }*/ #login_box:after { content: ""; } #login_box input[type="text"], #login_box input[type="password"] { padding: 8px 12px; } #login_box .spnLogError { } #login_box input[type="button"], #login_box input[type="submit"], #login_box #lnkBtnReg, #login_box #btLoginUsu, #login_box #btLogout { font-size: 16px; line-height: 22px; } #login_box .title { font-size: 18px; margin: 0 0 16px; } #login_box .usuario-registrado { padding: 40px 16px; } #login_box .usuario-registrado input[type="button"], #login_box .UsuReg input[type="submit"] { } #login_box .usuario-registrado a { } #login_box .usuario-no-registrado { padding: 40px 16px; } #login_box .usuario-no-registrado input[type="button"], #login_box .usuario-no-registrado input[type="submit"] { } .Newsletter #dvNewsletterRegister #dvNewsletterRegisterCont form { display: block; } .Newsletter #dvNewsletterRegister #dvNewsletterRegisterCont form > div { width: 100%; } .Newsletter #dlNewsletterRegister { margin: 20px 0 0; padding: 0; } .box2 .boxCont > div > div { flex-flow: row wrap; } .box2 .boxCont .boxItem { width: 100%; } .box2 .boxCont .boxItem > div { padding-bottom: 50%; } .box3a { /* overflow-x: scroll; */ padding: 0 20px 24px 20px; } .box3a .boxCont::-webkit-scrollbar { height: 8px; } .box3a .boxCont::-webkit-scrollbar-track { border-radius: 10px; background-color: #F5F5F5; } .box3a .boxCont::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 0 2px #F5F5F5; background-color: #ccc; } .box3a .boxCont { overflow-x: auto; position: relative; } .box3a .boxCont .boxItem { width: 60%; } .box3a .boxCont .boxItem > div { padding-bottom: 45%; } .box3a .boxCont .boxItem .bicTitle { font-size: 100%; } .box3 { /* overflow-x: scroll; */ padding: 0 0px 24px; } .box3 .boxCont .boxItem { width: 60%; } .box3 .boxCont .boxItem > div { padding-bottom: 45%; } .box3 .boxCont .boxItem .bicTitle { font-size: 100%; } .bndBox3 .bndBox3Cont { display: block; } .bndBox3 .bndBox3Cont > div { width: 100%; } .bndBox3 .bndBox3Cont > div:not(:last-child) { margin: 0 0 12px; } footer .footerInfo .footerInfoCont .FICBox:first-child { width: 100%; margin-bottom: 24px } footer .footerInfo .footerInfoCont .FICBox:nth-of-type(2), footer .footerInfo .footerInfoCont .FICBox:last-of-type, footer .footerInfo .footerInfoCont .FICBox:first-of-type { width: 100%; margin: 12px 0; } footer .footerInfo .footerInfoCont .FICBox:nth-child(2) { border: 0 } footer .footerInfo .footerInfoCont .vline { width: 100%; height: 2px; } .Marcas .genericCont .listadoMarcas ul li { width: calc(25% - 16px); } .contactBand { display: block; text-align: center; } .contactBand .socialUl { text-align: center; } .generic .dvPromo { display: block; } .generic .dvPromo .img { width: 180px; float: left; } .generic .dvPromo .left { width: auto; } .generic .dvPromo .right { width: 100%; } #dvValidarChequeRegalo { display: block; } #dvValidarChequeRegalo > form { margin: 20px 0 0; max-width: 100%; } #dvContactoInfo { display: block; } #dvContactoInfo .ContactoInfo { width: 100%; margin: 0 0 20px; } #dvContactoInfo .ContactoMapa { width: 100%; } .usuarios .dvDatosGenerales .dvDatosGeneralesForm { display: block; } .usuarios .dvDatosGenerales .dvDatosGeneralesForm .dvDatosGeneralesFormLeft { margin: 0; } .usuarios .dvDatosGenerales .dvDatosGeneralesForm .dvDatosGeneralesFormRight { padding: 0; border: 0; } #tblVerCesto, #tblVerCesto > tbody, #tblVerCesto > td, #tblVerCesto > tr { display: block; width: 100%; } #tblVerCesto > th, #tblVerCesto table th, #tblVerCesto > tbody > tr:first-of-type { display: none; } #tblVerCesto #thCantidadProducto, #tblVerCesto .tdCantidadProducto, #tblVerCesto .trProductoCesta .tdImporteProducto, #tblVerCesto #thImporteProducto, #tblVerCesto .tdImporteTotalProducto, #tblVerCesto .trProductoCesta .tdEliminaProducto { width: 100%; } #tblVerCesto > tbody > tr > td { padding: 8px; } #tblVerCesto .trProductoCesta { display: flex; flex-flow: row wrap; /* margin: 0 0 20px; */ background: rgba(0,0,0,0.02); } #tblVerCesto .trProductoCesta .tdNombreProducto { width: 100%; } #tblVerCesto .trProductoCesta .tdCantidadProducto { width: 45%; } #tblVerCesto .tdCantidadProducto .tdCantidadTotal { padding: 4px 0; } #tblVerCesto .trProductoCesta .tdImporteProducto { width: 45%; text-align: center; display: flex; align-items: center; justify-content: flex-end; font-weight: var(--bold1); font-size: 130%; } #tblVerCesto .trProductoCesta .tdEliminaProducto { width: 10%; display: flex; align-items: center; justify-content: center; } #tblVerCesto .trProductoCesta .tdEliminaProducto:before { font-size: 14px; } #tblVerCesto > tbody > tr > td:first-child a img { width: 80px; border-radius: 4px; } #tblVerCesto .trTotal { font-weight: var(--bold1); display: block; } #tblVerCesto .trTotal > td:first-child, #tblVerCesto .trTotal > td:last-child { display: none; } #tblVerCesto .trTotal > td:first-child:not(:empty) { display: block; } #tblVerCesto .trProductoCesta .tdImporteProducto, #tblVerCesto #thImporteProducto, #tblVerCesto .tdImporteTotalProducto { font-size: 120%; } .trTotal .spnTotalCarrito { font-size: 130%; } #dvCuponesCarrito .aplicados > div { padding: 4px 8px; } #dvCuponesCarrito .aplicados .nombre { } #dvCuponesCarrito .aplicados .eliminar a { font-size: 14px; } #dvCuponesCarrito .aplicar { max-width: 100%; } #dvCuponesCarrito > p { max-width: 100%; } #dvCuponesCarrito .aplicados:not(:last-child) { order: 0; margin-bottom: 8px; } #dvPedidosListUserCont table tr td { padding: 12px 4px; } #dvPedidosListUserCont table th:last-child, #dvPedidosListUserCont table th:nth-child(5), #dvPedidosListUserCont table th:nth-child(4), #dvPedidosListUserCont table th:nth-child(6) { display: none; } #dvPedidosListUserCont table tr td:last-child, #dvPedidosListUserCont table tr td:nth-child(5), #dvPedidosListUserCont table tr td:nth-child(4), #dvPedidosListUserCont table tr td:nth-child(6) { display: none; } #dvPedidosListUserCont table tr td:nth-child(3) { width: 90px; min-width: 90px; } #tblResumenProds, #tblResumenProds > tbody, #tblResumenProds > td, #tblResumenProds > tr { display: block; width: 100%; } #tblResumenProds > th, #tblResumenProds table th, #tblResumenProds > tbody > tr:first-of-type { display: none; } #tblResumenProds #thCantidadProducto, #tblResumenProds .tdCantidadProducto, #tblResumenProds .trProductoCesta .tdImporteProducto, #tblResumenProds #thImporteProducto, #tblResumenProds .tdImporteTotalProducto, #tblResumenProds .trProductoCesta .tdEliminaProducto { width: 100%; } #tblResumenProds > tbody > tr > td { padding: 8px; } #tblResumenProds .trProductoCesta { display: flex; flex-flow: row wrap; margin: 0 0 20px; background: rgba(0,0,0,0.02); } #tblResumenProds .trProductoCesta .tdNombreProducto { width: 100%; } #tblResumenProds .trProductoCesta .tdCantidadProducto { width: 45%; } #tblResumenProds .tdCantidadProducto .tdCantidadTotal { padding: 4px 0; } #tblResumenProds .trProductoCesta .tdImporteProducto { width: 45%; text-align: center; display: flex; align-items: center; justify-content: flex-end; font-weight: var(--bold1); font-size: 130%; } #tblResumenProds .trProductoCesta .tdEliminaProducto { width: 10%; display: flex; align-items: center; justify-content: center; } #tblResumenProds .trProductoCesta .tdEliminaProducto:before { font-size: 14px; } #tblResumenProds > tbody > tr > td:first-child a img { width: 80px; } #tblResumenProds .trTotal { font-weight: var(--bold1); } #tblResumenProds .trTotal > td:first-child, #tblResumenProds .trTotal > td:last-child { display: none; } #tblResumenProds .trProductoCesta .tdImporteProducto, #tblResumenProds #thImporteProducto, #tblResumenProds .tdImporteTotalProducto { font-size: 120%; } .generic .genericCont .resumenCarrito { display: block; } .generic .genericCont .resumenCarrito .resumenFacturacion, .resumenCarrito .resumenEnvio { width: 100%; } .resumenProductos #tblResumenProds, .resumenProductos #tblResumenProds > tbody, .resumenProductos #tblResumenProds td, .resumenProductos #tblResumenProds tr { display: block; width: 100%; text-align: center; } .resumenProductos #tblResumenProds tr { display: flex; flex-flow: row wrap; padding: 8px; } .resumenProductos #tblResumenProds > tbody > tr > td:first-child { font-weight: var(--bold1); } .resumenProductos #tblResumenProds > tbody > tr:not(.trTotales) > td:first-child:before { content: "\f105"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-right: 4px; font-size: 16px; } .resumenProductos #tblResumenProds > tbody > tr > td:nth-child(2) { width: 50%; text-align: left; } .resumenProductos #tblResumenProds > tbody > tr > td:nth-child(3) { width: 50%; text-align: right; } .resumenProductos #tblResumenProds > tbody > tr.trTotales div:not(:last-child) { border-bottom: 1px solid rgba(0,0,0,0.05); padding-bottom: 4px; } /*catalogo*/ body.catalog footer .footerInfo .footerInfoCont .FICBox:first-of-type { width: 100%; } body.catalog footer .footerInfo .footerInfoCont .FICBox:nth-of-type(2) { width: 0; } body.catalog footer .footerInfo .footerInfoCont .FICBox:last-of-type { width: 100%; } .datosCompra { } .datosCompra .datosCompraRight { } .datosCompra .datosCompraLeft { } .datosCompra .dvCabRealizarPedidoMetodo .dvCabRealizarPedidoMetodoInt { padding: 12px 12px 0; } .datosCompra .datosCompraRight #tblVerCesto { } .datosCompra .datosCompraRight #tblVerCesto, .datosCompra .datosCompraRight #tblVerCesto > tbody, .datosCompra .datosCompraRight #tblVerCesto > td, .datosCompra .datosCompraRight #tblVerCesto > tr { padding: 0; } .datosCompra .datosCompraRight #tblVerCesto > th, #tblVerCesto table th, #tblVerCesto > tbody > tr:first-of-type { } .datosCompra .datosCompraRight #tblVerCesto #thCantidadProducto, .datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto, .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto, .datosCompra .datosCompraRight #tblVerCesto #thImporteProducto, .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto, .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto { } .datosCompra .datosCompraRight #tblVerCesto > tbody > tr > td { display: table-cell; width: auto; } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta { display: flex; } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta:nth-last-child(2) { } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdNombreProducto { width: 100%; display: block; } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdCantidadProducto { display: block; width: 45%; max-width: 100%; } .datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto .tdCantidadTotal { } .datosCompra #tblVerCesto .tdCantidadProducto .tdCantidadTotal input { } .datosCompra .datosCompraRight #tblVerCesto > tbody > tr > td:first-child a img { } .datosCompra .datosCompraRight #tblVerCesto .trTotal { } .datosCompra .datosCompraRight #tblVerCesto .trTotal > td:first-child, .datosCompra #tblVerCesto .trTotal > td:last-child { } .datosCompra .datosCompraRight #tblVerCesto .trTotal > td:first-child:not(:empty) { } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto, .datosCompra .datosCompraRight #tblVerCesto #thImporteProducto, .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto { display: block; width: 120px; min-width: 120px; text-align: right; } .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto { min-width: 180px; display: table-cell; width: 100%; padding: 8px; } .datosCompra .datosCompraRight .trTotal .spnTotalCarrito { } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto { width: 45% !important; text-align: center; display: flex; align-items: center; justify-content: flex-end; font-weight: var(--bold1); font-size: 120%; } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto { width: 10%; display: flex; align-items: center; justify-content: center; } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto:before { } .datosCompra #dvCestaCont .pIncremPed .spnIncremPed { } .datosCompra #dvCestaCont .cestaEnvioGratis, .datosCompra #dvCestaCont .cestaEnvioGratis a, .datosCompra #dvCestaCont .cestaEnvioGratis a span { width: auto; } /*NOTICIAS*/ .widNot .widNotCont .bgc { padding: 0 12px; } .bmmin2 > .widNotCont > .widNotContNots { column-count: 1; } .bmmin3 .widNotContNots { justify-content: space-between; } .bmmin3 .bloggalcont > .bgc { padding: 0; margin: 0 0 8px; } .bmmin3 .bloggalcont { text-align: left; width: calc(50% - 10px); text-decoration: none; padding: 0; } .bmmin3 .bloggalcont:nth-child(3n-1) { margin: 0 0 20px; } .bmmin3 .bloggalcont > .bgc > .bgctitle { } .bmmin3 .bloggalcont > .bgc > .bgctitle:after { top: 40px } .bmmin3 .bloggalcont > .bgc > .bgctitle a { font-size: 16px; line-height: 20px; } .bmmin3 .bloggalcont .bgcinfo { display: none; } .box4 .swiper-slide { width: calc((1/2.7 * 100%) - (var(--productos-margin)*(2/3))); } .box6 .slideCont .swiper-slide { width: calc((1/3.5 * 100%) - var(--productos-margin)); } } /*################ ###### 6 4 0 ##### ################*/ @media screen and (min-width: 640px) { #search { display: block !important; opacity: 1; } } @media screen and (max-width: 640px) { .title1, #PORT01 .title2 { font-size: 24px; line-height: 140%; } .title2 { font-size: 22px; line-height: 140%; } .title3 { font-size: 20px; line-height: 140%; } .news1 .newsCont .title2 { font-size: 24px; line-height: 140%; } .SimpleModal.modal-mcd .title { font-size: 24px; line-height: 140%; } #PORT02 .PORT02Cont { grid-template-columns: 1fr; grid-gap: 16px; } .dvBanner:not(.slideCupones3) { padding: 12px; } .boxMini { } .Marcas .genericCont .listadoMarcas ul li { width: calc(33.333% - 16px); } #dvContactoCont { } #dvContactoInfo { } #dvContactoInfo > p { } #dvContactoInfo .ContactoInfo { } #dvContactoInfo .ContactoMapa { } #dvContactoInfo .ContactoMapa iframe { } .dvContactoForm { } #ulContatoInfo { } #ulContatoInfo .dvContactoFormItem, #ulContatoInfo .dvContactoFormGroup { } #ulContatoInfo input[type="text"], #ulContatoInfo textarea { } .dvContatoInfoSup { display: block; } .dvContatoInfoSup .dvContactoFormLeft { } .dvContatoInfoSup .dvContactoFormLeft .dvContactoFormItem { } .dvContatoInfoSup .dvContactoFormLeft .dvContactoFormItem input { } .dvContatoInfoSup .dvContactoFormRight { margin: 0; } .dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem { } .dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo { } .dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo textarea { } .dvContatoInfoSub { display: block; } .dvContatoInfoSub .ulContatoInfoSubItem { } .dvContatoInfoSub .ulContatoInfoSubItem .dvContactoInfo:last-child { max-width: 100%; } .dvContatoInfoSub .tac { width: 100%; margin: 0 0 12px; } .dvContatoInfoSub input[type="button"] { width: 100% } .dvContatoInfoSub .tac .dvContactoInfo { } .dvContatoInfoSub .ulContatoInfoSubGroup { width: 100%; margin: 0; } .dvContatoInfoSub input[type="submit"] { } .generic .genericCont #dvDetFactEnv { display: block; } .generic .genericCont #dvDetFactEnv > * { width: 100%; } .carritoDatos .carritoDatosRight .carritoFacturacion ul li, .carritoDatos .carritoDatosRight .carritoEnvio ul li { width: 100%; margin: 0 0 4px; } .carritoDatos .carritoDatosRight .carritoFacturacion, .carritoDatos .carritoDatosRight .carritoEnvio, .carritoDatos .carritoDatosRight .carritoPago, .carritoDatos .carritoDatosLeft .carritoObservaciones { padding: 12px; } #dvLnkCarrito .btnIzq span { display: none; } #dvMetodoPagoBotones { flex-direction: column-reverse; align-items: center; } #dvMetodoPagoBotones .btnDerCont { margin: 0 0 32px; align-items: center; } #dvMetodoPagoBotones .btnDerCont > * { align-self: center; } .formBox > div #ulContatoInfo .dvContatoInfoSup { display: block; } .formBox > div #ulContatoInfo .dvContactoFormLeft { margin: 0; width: 100%; } .formBox > div #ulContatoInfo .dvContactoFormRight { margin: 0; width: 100%; } .formBox > div #ulContatoInfo .dvContatoInfoSub { display: block; } .formBox > div #ulContatoInfo .dvContatoInfoSub .tac, .formBox > div #ulContatoInfo .dvContatoInfoSub #bc_enviar { width: 100%; margin: 0 0 8px; } .formBox > div #ulContatoInfo input[type="text"], .formBox > div #ulContatoInfo input[type="tel"], .formBox > div #ulContatoInfo input[type="email"], .formBox > div #ulContatoInfo textarea { padding: 8px; } .SimpleModal.modal-mcd .wrap { padding: 32px 12px 12px; max-height: 100vh; } .SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .nombre { font-size: 16px; line-height: 20px; } .SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .codigo { font-size: 14px; line-height: 18px; } .SimpleModal.modal-mcd .cuponInfoCont { display: block; margin: 0 auto; } .SimpleModal.modal-mcd .cuponInfoCont .img { width: 100%; } .SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText { width: 100%; min-height: 130px; flex: 1; padding: 24px 8px; } .loginCart { display: block; text-align: center; } .loginCart .loginCartReg { width: 100%; } .loginCart .loginCartNoReg { width: 100%; } .breadcrumb { margin: 0 0 12px; } .bmmin1 .bloggalcont > a > img { width: 160px; max-width: 160px; min-width: 160px; } .box2 .boxCont .boxItem { margin-bottom: var(--mosaico-margin) } .box3 .boxCont .boxItem { width: calc((1/1.333 * 100%) - (var(--mosaico-margin)*(2/3))); } .box4 .slideCont .sw { padding-left: 0; } .box4 .swiper-slide { width: calc((1/1.75 * 100%) - (var(--productos-margin)*(2/3))); } .box6 .slideCont .swiper-slide { width: calc((1/2 * 100%) - var(--productos-margin)); } .slideCupones3 .slideCuponesCont .sliderCuponesRes .switem { width: calc(100% - 4px) } .RCRProdsCont, .prodlist .RCRProdsCont { grid-template-columns: 1fr 1fr; } .RCRProds .RCRProdsPrev { flex-direction: column; } .RCRProds .RCRProdsPrev .RCRProdsPrevRight { justify-content: center; width: 100%; max-width: 420px; } .RCRProds .RCRProdsPrev .numProds { margin: 8px auto; } .boxMini .slideCont .swiper-slide, .boxMiniRel .slideCont .swiper-slide { width: calc((100% / 2) - (12px * 2 / 3)); } .bmmin3 .widNotContNots .bloggalcont { width: 48%; } .bmmin3 .widNotContNots .bloggalcont:nth-child(3):last-child, .bmmin3 .widNotContNots .bloggalcont:nth-child(2):last-child, .bmmin3 .widNotContNots .bloggalcont:first-child:last-child { margin-right: inherit; } } /*################ ###### 4 8 0 ##### ################*/ @media screen and (max-width: 480px) { .box2 .boxCont .boxItem > div { padding-bottom: 75% } .box3 .boxCont .boxItem > div { padding-bottom: 75%; } .news1 .newsCont .newsMail form { display: block; } .news1 .newsCont .newsMail .newsInput { } .news1 .newsCont .newsMail .newsBtn { margin: 8px auto 0; padding: 8px 12px; width: 100%; } footer { text-align: center; } footer .footerInfo .footerInfoCont { /* flex-flow:column-reverse wrap; */ } footer .footerInfo .footerInfoCont .FICBox { width: 100%; margin-bottom: 32px; } footer .footerInfo .footerInfoCont .FICBox .FICBoxList { column-count: 1; } footer .footerEnd .footerEndCont > div { width: 100%; } footer .footerInfo .footerInfoCont .FICBox .FICBoxList li { justify-content: center; } footer .footer-footerEnd .footerEndCont .FECPaxinas { margin-top: 12px; } footer .footerEnd .footerEndCont .FECPaxinas { justify-content: center; } .Marcas .genericCont .listadoMarcas ul li { width: calc(50% - 16px); } .Newsletter #dlNewsletterRegister .newsletterEnvio .dlCaptcha { margin: 0 0 12px; width: 100%; } .Newsletter #dlNewsletterRegister .newsletterEnvio { display: block; } .dvContatoInfoSub .ulContatoInfoSubItem { display: block; } .dvContatoInfoSub .dvCaptcha { width: 100%; margin: 0 0 12px; } .usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect span { width: 20%; } .usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect span:nth-child(2) { width: 45% } /* header .header .btnmenu.active.translate { transform: translateX(280px); }*/ header .header .btnmenu.active.translate:first-child { transform: translateX(280px); } header .header .btnmenu.active.translate:last-child { transform: translateX(-280px); } .leftSlide.menu_mob { left: -280px; width: 280px; } .rightSlide.menu_mob { right: -280px; width: 280px; } /*header .menu { left: -280px; width: 280px; }*/ #tblVerCesto > tbody > tr > td:first-child a img { width: 56px; } #tblVerCesto .trTotal #liPagaMasTardeSim { flex-direction: column; max-width: 360px; margin: 0 auto; } #tblVerCesto .trTotal #liPagaMasTardeSim:before { height: 50px; width: 100%; justify-content: center; } #dvLnkCarrito { flex-direction: column; } #dvLnkCarrito .btnDer { width: 100%; margin: 0 0 12px; justify-content: center; } #dvLnkCarrito .btnIzq { width: 100%; justify-content: center; } #dvMetodoPagoBotones .btnDerCont { margin: 0 0 12px; } #dvMetodoPagoBotones .btnDerCont > * { width: 100%; justify-content: center; margin: 0 0 12px; } #dvMetodoPagoBotones .btnIzq { width: 100%; justify-content: center; } .SimpleModal.LoginRegister-modal .wrap { padding: 48px 12px 12px; } #Res .RCRProdsCont .prodItem { width: 100%; margin: 0 auto 20px; max-width: 280px; } .slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo:before { display: none; } .generic .dvPromo { max-width: 300px; margin: 0 auto; } .generic .dvPromo:not(:last-child) { margin: 0 auto 20px; } .generic .dvPromo .img { width: 100%; float: none; padding: 12px 12px 0; } .generic .dvPromo .img a { max-width: 280px; padding: 0; } .generic .dvPromo .left { width: 100%; } .generic .dvPromo .right { width: 100%; } .dvBanner.envioMini .dvBannerCont { font-size: 12px; line-height: 14px; } /* MOSAICO */ .bmmin1 .bloggalcont > a > img { width: 120px; max-width: 120px; min-width: 120px; } .bmmin1 .bloggalcont .bgcinfo { max-height: 40px; display: none; } /*.box4 .swiper-slide { width: calc((1/1.333 * 100%) - 20px); }*/ .box4 { padding: var(--section-margin) 0; } .socialBox--fixed .socialUl a { width: 48px; height: 48px; font-size: 28px; } } /* ANIMACIONES */ @-webkit-keyframes inM { 50% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(45deg); } } @keyframes inM { 50% { transform: rotate(0deg); } 100% { transform: rotate(45deg); } } @-webkit-keyframes outM { 50% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(45deg); } } @keyframes outM { 50% { transform: rotate(0deg); } 100% { transform: rotate(45deg); } } @-webkit-keyframes inT { 0% { -webkit-transform: translateY(0px) rotate(0deg); } 50% { -webkit-transform: translateY(5px) rotate(0deg); } 100% { -webkit-transform: translateY(5px) rotate(135deg); } } @keyframes inT { 0% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(5px) rotate(0deg); } 100% { transform: translateY(5px) rotate(135deg); } } @-webkit-keyframes outT { 0% { -webkit-transform: translateY(0px) rotate(0deg); } 50% { -webkit-transform: translateY(5px) rotate(0deg); } 100% { -webkit-transform: translateY(5px) rotate(135deg); } } @keyframes outT { 0% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(5px) rotate(0deg); } 100% { transform: translateY(5px) rotate(135deg); } } @-webkit-keyframes inBtm { 0% { -webkit-transform: translateY(0px) rotate(0deg); } 50% { -webkit-transform: translateY(-5px) rotate(0deg); } 100% { -webkit-transform: translateY(-5px) rotate(135deg); } } @keyframes inBtm { 0% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-5px) rotate(0deg); } 100% { transform: translateY(-5px) rotate(135deg); } } @-webkit-keyframes outBtm { 0% { -webkit-transform: translateY(0px) rotate(0deg); } 50% { -webkit-transform: translateY(-5px) rotate(0deg); } 100% { -webkit-transform: translateY(-5px) rotate(135deg); } } @keyframes outBtm { 0% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-5px) rotate(0deg); } 100% { transform: translateY(-5px) rotate(135deg); } } @keyframes blink { 0% { opacity: 1; } 16.6666% { opacity: 0; } 33.3333% { opacity: 1; } 50% { opacity: 0; } 66.6666% { opacity: 1; } 83.3333% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes blink { 0% { opacity: 1; } 16.6666% { opacity: 0; } 33.3333% { opacity: 1; } 50% { opacity: 0; } 66.6666% { opacity: 1; } 83.3333% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes flash { 0% { opacity: 1 } 3% { opacity: 0 } 6% { opacity: 1 } 9% { opacity: 0 } 12% { opacity: 1 } 15% { opacity: 0 } 18% { opacity: 1 } 100% { opacity: 1 } } @keyframes flash { 0% { opacity: 1 } 3% { opacity: 0 } 6% { opacity: 1 } 9% { opacity: 0 } 12% { opacity: 1 } 15% { opacity: 0 } 18% { opacity: 1 } 100% { opacity: 1 } } /*Cambiar iconos de carrito: f07a f290 f847 f291 f49d*/ .fa-shopping-cart:before { content: "\f291"!important; font-weight:var(--weight-fa); } /*Cambiar iconos de carrito: f007 f0c0 f2bd f508 f582 f406 f7bd f2b9*/ .fa-user:before { content: "\f007"!important; font-weight:var(--weight-fa);} .fa-search:before{font-weight:var(--weight-fa);} header{border-bottom:1px solid rgba(0,0,0,0.1); } /* Estilo para dise�o 1B */ /* PreHeader */ header .preHeader { background: #f0f0f0;display:none; } header .preHeader .preHeaderCont { padding: 4px 8px; display: flex; justify-content: space-between; align-items: center; font-weight: normal; font-size: 12px; line-height: 140%; max-width: var(--max-width); margin: 0 auto; } header .preHeader .preHeaderCont .phcLeft { } header .preHeader .preHeaderCont .phcLeft p { text-transform: uppercase; font-weight: var(--bold1); color: #333; font-size: 15px; } header .preHeader .preHeaderCont .phcRight { flex-shrink: 0; margin-left: 12px; display: flex; flex-flow: row wrap; align-items: center; } /*Header*/ header .header .headerCont .hcRight{margin-left:20px;} header .header { position: relative; max-width: 100%; } header .header .headerCont { padding:20px 12px; display: grid; justify-content: space-between; align-items: center; max-width: var(--max-width); margin: 0 auto; grid-template-columns:1fr auto 1fr;} header .header .btnmenu { padding: 0; align-items: initial; display:none; 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%;*/display:flex; align-items:center } header .header .headerCont .hcLeft .hcLogo a { } header .header .headerCont .hcLeft .hcLogo a img { display: block; max-width: 300px; width: 100%; } header .header .headerCont .hcCenter { display: flex; justify-content: center; width: 100%; } /* Carrito */ #cart {margin-left: 12px;font-weight: var(--bold1); font-size: 16px; line-height: 140%; flex-shrink: 0;position: relative;} #cart > a { text-decoration: none; display: flex; line-height: 28px; border: 0; overflow: visible; align-items: center; position: relative; color:#333; } #cart > a i {border:1px solid; font-size: 20px; width: 36px; height: 36px; text-align: center; display: inline-flex; justify-content: center; align-items: center; color:var(--primary); border-radius: var(--radius1);} #cart > a > span { padding: 0; } #cart .cant{ width: 15px; height: 15px;font-size: 11px; border-radius: 50%; background: #666; display: block; color: white; display: flex; align-items: center; justify-content: center; position:absolute;top:-6px;right:-6px;} #cart > a > span span:last-child{display:none;} #login_box:after{right:8px;} /* Usuario */ #user { margin-left: 12px; font-weight: var(--bold1); font-size: 16px; line-height: 140%; flex-shrink: 0; position: relative;} #user > a { text-decoration: none; display: flex; line-height: 28px; border: 0; overflow: hidden; align-items: center; color: #333; } #user a i:not(#btLogout) {border:1px solid; font-size: 20px; width: 36px; height: 36px; text-align: center; display: inline-flex; justify-content: center; align-items: center; color:var(--primary); border-radius: var(--radius1); } #user a #btLogout { margin: 4px 16px 4px 0; font-size: 12px; } #user a > span{display:none;} .langSelector{margin-left:16px;} /*Buscador*/ .searchCont{width:auto;} #search .searchBar { position: relative;} #search .searchBar input {cursor:pointer; background: #eee; border-radius: var(--radius1); border: 1px solid transparent; position: relative; z-index: 1; padding-right:46px; height:36px; line-height: 24px; display: block; margin: 0 0 0 auto; transition: all 300ms ease;} #search .searchBar input:focus { outline: none; border-color: #b1c5ff; } #search .searchBar a {border-radius: var(--radius1); text-decoration:none; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: inherit; font-size: 20px; width: 36px; height: 36px; z-index:2;display: inline-flex; justify-content: center; align-items: center; } #search .searchBar a i{font-weight:300; font-size: 20px;} #searchbtn a i { border:1px solid; font-size: 20px; width: 32px; height: 32px; border-radius: var(--radius1); } header .header .headerCont #searchbtn{margin-left:auto;} header .menu{display:none;} header .header .headerCont .hcCenter{width:auto;} header .header .headerCont .mcDestacado ul{justify-content:center;} header .header .headerCont .mcDestacado ul li{margin:0 8px;} header .header .headerCont .mcDestacado ul li a{padding:4px; font-size:15px;} header .header .headerCont .hcLeft{align-items:initial;} header .header .headerCont .hcLeft .mcPrincipal{margin-right:20px;} header .header .headerCont .hcLeft .mcPrincipal .navTrigger{display:flex; width:36px; } header .header .headerCont .hcLeft .mcPrincipal .navTrigger i:nth-child(2){margin:6px 0;} header .header .headerCont .hcLeft .mcPrincipal .cd-dropdown-trigger{padding:0;} header .header .headerCont .hcLeft .mcPrincipal .cd-dropdown-trigger span{display:none;} header .header .headerCont .hcLeft .mcPrincipal .cd-dropdown-trigger:after, header .header .headerCont .hcLeft .mcPrincipal .cd-dropdown-trigger:before{display:none;} /*################ ##### 1 0 2 3 #### ################*/ @media screen and (min-width: 1024px) { #cart .cart-prod-list:after{right:8px;} #cart .cart-prod-list,#login_box{top:calc(100% + 12px);} #search .searchBar a {border:1px solid;} #search .searchBar input {background:transparent;z-index:3; padding:0; opacity:0; width:36px;} #search:has(input:focus),#search:has(input:active){color:#333;} #search:has(input:focus) .searchBar a,#search:has(input:active) .searchBar a{border:0;} #search .searchBar input:focus, #search .searchBar input:active { width: 100%; z-index: 0; border: 1px solid #ddd;background:#fff; padding: 6px 46px 6px 12px; opacity: 1;} #search .searchBar input::placeholder { opacity: 0; transition: all 300ms ease; } #search .searchBar input:active::placeholder, #search .searchBar input:focus::placeholder { opacity: 1; } } @media screen and (max-width: 1023px) { header .header .headerCont .hcLeft .hcLogo a img{max-width:260px;} header .header .headerCont { grid-template-columns:max-content min-content;} header .header .headerCont .hcCenter{display:none;} #cart > a i{width:32px; height:32px;font-size:20px; } #user a i:not(#btLogout){width:32px; height:32px;font-size:20px; } .searchCont{width:auto;} } /*################ ##### 9 6 0 #### ################*/ @media screen and (max-width: 960px) { } /*################ ##### 7 6 8 #### ################*/ @media screen and (min-width: 769px) { .cd-dropdown{top:calc(100% + 12px);} @keyframes inT { 0% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(8px) rotate(0deg); } 100% { transform: translateY(8px) rotate(135deg); } } @-webkit-keyframes outT { 0% { -webkit-transform: translateY(0px) rotate(0deg); } 50% { -webkit-transform: translateY(8px) rotate(0deg); } 100% { -webkit-transform: translateY(8px) rotate(135deg); } } } @media screen and (max-width: 768px) { header .header .headerCont .hcLeft{align-items:center;} header .header .headerCont .mcPrincipal{display:none;} header .header .btnmenu{display:flex;} header .header .headerCont .hcRight .langSelector{display:none;} .langSelector{margin:0;} } /*################ ##### 6 4 0 #### ################*/ @media screen and (min-width: 640px) { } @media screen and (max-width: 640px) { header .header .headerCont{padding:12px;} #cart{margin-left:12px;} #user{margin-left:12px;} header .header .headerCont .hcLeft{margin-right:8px;} header .header .headerCont .hcRight{margin-left:8px;} header .header .headerCont .hcLeft .hcLogo a img{max-width:160px;} } /*################ ##### 4 8 0 #### ################*/ @media screen and (max-width: 480px) { } /** * Swiper 4.2.6 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: May 1, 2018 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width: auto;height: auto;margin-top: -20px;z-index:9;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat;font-size: 20px;padding: 4px;line-height: 40px;}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto;}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:-8px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#333}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} /*Botones*/ .panel__desc--skin1 .boxCont .bicBtn {display: inline-flex;align-items: center;text-decoration: none;color: var(--secondary-invert); background:var(--secondary); padding: 8px 16px; border-radius: var(--radius1); font-size: 90%;line-height: 140%; text-transform: uppercase; font-weight: var(--bold1);} /*#PORT01 { margin: calc(var(--mosaico-margin)/2) auto; }*/ /*############ PANEL SIMPLE � Im�genes 2:1 horizontales (1200x600) */ .panel__simple--skin1 { margin:0 auto; max-width: 1920px; padding:0; } .panel__simple--skin1 .switem { position: relative; border-radius: var(--radius-default); overflow: hidden; } .panel__simple--skin1 .switem a { text-decoration: none; color: white; } .panel__simple--skin1 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; padding-bottom: calc((1/2) * 100%); } .panel__simple--skin1 .switem .switemimg img { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; } .panel__simple--skin1 .switem, .panel__simple--skin1 .switem.swiper-slide-active:active { transform: scale(0.9); transition: all 100ms ease; opacity: .8; } .panel__simple--skin1 .switem.swiper-slide-active:active a { cursor: grabbing; } .panel__simple--skin1 .switem .switeminfocont { } .panel__simple--skin1 .switem .switeminfo { display: flex; flex-direction: column; justify-content: center; backdrop-filter: blur(3px); color: #fff; padding: 16px 48px; position: absolute; top: 0; left: 0; right: 12px; width: 40%; bottom: 0px; background: rgba(0,0,0,0.4); text-align: center; } .panel__simple--skin1 .switem .switeminfo .switemtitle .titulo2 { font-size: 38px; line-height: 120%; text-overflow: inherit; white-space: inherit; } .panel__simple--skin1 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 8px; } .panel__simple--skin1 .switem .switeminfo .switemdesc { margin: 0 0 12px; } .panel__simple--skin1 .switem .switeminfo .switemdesc:last-child { margin: 0; } .panel__simple--skin1 .switem .switeminfo .switemdesc p { margin: 0; } .panel__simple--skin1 .switem.swiper-slide-duplicate-active, .panel__simple--skin1 .switem.swiper-slide-active { transform: scale(1); opacity: 1; } .panel__simple--skin1 .swiper-button-next { right: 2px; text-shadow: 1px 0px 0 white } .panel__simple--skin1 .swiper-button-prev { left: 2px; text-shadow: -1px 0px 0 white } .panel__simple--skin1 .switem .switeminfo .switemadd{display: inline-flex;align-items: center;text-decoration: none;color: var(--secondary-invert); background:var(--secondary); padding: 8px 12px; border-radius: var(--radius1); font-size: 90%;line-height: 140%; text-transform: uppercase; font-weight: var(--bold1);} .panel__simple--skin1 .switem .switeminfo .switemadd:after { content: "\f105"; font-weight: var(--bold1); font-family: "Font Awesome 5 Pro"; font-size: 14px; margin-left: 8px; } .panel__simple--skin2 { margin:0 auto; max-width: 1920px; padding:0; } .panel__simple--skin2 .switem { position: relative; border-radius: var(--radius-default); overflow: hidden; } .panel__simple--skin2 .switem a { text-decoration: none; color: white; display:flex; flex-direction:row-reverse; } .panel__simple--skin2 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; flex:1; padding-bottom:38%; min-width:50%; } .panel__simple--skin2 .switem .switemimg img { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; } .panel__simple--skin2 .switem, .panel__simple--skin2 .switem.swiper-slide-active:active { transform: scale(0.9); transition: all 100ms ease; opacity: .8; } .panel__simple--skin2 .switem.swiper-slide-active:active a { cursor: grabbing; } .panel__simple--skin2 .switem .switeminfocont { } .panel__simple--skin2 .switem .switeminfo { display: flex; flex-direction: column; flex:1; justify-content: center; backdrop-filter: blur(3px); color: #fff; padding: 20px 40px; background: var(--primary); text-align: center; } .panel__simple--skin2 .switem .switeminfo .switemtitle .titulo2 { font-size: 38px; line-height: 140%; text-overflow: inherit; white-space: inherit; } .panel__simple--skin2 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; } .panel__simple--skin2 .switem .switeminfo .switemdesc { margin: 0 0 16px; } .panel__simple--skin2 .switem .switeminfo .switemdesc:last-child { margin: 0; } .panel__simple--skin2 .switem .switeminfo .switemdesc p { margin: 0; } .panel__simple--skin2 .switem.swiper-slide-duplicate-active, .panel__simple--skin2 .switem.swiper-slide-active { transform: scale(1); opacity: 1; } .panel__simple--skin2 .swiper-button-next { right: 2px; text-shadow: 1px 0px 0 white } .panel__simple--skin2 .swiper-button-prev { left: 2px; text-shadow: -1px 0px 0 white } .panel__simple--skin2 .switem .switeminfo .switemadd{display: inline-flex;align-items: center;text-decoration: none;color: var(--color1-neg); border:1px solid #fff; padding: 8px 12px; border-radius: var(--radius1); font-size: 90%;line-height: 140%; text-transform: uppercase; font-weight: var(--bold1);} .panel__simple--skin2 .switem .switeminfo .switemadd:after { content: "\f105"; font-weight: var(--bold1); font-family: "Font Awesome 5 Pro"; font-size: 14px; margin-left: 8px; } .panel__simple--skin3 { padding:0;} .panel__simple--skin3 .switem { position: relative; border-radius: var(--radius-default); overflow: hidden; } .panel__simple--skin3 .switem a { text-decoration: none; color:inherit; } .panel__simple--skin3 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; height:80vh; min-width:400px;} .panel__simple--skin3 .switem .switemimg img { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; } .panel__simple--skin3 .switem .switemimg:after{z-index:1; content:''; display:block;position: absolute; width: 100%; height: 100%; left: 0; top: 0;background-image:none!important; background: linear-gradient(to bottom, rgba(255,255,255,.75) 30%, rgba(255,255,255,0) 50%)!important;} .panel__simple--skin3 .switem, .panel__simple--skin3 .switem.swiper-slide-active:active { transform: scale(0.9); transition: all 100ms ease; opacity: .8; } .panel__simple--skin3 .switem.swiper-slide-active:active a { cursor: grabbing; } .panel__simple--skin3 .switem .switeminfocont { padding: 24px;background: rgba(255,255,255,0.5); backdrop-filter:blur(4px); border-radius:var(--radius-default);} .panel__simple--skin3 .switem .switeminfo { display: flex; flex-direction: column; align-items:flex-start; position: absolute; left: 0; right:0; padding:var(--section-margin) 16px; margin:0 auto; bottom:0; z-index:2; max-width:var(--max-width);} .panel__simple--skin3 .switem .switeminfo .switemtitle .titulo2 { font-size: 32px; line-height: 140%; text-overflow: inherit; white-space: inherit; } .panel__simple--skin3 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 8px; } .panel__simple--skin3 .switem .switeminfo .switemdesc { margin: 0 0 16px; } .panel__simple--skin3 .switem .switeminfo .switemdesc:last-child { margin: 0; } .panel__simple--skin3 .switem .switeminfo .switemdesc p { margin: 0; } .panel__simple--skin3 .switem.swiper-slide-duplicate-active, .panel__simple--skin3 .switem.swiper-slide-active { transform: scale(1); opacity: 1; } .panel__simple--skin3 .swiper-button-next { right: 2px; text-shadow: 1px 0px 0 white } .panel__simple--skin3 .swiper-button-prev { left: 2px; text-shadow: -1px 0px 0 white } .panel__simple--skin3 .switem .switeminfo .switemadd{display: inline-flex;align-items: center;text-decoration: none;color: var(--secondary-invert); background:var(--secondary); padding: 8px 12px; border-radius: var(--radius1); font-size: 90%;line-height: 140%; text-transform: uppercase; font-weight: var(--bold1);} .panel__simple--skin3 .switem .switeminfo .switemadd:after { content: "\f105"; font-weight: var(--bold1); font-family: "Font Awesome 5 Pro"; font-size: 14px; margin-left: 8px; } .panel__simple--skin4 { padding:0;} .panel__simple--skin4 .switem { position: relative; border-radius: var(--radius-default); overflow: hidden; } .panel__simple--skin4 .switem a { text-decoration: none; color:inherit; } .panel__simple--skin4 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; height:80vh; min-width:400px;} .panel__simple--skin4 .switem .switemimg img { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; } .panel__simple--skin4 .switem .switemimg:after{z-index:1; content:''; display:block;position: absolute; width: 100%; height: 100%; left: 0; top: 0;background-image:none!important; background: linear-gradient(to bottom, rgba(255,255,255,.75) 0%, rgba(255,255,255,0.25) 75%)!important;} .panel__simple--skin4 .switem, .panel__simple--skin4 .switem.swiper-slide-active:active { transform: scale(0.9); transition: all 100ms ease; opacity: .8; } .panel__simple--skin4 .switem.swiper-slide-active:active a { cursor: grabbing; } .panel__simple--skin4 .switem .switeminfocont {} .panel__simple--skin4 .switem .switeminfo { display: flex; flex-direction: column; align-items:flex-start; justify-content:center; position: absolute; left: 0; right:0; top:55%; transform:translateY(-50%); padding:var(--section-margin) 60px; margin:0 auto; bottom:0; z-index:2; max-width:var(--max-width);} .panel__simple--skin4 .switem .switeminfo .switemtitle .titulo2 { font-size: 36px; line-height: 140%; text-overflow: inherit; white-space: inherit; } .panel__simple--skin4 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 8px; } .panel__simple--skin4 .switem .switeminfo .switemdesc { margin: 0 0 16px; } .panel__simple--skin4 .switem .switeminfo .switemdesc:last-child { margin: 0; } .panel__simple--skin4 .switem .switeminfo .switemdesc p { margin: 0; } .panel__simple--skin4 .switem.swiper-slide-duplicate-active, .panel__simple--skin4 .switem.swiper-slide-active { transform: scale(1); opacity: 1; } .panel__simple--skin4 .swiper-button-next { right: 2px; text-shadow: 1px 0px 0 white } .panel__simple--skin4 .swiper-button-prev { left: 2px; text-shadow: -1px 0px 0 white } .panel__simple--skin4 .switem .switeminfo .switemadd{display: inline-flex;align-items: center;text-decoration: none;color: var(--secondary-invert); background:var(--secondary); padding: 8px 12px; border-radius: var(--radius1); font-size: 90%;line-height: 140%; text-transform: uppercase; font-weight: var(--bold1);} .panel__simple--skin4 .switem .switeminfo .switemadd:after { content: "\f105"; font-weight: var(--bold1); font-family: "Font Awesome 5 Pro"; font-size: 14px; margin-left: 8px; } .panel__simple--skin5 { margin:0 auto; max-width: 1920px; padding:0; } .panel__simple--skin5 .switem { position: relative; border-radius: var(--radius-default); overflow: hidden; } .panel__simple--skin5 .switem a { text-decoration: none; color: white; } .panel__simple--skin5 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; padding-bottom: calc((1/2) * 100%); } .panel__simple--skin5 .switem .switemimg img { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; } .panel__simple--skin5 .switem, .panel__simple--skin5 .switem.swiper-slide-active:active { transform: scale(0.9); transition: all 100ms ease; opacity: .8; } .panel__simple--skin5 .switem.swiper-slide-active:active a { cursor: grabbing; } .panel__simple--skin5 .switem .switeminfocont { } .panel__simple--skin5 .switem .switeminfo { display: flex; flex-direction: column; justify-content: center;color: #fff; padding: 16px 40px; position: absolute; top: 0; left: 0; right: 12px; width: 100%; bottom: 0px; background: rgba(0,0,0,0.35); text-align: center; } .panel__simple--skin5 .switem .switeminfo .switemtitle .titulo2 { font-size: 38px; line-height: 120%; text-overflow: inherit; white-space: inherit; } .panel__simple--skin5 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 8px; } .panel__simple--skin5 .switem .switeminfo .switemdesc { margin: 0 0 12px; } .panel__simple--skin5 .switem .switeminfo .switemdesc:last-child { margin: 0; } .panel__simple--skin5 .switem .switeminfo .switemdesc p { margin: 0; } .panel__simple--skin5 .switem.swiper-slide-duplicate-active, .panel__simple--skin5 .switem.swiper-slide-active { transform: scale(1); opacity: 1; } .panel__simple--skin5 .swiper-button-next { right: 2px; text-shadow: 1px 0px 0 white } .panel__simple--skin5 .swiper-button-prev { left: 2px; text-shadow: -1px 0px 0 white } .panel__simple--skin5 .switem .switeminfo .switemadd{display: inline-flex;align-items: center;text-decoration: none;color: var(--secondary-invert); background:var(--secondary); padding: 8px 12px; border-radius: var(--radius1); font-size: 90%;line-height: 140%; text-transform: uppercase; font-weight: var(--bold1);} .panel__simple--skin5 .switem .switeminfo .switemadd:after { content: "\f105"; font-weight: var(--bold1); font-family: "Font Awesome 5 Pro"; font-size: 14px; margin-left: 8px; } @media screen and (max-width: 768px) { .panel__simple--skin1 .switem .switeminfo { padding: 20px; background: var(--primary); width:100%; background:rgba(0,0,0,0.3); backdrop-filter:blur(0);} .panel__simple--skin1 .switem .switeminfo .switemdesc { display: block; } .panel__simple--skin1 .switem .switeminfo .switemdesc:not(:last-child) { margin: 0 0 8px; } .panel__simple--skin1 .switem .switeminfo .switemtitle .titulo2 { font-size: 28px; line-height: 130%; margin: 0; } .panel__simple--skin1 .swiper-button-next, .panel__simple--skin1 .swiper-button-prev { display:none; } .panel__simple--skin2 .switem a {flex-direction:column; } .panel__simple--skin2 .switem .switemimg { padding-bottom: calc((1/2) * 100%);} .panel__simple--skin2 .switem .switeminfo{ padding: 20px;} .panel__simple--skin2 .switem .switeminfo .switemtitle .titulo2{font-size: 28px; line-height: 140%;} .panel__simple--skin2 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 8px; } .panel__simple--skin2 .switem .switeminfo .switemdesc { margin: 0 0 12px; } .panel__simple--skin2 .swiper-button-next, .panel__simple--skin2 .swiper-button-prev { display:none; } .panel__simple--skin3 .switem .switeminfo{ left: 0; right:0; text-align:center; margin:0 auto; align-items:center;} .panel__simple--skin3 .switem .switeminfo .switemtitle .titulo2{font-size: 28px; line-height: 140%;} .panel__simple--skin4 .switem .switeminfo{text-align:center; align-items:center;} .panel__simple--skin4 .switem .switeminfo .switemtitle .titulo2{font-size: 32px; line-height: 140%;} } @media screen and (max-width: 640px) { .panel__simple--skin1 .switem .switeminfo .switemtitle .titulo2 { font-size: 24px; line-height: 140%; } .panel__simple--skin2 .switem .switeminfo .switemtitle .titulo2 { font-size: 24px; line-height: 140%; } .panel__simple--skin3 .switem .switeminfo .switemtitle .titulo2{font-size: 24px; line-height: 140%;} .panel__simple--skin3 .switem .switemimg:after{ background: linear-gradient(to bottom, rgba(255,255,255,.75) 10%, rgba(255,255,255,0) 30%)!important;} .panel__simple--skin3 .switem .switeminfocont{padding:12px 20px;} .panel__simple--skin4 .switem .switeminfo {padding:var(--section-margin) 20px; justify-content:flex-end; top:inherit;transform:translateY(0); bottom:0;} .panel__simple--skin4 .switem .switeminfo .switemtitle .titulo2{font-size: 26px; line-height: 140%;} .panel__simple--skin4 .switem .switemimg:after{ background: linear-gradient(to bottom, rgba(255,255,255,.75) 25%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,.75) 70%)!important;} .panel__simple--skin5 .switem .switeminfo .switemtitle .titulo2 { font-size: 24px; line-height: 140%; } .panel__simple--skin5 .switem .switemimg { padding-bottom: calc((3/4) * 100%); } } /*############ PANEL DOBLE � Combinado con box3 � Im�genes 4:3 horizontales (640x480)*/ .panel__doble--skin1 { padding: var(--section-margin) 16px; } .panel__doble--skin1 .boxCont .boxItem { border-radius: var(--radius-default); overflow: hidden; border: 0; } .panel__doble--skin1 .boxCont .boxItem > div { padding-bottom: calc((9/16) * 100%); } .panel__doble--skin1 .boxCont .boxItem .boxItemCont { padding: 16px; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.4) 100%); } .panel__doble--skin1 .boxCont .boxItem .boxItemCont:after { content: "\f054"; font-family: "Font Awesome 5 Pro"; margin-left: 8px; flex-shrink: 0; color: #fff; font-weight: 600; } .panel__doble--skin1 .boxCont .boxItem .bicTitle { text-transform: inherit; line-height: 120%; font-size: 20px; text-transform: inherit; } .panel__doble--skin1[data-items="1"] .boxCont .boxItem { width: 100%; } .panel__doble--skin1[data-items="2"] .boxCont .boxItem { width: calc((1/2 * 100%) - (var(--mosaico-margin) * (1/2)) );} .panel__doble--skin1 .boxCont .boxItem { width: calc((1/2.33 * 100%) - (var(--mosaico-margin) / 2)); } /*############ PANEL TRIPLE � Combinado con box3 � Im�genes 3:4 verticales (480x640) */ .panel__triple--skin1 { padding: var(--section-margin) 16px; } .panel__triple--skin1 .boxCont .boxItem { border-radius: var(--radius-default); overflow: hidden; border: 0; /* Para separarlos ser�a mejor tocar el js del box3*/ } .panel__triple--skin1 .boxCont .boxItem > div { padding-bottom: calc((4/3) * 100%); } .panel__triple--skin1 .boxCont .boxItem .boxItemCont { padding: 16px; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.4) 100%); } .panel__triple--skin1 .boxCont .boxItem .boxItemCont:after { content: "\f054"; font-family: "Font Awesome 5 Pro"; margin-left: 8px; flex-shrink: 0; color: #fff; font-weight: 600; } .panel__triple--skin1 .boxCont .boxItem .bicTitle { text-transform: inherit; line-height: 120%; font-size: 20px; text-transform: inherit; } .panel__triple--skin1[data-items="1"] .boxCont .boxItem { width: 100%; max-height: 400px; } .panel__triple--skin1[data-items="2"] .boxCont .boxItem { width: calc((1/2 * 100%) - (var(--mosaico-margin) * (1/2)) ); } .panel__triple--skin1[data-items="3"] .boxCont .boxItem { width: calc((1/3 * 100%) - (var(--mosaico-margin) * (2/3)) ); } .panel__triple--skin1 .boxCont .boxItem { width: calc( (1/3.333 * 100%) - (var(--mosaico-margin) / 2) ); } /*############ PANEL DESCRIPTIVO */ .panel__desc--skin1 { padding: var(--descriptivo-margin) 16px; } .panel__desc--skin1 .boxCont { max-width: var(--max-width); margin: 0 auto; } .panel__desc--skin1 .boxCont > div .swiper-wrapper { display: grid; grid-template-columns: repeat(12, 1fr); /*grid-template-rows: repeat(8, 1fr);*/ grid-row-gap: var(--descriptivo-margin); } .panel__desc--skin1 .swiper-slide { background: transparent !important; } .panel__desc--skin1 .boxCont .boxItem { margin: 0; overflow: hidden; border: 0; grid-column-start: 1; grid-column-end: 13; } .panel__desc--skin1 .boxCont .boxItem a { display: flex; flex-direction: column; text-decoration: none; color: inherit; } /*Info*/ .panel__desc--skin1 .boxCont .boxItem .boxItemCont { padding: 20px 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } .panel__desc--skin1 .boxItem .bicTitle { font-size: 26px; line-height: 120%; margin: 0 0 12px; letter-spacing: 0.5px; } .panel__desc--skin1 .boxItem .bicTitle:last-child { margin-bottom: 0; } .panel__desc--skin1 .boxCont .bicDesc { margin: 0 0 12px; } .panel__desc--skin1 .boxCont .bicDesc p:not(:last-child),.panel__desc--skin1 .boxCont .bicDesc ul:not(:last-child),.panel__desc--skin1 .boxCont .bicDesc ol:not(:last-child){margin: 0 0 16px;} .panel__desc--skin1 .boxCont .bicDesc ul, .panel__desc--skin1 .boxCont .bicDesc ol{padding-left:20px;} /*Imagen*/ .panel__desc--skin1 .boxCont .boxItem a img { display: block; width: 100%; height: 100%; border-radius: var(--radius-default); object-fit: contain;} .panel__desc--skin1 .swiper-button-next, .panel__desc--skin1 .swiper-button-prev { display: none; } /*############ MOSAICO */ .mosaico--skin1 .swiper-button-next, .mosaico--skin1 .swiper-button-prev { display: none; } .mosaico--skin1 { padding: var(--section-margin) 16px; color: #fff; } .mosaico--skin1 .boxCont { max-width: var(--max-width); margin: 0 auto; } .mosaico--skin1 .boxCont .swiper-wrapper { display: grid; grid-template-columns: repeat(12, 1fr); /*grid-template-rows: repeat(8, 1fr);*/ grid-gap: var(--mosaico-margin); } .mosaico--skin1 .boxCont .boxItem { border-radius: var(--radius-default); overflow: hidden; display: flex; background: transparent !important; } .mosaico--skin1 .boxCont .boxItem > div { display: flex; width:100%;} .mosaico--skin1 .boxCont .boxItem > div a { position: relative; display: flex; color: inherit; width:100%;} .mosaico--skin1 .boxCont .boxItem .boxItemImg { display: flex; align-items: baseline; } .mosaico--skin1 .boxCont .boxItem .boxItemImg img { display: block; width: 100%; height: 100%; object-fit: cover; } .mosaico--skin1 .boxCont .boxItem .boxItemCont { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; padding: 16px; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.4) 100%); } .mosaico--skin1 .boxCont .boxItem .boxItemCont:after { content: "\f054"; font-family: "Font Awesome 5 Pro"; margin-left: 8px; flex-shrink: 0; color: #fff; font-weight: 600; } .mosaico--skin1 .boxCont .boxItem .boxItemCont .bicTitle { text-transform: inherit; line-height: 120%; font-size: 20px; text-transform: inherit; margin: 0; } .mosaico--skin1[data-items="1"] .boxCont .boxItem { grid-column-start: 1; grid-column-end: 13; } .mosaico--skin1[data-items="2"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 7; } .mosaico--skin1[data-items="2"] .boxCont .boxItem:nth-child(2) { grid-column-start: 7; grid-column-end: 13; } .mosaico--skin1[data-items="3"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 9; grid-row-start: 1; grid-row-end: 3; } .mosaico--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; } .mosaico--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; } .mosaico--skin1[data-items="4"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 8; grid-row-start: 1; grid-row-end: 2; } .mosaico--skin1[data-items="4"] .boxCont .boxItem:nth-child(2) { grid-column-start: 8; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; } .mosaico--skin1[data-items="4"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 6; grid-row-start: 2; grid-row-end: 3; } .mosaico--skin1[data-items="4"] .boxCont .boxItem:nth-child(4) { grid-column-start: 6; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; } .mosaico--skin1[data-items="5"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 7; grid-row-start: 1; grid-row-end: 2; } .mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(2) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; } .mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 5; grid-row-start: 2; grid-row-end: 3; } .mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) { grid-column-start: 5; grid-column-end: 9; grid-row-start: 2; grid-row-end: 3; } .mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(5) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; } .mosaico--skin1[data-items="6"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 9; grid-row-start: 1; grid-row-end: 3; } .mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(2) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; } .mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(3) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; } .mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(4) { grid-column-start: 5; grid-column-end: 13; grid-row-start: 3; grid-row-end: 5; } .mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(5) { grid-column-start: 1; grid-column-end: 5; grid-row-start: 4; grid-row-end: 5; } .mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(6) { grid-column-start: 1; grid-column-end: 5; grid-row-start: 3; grid-row-end: 4; } /*############ CATEGOR�AS */ .categorias--skin1 .swiper-button-next, .categorias--skin1 .swiper-button-prev { display: none; } .categorias--skin1 { padding: var(--section-margin) 16px; color: #fff; } .categorias--skin1 .boxCont { max-width: var(--max-width); margin: 0 auto; } .categorias--skin1 .boxCont .swiper-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: var(--mosaico-margin); justify-content: center; } .categorias--skin1[data-items="3"] .boxCont .swiper-wrapper, .categorias--skin1[data-items="6"] .boxCont .swiper-wrapper, .categorias--skin1[data-items="9"] .boxCont .swiper-wrapper, .categorias--skin1[data-items="15"] .boxCont .swiper-wrapper, .categorias--skin1[data-items="18"] .boxCont .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } .categorias--skin1[data-items="5"] .boxCont .swiper-wrapper, .categorias--skin1[data-items="10"] .boxCont .swiper-wrapper, .categorias--skin1[data-items="15"] .boxCont .swiper-wrapper { display: grid; grid-template-columns: repeat(5, 1fr); } .categorias--skin1 .boxCont .boxItem { background: none !important; display: flex; position:relative;} .categorias--skin1 .boxCont .boxItem > div { display: flex; flex-direction:column; } .categorias--skin1 .boxCont .boxItem a { color: #333; text-decoration: none; display: flex; flex-direction: column; overflow: hidden; border-radius: var(--radius-default); border: 1px solid #eee; flex:1;} .categorias--skin1 .boxCont .boxItem img { display: block; width: 100%; object-fit:cover; aspect-ratio: 1 / 1; } .categorias--skin1 .boxCont .boxItem .boxItemCont { padding: 8px; text-align: center; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; } .categorias--skin1 .boxCont .boxItem .boxItemCont .title3 { margin: 0; font-weight: normal; color: inherit; text-decoration: none; } /*############ PORTADAS CLASSIC */ .noportada { display: block; margin: 0 auto; max-width: 100%; } .dvPortada .swiper-pagination { display: none; } .dvPortada .switem a[href="#"] { cursor: default; } .cportada1 { margin: 0 auto; max-width: var(--max-width);; } .cportada1 .switem { position: relative; } .cportada1 .switem a { text-decoration: none; color: white; } .cportada1 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; padding-bottom: 37.5% } .cportada1 .switem .switemimg img { display: block; position: absolute; max-width: 100%; max-height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 9999px 9999px rgba(0,0,0,.8) } .cportada1 .switem .switeminfo { position: absolute; right: 12px; width: 40%; bottom: 12px; padding: 16px; background: rgba(0,0,0,0.8); text-align: center; border-radius: 4px; } .cportada1 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; } .cportada1 .switem .switeminfo .switemdesc { margin: 0 0 12px; } .cportada1 .switem .switeminfo .switemdesc:last-child { margin: 0; } .cportada1 .switem .switeminfo .switemdesc p { margin: 0; } .cportada1 .switem .switeminfo .switemadd { color: white; font-size: 100%; padding: 8px 12px; border: 1px solid; display: inline-block; border-radius: 4px; line-height: 140%; } .cportada1 .switem .switeminfo .switemadd span { display: flex; align-items: center; } .cportada1 .switem .switeminfo .switemadd span:after { content: "\f105"; font-family: "Font Awesome 5 Pro"; margin-left: 4px; width: 8px; text-align: center; } .cportada2 { max-width: var(--max-width);; margin: 0 auto; } .cportada2 .switem { position: relative; } .cportada2 .switem a { text-decoration: none; color: white; } .cportada2 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; padding-bottom: 37.5% } .cportada2 .switem .switemimg img { display: none; } .cportada2 .switem .switeminfo { position: absolute; right: 12px; width: 40%; bottom: 12px; padding: 16px; background: rgba(0,0,0,0.8); text-align: center; border-radius: 4px; } .cportada2 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; } .cportada2 .switem .switeminfo .switemdesc { margin: 0 0 12px; } .cportada2 .switem .switeminfo .switemdesc:last-child { margin: 0; } .cportada2 .switem .switeminfo .switemdesc p { margin: 0; } .cportada2 .switem .switeminfo .switemadd { color: white; font-size: 100%; padding: 8px 12px; border: 1px solid; display: inline-block; border-radius: 4px; line-height: 140%; } .cportada2 .switem .switeminfo .switemadd span { display: flex; align-items: center; } .cportada2 .switem .switeminfo .switemadd span:after { content: "\f105"; font-family: "Font Awesome 5 Pro"; margin-left: 4px; } .cportada3 { margin: 0 auto; } .cportada3 .switem { position: relative; } .cportada3 .switem a { text-decoration: none; } .cportada3 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; height: 600px } .cportada3 .switem .switemimg img { display: none; } .cportada3 .switem .switeminfo { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #333; background-color: rgba(255,255,255,0.9); padding: 20px; max-width: 640px; align-self: center; box-shadow: 0 10px 30px rgba(0,0,0,0.5); border-radius: 8px; text-align: center; color: #333; } .cportada3 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; } .cportada3 .switem .switeminfo .switemdesc { margin: 0 0 12px; } .cportada1 .switem .switeminfo .switemdesc:last-child { margin: 0; } .cportada3 .switem .switeminfo .switemdesc p { margin: 0; } .cportada3 .switem .switeminfo .switemadd { color: #067ABD; font-size: 100%; padding: 8px 12px; border: 1px solid; display: inline-block; border-radius: 4px; line-height: 140%; } .cportada3 .switem .switeminfo .switemadd span { display: flex; align-items: center; } .cportada3 .switem .switeminfo .switemadd span:after { content: "\f105"; font-family: "Font Awesome 5 Pro"; margin-left: 4px; width: 8px; text-align: center; } .cportada4 { margin: 0 auto; } .cportada4 .switem { position: relative; } .cportada4 .switem a { text-decoration: none; color: white; } .cportada4 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; height: 460px; } .cportada4 .switem .switemimg img { display: none; position: absolute; max-width: 100%; max-height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 1400px 1400px rgba(0,0,0,0.8) } .cportada4 .switem .switeminfo { position: absolute; left: 0px; width: 100%; bottom: 0; width: 100%; padding: 16px; text-align: center; border-radius: 4px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 35%, rgba(0,0,0,0.7) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 35%,rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 35%,rgba(0,0,0,0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); text-shadow: 0 -2px 4px rgba(0,0,0,.8) } .cportada4 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; } .cportada4 .switem .switeminfo .switemdesc { margin: 0 0 12px; } .cportada4 .switem .switeminfo .switemdesc:last-child { margin: 0; } .cportada4 .switem .switeminfo .switemdesc p { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .cportada4 .switem .switeminfo .switemadd { color: white; font-size: 100%; padding: 8px 12px; border: 1px solid; display: inline-block; border-radius: 4px; line-height: 140%; } .cportada4 .switem .switeminfo .switemadd span { display: flex; align-items: center; } .cportada4 .switem .switeminfo .switemadd span:after { content: "\f105"; font-family: "Font Awesome 5 Pro"; margin-left: 4px; width: 8px; text-align: center; } .cportada5 { margin: 0 auto; } .cportada5 .switem { position: relative; } .cportada5 .switem a { text-decoration: none; color: white; } .cportada5 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; height: 460px; } .cportada5 .switem .switemimg .blur { width: 100%; height: 100%; background-size: cover; background-position: center; filter: blur(40px); top: 0; position: absolute; } .cportada5 .switem .switemimg img { display: block; position: absolute; max-width: 100%; max-height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; } .cportada5 .switem .switeminfo { position: absolute; z-index: 2; left: 0px; width: 100%; bottom: 0; width: 100%; padding: 16px; text-align: center; border-radius: 4px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 35%, rgba(0,0,0,0.7) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 35%,rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 35%,rgba(0,0,0,0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); text-shadow: 0 -2px 4px rgba(0,0,0,.8) } .cportada5 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; } .cportada5 .switem .switeminfo .switemdesc { margin: 0 0 12px; } .cportada5 .switem .switeminfo .switemdesc:last-child { margin: 0; } .cportada5 .switem .switeminfo .switemdesc p { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .cportada5 .switem .switeminfo .switemadd { color: white; font-size: 100%; padding: 8px 12px; border: 1px solid; display: inline-block; border-radius: 4px; line-height: 140%; } .cportada5 .switem .switeminfo .switemadd span { display: flex; align-items: center; } .cportada5 .switem .switeminfo .switemadd span:after { content: "\f105"; font-family: "Font Awesome 5 Pro"; margin-left: 4px; width: 8px; text-align: center; } @media screen and (min-width: 1024px) { .panel__desc--skin1[data-items="3"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 5; } .panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) { grid-column-start: 5; grid-column-end: 9; } .panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) { grid-column-start: 9; grid-column-end: 13; } .panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3n-1) a { flex-direction: var(--descriptivo-reverse); } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 5; } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) { grid-column-start: 5; grid-column-end: 9; } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) a { flex-direction: var(--descriptivo-reverse); } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(5) { grid-column-start: 9; grid-column-end: 13; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 5; grid-row-start: 1; grid-row-end: 2; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(2) { grid-column-start: 5; grid-column-end: 9; grid-row-start: 1; grid-row-end: 2; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(3) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(4) { grid-column-start: 1; grid-column-end: 5; grid-row-start: 2; grid-row-end: 3; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(5) { grid-column-start: 5; grid-column-end: 9; grid-row-start: 2; grid-row-end: 3; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(6) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(3n-1) a { flex-direction: var(--descriptivo-reverse); } } @media screen and (max-width: 1023px) { /*############ PANEL DESCRIPTIVO */ .panel__desc--skin1[data-items="3"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 7; grid-row-start: 1; grid-row-end: 2; } .panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; } .panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; } .panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) a { flex-direction: var(--descriptivo-reverse); } .panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) a { flex-direction: row; justify-content: space-between; } .panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) a > div { width: calc(50% - var(--descriptivo-margin)); } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) a { flex-direction: row; justify-content: space-between; } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) a > div { width: calc(50% - (var(--descriptivo-margin)/2)); } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 3; grid-row-end: 4; } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) a { flex-direction: var(--descriptivo-reverse); } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(5) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 3; grid-row-end: 4; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 7; grid-row-start: 1; grid-row-end: 2; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(2) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 2; grid-row-end: 3; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(4) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(5) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 3; grid-row-end: 4; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(6) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 3; grid-row-end: 4; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(3n-1) a { flex-direction: column; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(2n) a { flex-direction: var(--descriptivo-reverse); } /*############ CATEGOR�AS */ .categorias--skin1[data-items="5"] .boxCont .swiper-wrapper, .categorias--skin1[data-items="10"] .boxCont .swiper-wrapper, .categorias--skin1[data-items="15"] .boxCont .swiper-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 768px) { .panel__doble--skin1 { padding: var(--section-margin) 0; } .panel__dople--skin1 .boxCont .boxItem { width: calc((1/2 * 100%) - (var(--mosaico-margin) / 2)); } .panel__doble--skin1[data-items="2"] .boxCont .boxItem:nth-child(2) { margin: inherit; } .panel__triple--skin1 { padding: var(--section-margin) 0; } .panel__triple--skin1 .boxCont .boxItem, .panel__triple--skin1[data-items="1"] .boxCont .boxItem, .panel__triple--skin1[data-items="2"] .boxCont .boxItem, .panel__triple--skin1[data-items="3"] .boxCont .boxItem { width: calc((1/2 * 100%) - (var(--mosaico-margin) / 2)); } /*DESCRIPTIVO*/ .panel__desc--skin1 .boxItem .bicTitle { font-size: 20px; } .mosaico--skin1 .boxCont .swiper-wrapper { grid-gap: var(--mosaico-margin); } .mosaico--skin1 .boxCont .boxItem .boxItemCont { padding: 8px 12px; } .mosaico--skin1 .boxCont .boxItem .boxItemCont .bicTitle { font-size: 18px; line-height: 120%; } .mosaico--skin1 .boxCont .boxItem .boxItemCont:after { font-size: 16px; line-height: 100%; } .categorias--skin1 .boxCont .swiper-wrapper { grid-gap: var(--mosaico-margin); } .categorias--skin1 .boxCont .swiper-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); } .categorias--skin1[data-items="2"] .boxCont .swiper-wrapper, .categorias--skin1[data-items="4"] .boxCont .swiper-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); } .categorias--skin1 .boxCont .boxItem .boxItemCont .title3 { font-size: 120%; line-height: 120%; } /*############ PORTADAS CLASSIC */ .cportada1 .switem .switeminfo { left: 0; bottom: 0; width: 100%; border-radius: 0; right: 0; padding: 8px 4px; } .cportada1 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0; } .cportada1 .switem .switeminfo .switemtitle .titulo2 { font-size: 120%; line-height: 140%; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cportada1 .switem .switeminfo .switemdesc { display: none; } .cportada1 .switem .switeminfo .switemdesc p { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 80%; } .cportada1 .switem .switeminfo .switemadd { position: absolute; top: -10px; right: 10px; transform: translateY(-100%); right: 10px; background: rgba(0,0,0,0.6); font-size: 80%; padding: 4px 8px; } .cportada2 .switem .switeminfo { left: 0; bottom: 0; width: 100%; border-radius: 0; right: 0; padding: 8px 4px; } .cportada2 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0; } .cportada2 .switem .switeminfo .switemtitle .titulo2 { font-size: 120%; line-height: 140%; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cportada2 .switem .switeminfo .switemdesc { display: none; } .cportada2 .switem .switeminfo .switemdesc p { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 80%; } .cportada2 .switem .switeminfo .switemadd { position: absolute; top: -10px; right: 10px; transform: translateY(-100%); right: 10px; background: rgba(0,0,0,0.6); font-size: 80%; padding: 4px 8px; } .cportada3 .switem .switeminfo { max-width: 80%; } .cportada3 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 4px; } .cportada3 .switem .switeminfo .switemtitle .titulo2 { font-size: 120%; line-height: 140%; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cportada3 .switem .switeminfo .switemdesc:not(:last-child) { margin: 0 0 8px; } .cportada3 .switem .switeminfo .switemdesc p { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 80%; } .cportada3 .switem .switeminfo .switemadd { padding: 4px 8px } .cportada4 .switem .switemimg { height: 360px; } .cportada4 .switem .switeminfo .switemdesc { display: none; } .cportada5 .switem .switemimg { height: 360px; } .cportada5 .switem .switeminfo .switemdesc { display: none; } } @media screen and (min-width: 641px) { /*DESCRIPTIVO*/ .panel__desc--skin1 .boxCont > div .swiper-wrapper{grid-gap: var(--descriptivo-margin);} .panel__desc--skin1[data-items="1"] .boxCont .boxItem { width: 100%; } .panel__desc--skin1[data-items="1"] .boxCont .boxItem a { flex-direction: row-reverse; align-items: center; justify-content: space-between; } .panel__desc--skin1[data-items="1"] a > div { width: calc(50% - (var(--descriptivo-margin)) / 2) } .panel__desc--skin1[data-items="2"] .boxCont .boxItem:first-child, .panel__desc--skin1[data-items="4"] .boxCont .boxItem:nth-child(2n-1) { grid-column-start: 1; grid-column-end: 7; } .panel__desc--skin1[data-items="2"] .boxCont .boxItem:nth-child(2), .panel__desc--skin1[data-items="4"] .boxCont .boxItem:nth-child(2n) { grid-column-start: 7; grid-column-end: 13; } .panel__desc--skin1[data-items="2"] .boxCont .boxItem:nth-child(2n) a, .panel__desc--skin1[data-items="4"] .boxCont .boxItem:nth-child(2n) a { flex-direction: var(--descriptivo-reverse); } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 7; } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(2) { grid-column-start: 7; grid-column-end: 13; } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(2) a { flex-direction: var(--descriptivo-reverse); } /* FIN DESCRIPTIVO*/ } @media screen and (max-width: 640px) { .panel__doble--skin1 .boxCont .boxItem .bicTitle, .panel__triple--skin1 .boxCont .boxItem .bicTitle { font-size: 16px; line-height: 140%; } .panel__doble--skin1 .boxCont .boxItem, .panel__triple--skin1 .boxCont .boxItem { width: calc((1/1.333 * 100%) - 2px); } .panel__triple--skin1[data-items="2"] .boxCont .boxItem, .panel__doble--skin1[data-items="2"] .boxCont .boxItem { width: calc((1/1.333 * 100%) - 2px); } /*Los 2 son los px que pone la swiper entre elementos (4px)*/ /*DESCRIPTIVO*/ .panel__desc--skin1 .boxCont > div .swiper-wrapper { } .panel__desc--skin1[data-items="3"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; } .panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; } .panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 3; grid-row-end: 4; } .panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) a { flex-direction: column; } .panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) a { flex-direction: column; } .panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) a > div { width: 100%; } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(2) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 3; grid-row-end: 4; } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 4; grid-row-end: 5; } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(5) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 5; grid-row-end: 6; } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(2) a { flex-direction: column; } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) a { flex-direction: column } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) a > div { width: 100%; } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) a { flex-direction: column; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(2) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 3; grid-row-end: 4; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(4) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 4; grid-row-end: 5; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(5) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 5; grid-row-end: 6; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(6) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 6; grid-row-end: 7; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(2n) a { flex-direction: column; } /*FIN DESCRIPTIVO*/ .mosaico--skin1[data-items="3"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; } .mosaico--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 2; grid-row-end: 3; } .mosaico--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; } .mosaico--skin1[data-items="4"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 7; grid-row-start: 1; grid-row-end: 4; } .mosaico--skin1[data-items="4"] .boxCont .boxItem:nth-child(2) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; } .mosaico--skin1[data-items="4"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 4; grid-row-end: 6; } .mosaico--skin1[data-items="4"] .boxCont .boxItem:nth-child(4) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 2; grid-row-end: 6; } .mosaico--skin1[data-items="5"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; } .mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(2) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 2; grid-row-end: 5; } .mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; } .mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 5; grid-row-end: 7; } .mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(5) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 3; grid-row-end: 7; } .mosaico--skin1[data-items="6"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; } .mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(2) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 2; grid-row-end: 3; } .mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(3) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; } .mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(4) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 3; grid-row-end: 4; } .mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(5) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 4; grid-row-end: 5; } .mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(6) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 4; grid-row-end: 5; } .categorias--skin1 .boxCont .swiper-wrapper { grid-template-columns: repeat(2, 1fr) !important; } .categorias--skin1 .boxCont .boxItem .boxItemCont .title3 { font-size: 100%; line-height: 120%; } } @media screen and (max-width: 460px) { .cportada1 .switem .switeminfo { font-size: 90%; padding: 8px; } .cportada1 .switem .switeminfo .switemtitle .titulo2 { font-size: 100%; } .cportada1 .switem .switemimg { } .cportada1 .swiper-container:hover .swiper-button-next, .cportada1 .swiper-container:hover .swiper-button-prev { display: none; } .cportada2 .switem .switemimg {padding-bottom: 56.26%} .cportada2 .switem .switeminfo { font-size: 90%; padding: 8px; } .cportada2 .switem .switeminfo .switemtitle .titulo2 { font-size: 100%; } .cportada2 .switem .switemimg { } .mosaico--skin1 .boxCont .boxItem .boxItemCont .bicTitle { font-size: 16px; line-height: 120%; } .mosaico--skin1 .boxCont .boxItem .boxItemCont:after { font-size: 14px; line-height: 100%; } .cportada3 .switem .switemimg { height: 400px; } .cportada4 .switem .switemimg { height: 280px; } .cportada5 .switem .switemimg { height: 280px; } } input,textarea, button, select { border-radius: 0; background: white; box-shadow: none; border: 0;} .notCont {overflow: hidden; } .notCont #noticias{overflow: hidden; } .notCont #h1Title{ width: 100%; } .notCont .compmenu {float: right;width: 320px;background: #f0f0f0;padding: 28px;margin: 0 0 20px;} .notCont .compmenu .compmenutitle{ border-bottom: 1px solid #ccc; text-transform: uppercase; font-weight: bold; padding: 0 0 4px; margin: 0 0 8px; line-height: 18px; font-size: 18px;} .notCont .compmenu #menuBlog{ } .notCont .compmenu #menuBlog > #pullcomp{display: none;align-items: center;justify-content: center;text-decoration: none;padding: 8px 12px;border-radius: 4px;margin: 0 0 4px; border: 1px solid rgba(0,0,0,0.1); color: #333; background: rgba(0,0,0,0.05)} .notCont .compmenu #menuBlog > #pullcomp span { width: 100%; text-align: center;} .notCont .compmenu #menuBlog > #pullcomp i {margin-left: 12px;transform: translateY(-16%);} .notCont .compmenu #menuBlog .blsubm{ display: flex; flex-direction: column; padding: 0;} .notCont .compmenu #menuBlog .blsubm a { text-decoration: none; color: #333; } .notCont .compmenu #menuBlog .blsubm > li { display: block; order: 0; margin: 0;} .notCont .compmenu #menuBlog .blsubm > li:first-child { display: block; order: 1;} .notCont .compmenu #menuBlog .blsubm > li:first-child a{ margin-bottom: 0; } .notCont .compmenu #menuBlog .blsubm > li a {display: flex;align-items: center;margin: 0 0 4px;justify-content: space-between;padding: 4px 0; min-width: 200px;} .notCont .compmenu #menuBlog .blsubm > li a.select { font-weight: bold; } .notCont .compmenu #menuBlog .blsubm > li a.select span:first-child:before { content: "\f105"; font-family: 'Font Awesome 6 Pro'; font-weight: 200; display: inline-block; margin-right: 4px;} .notCont .compmenu #menuBlog .blsubm > li a .numNot {background: #fff;border-radius: 4px;width: 28px;text-align: center;font-size: 12px;font-weight: bold;margin-left: 4px;flex-shrink: 0;} .notCont .compmenu #menuBlog ol{ } .notCont .compmenu #menuBlog ol{ } .notCont .noticiasinfo .desCat {margin: 0 0 20px;opacity: 0.5;} .notCont .noticiascont{ float: left; width: calc( 100% - 360px); overflow: hidden; } .notCont .notDer {float: right;width: 320px;clear: right;} .notCont #menuFechas {float: right;width: 320px;background: #f0f0f0;padding: 28px;margin: 0;} .notCont #menuFechas .compmenutitle{border-bottom: 1px solid #ccc;text-transform: uppercase;font-weight: bold;padding: 0 0 4px;margin: 0;line-height: 16px;font-size: 16px;} .notCont #menuFechas{ } .notCont #menuFechas > #pullcomp{display: none;align-items: center;justify-content: center;text-decoration: none;padding: 8px 12px;border-radius: 4px;margin: 0 0 4px; border: 1px solid rgba(0,0,0,0.1); color: #333; background: rgba(0,0,0,0.05)} .notCont #menuFechas > #pullcomp span { width: 100%; text-align: center;} .notCont #menuFechas > #pullcomp i {margin-left: 12px;transform: translateY(-16%);} .notCont #menuFechas ul{display: flex;flex-direction: column; padding: 0;} .notCont #menuFechas ul > li {display: block; margin: 0; } .notCont #menuFechas ul > li:not(:last-child) { margin: 0 0 8px; } .notCont #menuFechas ul ul { margin-top: 8px; } .notCont #menuFechas ul a { text-decoration: none; color: #333; } .notCont #menuFechas ul > li a {display: flex;align-items: center;margin: 0 0 4px;justify-content: space-between;padding: 4px 0;} .notCont #menuFechas ul > li a .numNot {background: #fff;border-radius: 4px;width: 28px;text-align: center;font-size: 12px;font-weight: bold;margin-left: 4px;flex-shrink: 0;} #entradaFechabl_liActual {margin: 0 0 20px;} #entradaFechabl_liAnterior {margin: 0 0 20px;} #dvBloquePerso {clear: both;margin: 0 0 20px;} #dvBloquePerso > *:not(:last-child) { margin: 0 0 20px;border-bottom:1px solid #e5e5e5;} .spanActualRight, .spnAnteriorRight, lnkMasAntiguosRight { } .spanActualRight span:first-child, .spnAnteriorRight span:first-child, .lnkMasAntiguosRight span:first-child{ display: none; } .spanActualIcon, .spnAnteriorIcon, .lnkMasAntiguosIcon {width: 28px;text-align: center;display: inline-block;} .spanActualIcon:after, .spnAnteriorIcon:after, .lnkMasAntiguosIcon:after { content:"\f107"; font-family: 'Font Awesome 6 Pro'; font-weight:200; } .lnkMasAntiguosIcon:after { content:"\f105"; } .notCont .noticias1 .noticiascont { } .notCont .noticias1 .noticiascont article {margin-bottom: 20px;padding-bottom: 20px;border-bottom: 2px solid #eee;background: transparent;display: flex;} .notCont .noticias1 .noticiascont article .imgcont{width: 320px;flex-shrink: 0;margin: 0;} .notCont .noticias1 .noticiascont article .imgcont a { display: block; } .notCont .noticias1 .noticiascont article .imgcont img {display: block;width: 100%;} .notCont .noticias1 .noticiascont article .textcont { width: 100%; overflow: hidden; position: relative;} .notCont .noticias1 .noticiascont article .textcont .textconint {padding: 0px 0 0 24px;display: flex;flex-direction: column;position: relative;overflow: hidden;position: absolute;width: 100%;overflow: hidden;height: 100%;} .notCont .noticias1 .noticiascont article .textcont .notResTitle {font-size: 24px;line-height: 32px;margin-bottom: 4px;max-height: 96px;overflow: hidden;flex-shrink: 0;} .notCont .noticias1 .noticiascont article .textcont .notResTitle a { text-decoration: none; } .notCont .noticias1 .noticiascont article .textcont .notResInfo {margin: 0 0 12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;flex-shrink: 0;} .notCont .noticias1 .noticiascont article .textcont .notResDesc {/* height: 60px; */overflow: hidden;position: relative;margin: 0 0 40px;flex: 1;} .notCont .noticias1 .noticiascont article .textcont .notResDesc:before {content:"·";color: transparent;width: 100%;position: absolute;bottom: -2px;left: 0;background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );line-height: 300%;} .notCont .noticias1 .noticiascont article .textcont .notResButton {flex: 1;display: flex;align-items: flex-end;position: absolute;bottom: 0;left: 24px;} .notCont .noticias1 .noticiascont article .textcont .notResButton a { display: block; border: 1px solid #ccc; padding: 4px 12px; font-size: 12px; line-height: 20px; text-transform: uppercase; text-decoration: none; color: inherit; letter-spacing: 2px;} .notCont .noticias2 .noticiascont { } .notCont .noticias2 .noticiascont article {margin-bottom: 20px;padding-bottom: 20px;border-bottom: 2px solid #eee;background: transparent;display: flex;flex-direction: row-reverse;} .notCont .noticias2 .noticiascont article .imgcont{width: 40%;flex-shrink: 0;margin: 0;max-width: 320px;} .notCont .noticias2 .noticiascont article .imgcont a {display: flex;align-items: center;justify-content: center;overflow: hidden;} .notCont .noticias2 .noticiascont article .imgcont img {display: block;width: 100%;object-fit: cover;height: 240px;border-radius: 4px;} .notCont .noticias2 .noticiascont article .textcont {width: 100%;overflow: hidden;position: relative;} .notCont .noticias2 .noticiascont article .textcont .textconint {padding: 0px 24px 0 0;display: flex;flex-direction: column;position: relative;overflow: hidden;position: absolute;width: 100%;overflow: hidden;height: 100%;} .notCont .noticias2 .noticiascont article .textcont .notResTitle {font-size: 24px;line-height: 32px;margin-bottom: 4px;max-height: 96px;overflow: hidden;flex-shrink: 0;} .notCont .noticias2 .noticiascont article .textcont .notResTitle a { text-decoration: none; color: inherit; } .notCont .noticias2 .noticiascont article .textcont .notResInfo {margin: 0 0 12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;flex-shrink: 0;} .notCont .noticias2 .noticiascont article .textcont .notResInfo a { display: inline-block; } .notCont .noticias2 .noticiascont article .textcont .notResDesc {/* height: 60px; */overflow: hidden;position: relative;margin: 0 0 40px;flex: 1;} .notCont .noticias2 .noticiascont article .textcont .notResDesc:before {content:"·";color: transparent;width: 100%;position: absolute;bottom: -2px;left: 0;background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );line-height: 300%;} .notCont .noticias2 .noticiascont article .textcont .notResButton {flex: 1;display: flex;align-items: flex-end;position: absolute;bottom: 0;left: 0;} .notCont .noticias2 .noticiascont article .textcont .notResButton a { display: block; border: 1px solid #ccc; padding: 4px 12px; font-size: 12px; line-height: 20px; text-transform: uppercase; text-decoration: none; color: inherit; letter-spacing: 2px;} .notCont .noticias1 .noticiascont article.notdest, .notCont .noticias2 .noticiascont article.notdest { flex-direction: column; } .notCont .noticias1 .noticiascont article.notdest .imgcont, .notCont .noticias2 .noticiascont article.notdest .imgcont { width: 100%; max-width: 100%; margin: 0 0 20px; } .notCont .noticias1 .noticiascont article.notdest .imgcont a, .notCont .noticias2 .noticiascont article.notdest .imgcont a{ display: block; padding-bottom: 50%; position: relative;} .notCont .noticias1 .noticiascont article.notdest .imgcont img, .notCont .noticias2 .noticiascont article.notdest .imgcont img{ position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .notCont .noticias1 .noticiascont article.notdest .textcont .notResDesc, .notCont .noticias2 .noticiascont article.notdest .textcont .notResDesc { height: 72px } .notCont .noticias1 .noticiascont article.notdest .textcont .textconint, .notCont .noticias2 .noticiascont article.notdest .textcont .textconint{ position: static;} /*FICHA*/ .notCont .noticia { float: left; width: calc( 100% - 360px); overflow: hidden; } .notCont .noticia .compfichatitle { margin: 0 0 12px;} .notCont .noticia .imgcont {margin: 0 0 20px;display: flex;align-items: center;justify-content: center;background-size: cover;background-position: center;background-color: #f3f6f7;background-image: none !IMPORTANT;} .notCont .noticia .imgcont img{display: block;max-width: 100%;max-height: 640px;width: 100%;object-fit: contain;} /*HACK IE PARA OBJECT-FIT*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .notCont .noticia .imgcont img{ width: auto; } } .notCont span.imagen {display: flex;margin: 0 0 20px;align-items: center;justify-content: center;background: #f3f6f7;} .notCont p:last-child span.imagen{ margin: 0; } .notCont span.imagen img{ display: block; max-width: 100%; max-height:640px;} .notCont .fichaNoticia { } .notCont .fichaNoticia .desc .mce-toc { background: linear-gradient(to right, rgba(0,0,0,0.05), rgba(0,0,0,0)); padding: 20px; border-radius: 8px; margin: 0 0 20px; } .notCont .fichaNoticia .desc .mce-toc h2{ font-size: 20px; line-height: 140%; margin: 0 0 12px; } .notCont .fichaNoticia .desc .mce-toc ul{ padding: 0;} .notCont .fichaNoticia .desc .mce-toc ul li{ list-style: none;} .notCont .fichaNoticia .desc .mce-toc ul li:before { content: "\f105"; margin-right: 8px; font-family: 'Font Awesome 6 Pro'; padding-top: 1px; opacity: 0.5; } .notCont .fichaNoticia .desc .mce-toc ul li a{ text-decoration: none; font-weight: bold;} .notCont .fichaNoticia .desc .mce-toc ul li a:hover{ text-decoration: underline;} .notCont .fichaNoticia .desc .mce-toc ul li:not(:last-child){ margin: 0 0 8px; } .notCont .fichaNoticia .desc > p{ margin: 0 0 20px;} .notCont .fichaNoticia .desc > p:last-child { margin:0; } .notCont .fichaNoticia .desc > ul, .notCont .fichaNoticia .desc > ol{ padding-left: 20px;margin: 0 0 20px;} .notCont .fichaNoticia .desc > ul:last-child, .notCont .fichaNoticia .desc > ol:last-child { margin: 0; } .notCont .fichaNoticia .desc > ul li:not(:last-child), .notCont .fichaNoticia .desc > ol li:not(:last-child){ margin: 0 0 4px; } .notCont .fichaNoticia blockquote p{border-left: 4px solid rgba(0,0,0,0.3);padding: 8px 16px;font-size: 24px;line-height: 32px;opacity:.8;margin: 0 0 20px;font-style: italic;} .notCont .fichaNoticia blockquote:last-child { margin: 0; } .notCont .fichaNoticia iframe{display: block;width: 100%;border:0;} .notCont .fichaNoticia .desc > h2 {font-size: 28px;line-height: 36px;margin: 0 0 12px;} /* DESCARGA */ #dvArchivos{ margin-top: 20px; text-align: left;} #dvArchivos .spnApartInfoFicha { margin: 0 0 8px; } #dvArchivos .spnApartInfoFicha:before { content: "\f105"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-right: 4px; font-size: 12px; } #dvArchivos .predescarga { display: inline-flex; align-items: center; justify-content: center; line-height: 40px; text-decoration: none; padding: 0 20px; border-radius: 6px; background: #007aff; } #dvArchivos .predescarga a{ text-decoration: none; color: #fff; } #dvArchivos .predescarga i{ font-size: 18px; margin-right: 10px; display: inline-block; } #dvArchivos .pass { display: none; max-width: 320px; border: 2px dashed rgba(0,0,0,0.1); padding: 20px; border-radius: 8px; margin-top: 12px; text-align: center;} #dvArchivos .pass #spnContrasena{ display: block; margin: 0 0 8px; } #dvArchivos .pass input { padding: 10px; display: inline-block; vertical-align: middle; margin-right: 5px; border-radius: 8px } #dvArchivos .pass #btnContrasenaDescargar { display: flex; width: 100%; align-items: center; justify-content: center; line-height: 40px; text-decoration: none; padding: 0 20px; border-radius: 6px; background: #007aff; color: #fff;} #dvArchivos .pass #btnContrasenaDescargar i { font-size: 18px; margin-right: 10px; display: inline-block; } #dvArchivos > a { display: inline-flex; align-items: center; justify-content: center; line-height: 40px; text-decoration: none; padding: 0 20px; border-radius: 6px; background: #007aff; color: #fff;} #dvArchivos > a:before {content: "\f0ed";font-weight: 900; font-family: "Font Awesome 6 Pro"; font-size: 18px; margin-right: 10px; display: inline-block; } #dvArchivos .descargacont{ text-align: center; border-radius: 6px; padding: 10px; display: inline-block; max-width: 50%; line-height: 40px; margin-top: 20px; } #dvArchivos .descargacont p {display: block; vertical-align: middle; line-height: 40px; height: 40px; padding: 0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 100%; } #dvArchivos .descargacont p .nombrearchivo{ } #spnContrasenaIncorr{ display: none; color: red; text-align: center; margin-top: 4px;} .notsRels { margin-top: 80px;} .notsRels .widNot {padding: 0; background: transparent;} .notsRels .title3 { display: block; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid rgba(0,0,0,0.1)} #dvPaginacion { text-align: center; clear: both; margin-top: 20px; } #dvPaginacion ul li{ display: inline-block;} #dvPaginacion ul li a{ display: block; width: 30px; font-size: 14px; line-height: 30px; border-radius: 6px; text-decoration: none; margin: 5px;} #dvPaginacion ul li:first-child a, #dvPaginacion ul li:last-child a{ width: 74px; font-size:16px;} #dvPaginacion ul li .select { font-weight: bold; } #dvPaginacion ul li .des { opacity: 0.5; cursor: default; } .comppie{clear: both;margin: 20px 0;float: left;width: 100%;border-top: 1px solid #ccc;padding-top: 20px;} .comppie div{ overflow: hidden; margin-bottom: 20px; } .comppie .fichaanterior, .comppie .fichasiguiente { display: flex;align-items:center; border-radius: 6px; text-decoration: none; padding: 10px 20px; width: 40%; overflow:hidden; text-align: center; } .comppie .fichasiguiente {flex-direction:row-reverse;} /* .comppie .fichaanterior { border-radius: 0 6px 6px 0; } .comppie .fichasiguiente { border-radius: 6px 0 0 6px; } */ .comppie .fichaanterior span, .comppie .fichasiguiente span { overflow:hidden; display: block; text-overflow: ellipsis; white-space: nowrap;} .comppie .fichaanterior i { margin-right: 10px;} .comppie .fichasiguiente i {margin-left: 10px; } .comppie .fichaanterior { float: left; } .comppie .fichasiguiente { float: right; } .comppie .pievolver{ display: inline-block; border-radius: 6px; text-decoration: none; padding: 10px 40px; clear: both;line-height:100%;} .comppie .pievolver i{ margin-right: 10px; font-size: 20px;display:inline-block; } .comppie .pievolver span, .pievolver i{ display: inline-block; vertical-align: middle; } /*COMPARTIR*/ .shareBlog {border: 8px solid rgba(0,0,0,0.05);padding: 20px;text-align: center;} .shareBlog > p{font-weight: bold;text-transform: uppercase;margin: 0 0 8px;font-size: 20px;line-height: 28px;} .shareBlog > ul{ } /*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; margin:0 1px; 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;} #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) } .shareFichaBlog { padding: 20px; margin: 0 0 20px; display: flex; align-items: center; justify-content: center;} @media screen and (min-width: 1023px) { .notCont .compmenu #menuBlog > div { display: block !important; } } @media screen and (max-width: 1023px) { .notCont .compmenu {float: none;width: 100%;padding: 0;background: transparent !important; margin: 0;} .notCont .compmenu .compmenutitle {display: none;} .notCont .compmenu #menuBlog {text-align: right;position: relative;margin: 0 0 12px;} .notCont .compmenu #menuBlog > div {display: none;position: absolute;right: 0;z-index: 1;} .notCont .compmenu #menuBlog .blsubm {padding: 20px;background: #f5f5f5;max-width: 300px;text-align: left;} .notCont .compmenu #menuBlog .blsubm > li a { margin: 0 0 12px; } .notCont .compmenu #menuBlog > #pullcomp{ display: inline-flex; } .notCont .noticiascont {float: none;width: 100%;margin: 0 0 20px;} .notCont .notDer { float: none; width: 100%; } .notCont .noticiascont article .imgcont {max-width: 30%;min-width: 220px;} .notCont .noticia { float: none; width: 100%; margin: 0 0 40px;} .notCont .noticia .imgcont img {max-height: 75vw;} .notCont #menuFechas { width: 100%;} .shareBlog {display: flex;align-items: center;justify-content: space-around;} .shareBlog > p{ margin: 0; } } @media screen and (max-width: 640px) { .notCont .noticias1 .noticiascont article { display: block; } .notCont .noticias1 .noticiascont article .imgcont { max-width: 100%; width: 100%; margin: 0 0 16px } .notCont .noticias1 .noticiascont article .imgcont img{ width: 100%; } .notCont .noticias1 .noticiascont article .textcont .textconint {position: static;padding: 0;} .notCont .noticias1 .noticiascont article .textcont .notResDesc { max-height: 100px;} .notCont .noticias1 .noticiascont article .textcont .notResButton { left:0; } .notCont .noticias2 .noticiascont article {/* display: block; */} .notCont .noticias2 .noticiascont article .imgcont {/* max-width: 100%; */width: 45%;/* margin: 0 0 16px */max-width: 240px;min-width: 0;} .notCont .noticias2 .noticiascont article .imgcont img{height: 140px;} .notCont .noticias2 .noticiascont article.notdest .imgcont a{ padding-bottom: 75%;} .notCont .noticias2 .noticiascont article .textcont .textconint { position: static; padding: 0 12px 0 0;} .notCont .noticias2 .noticiascont article .textcont .notResTitle {max-height: 100%;font-size: 16px;line-height: 20px;} .notCont .noticias2 .noticiascont article .textcont .notResDesc {max-height: 100px;display: none;} .notCont .noticias2 .noticiascont article .textcont .notResButton {left:0;display: none;} .notCont .noticias2 .noticiascont article .textcont .notResInfo {text-overflow: initial;white-space: initial;} .descarga { text-align: center; } .descarga .descargacont { max-width: 100%; } .notCont .noticia .imgcont img { max-height: 75vw; } .notCont .fichaNoticia iframe { } .shareBlog {display: block; } .shareBlog > p{ margin: 0 0 8px; } .bmmin3 .bloggalcont { width: 48%; } #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;} } @media screen and (max-width: 480px) { #dvPaginacion ul li { display: none;width: 49%; } #dvPaginacion ul li:first-child{display: block; float: left; } #dvPaginacion ul li:last-child{ display: block; float: right; } #dvPaginacion ul li:first-child a, #dvPaginacion ul li:last-child a{ width: 100%; margin: 0; line-height: 42px; font-size: 20px;} .comppie{ text-align: center; } .comppie .fichaanterior, .comppie .fichasiguiente { width: 49%; margin: 0; font-size: 20px;justify-content:center;} .comppie .fichaanterior span, .comppie .fichasiguiente span { display: none;} .comppie .fichaanterior i, .comppie .fichasiguiente i { margin: 0px; } .descarga { text-align: center; } .descarga .descargacont { float: none; display: block;} .descarga .descargacont .boton{ float: none; margin: 12px 0 0; width: 100%; } .descarga .descargacont .predescarga .boton{ margin: 0; } .descarga .descargacont #dvFicherosContrasena .boton {margin: 0;} .descarga .descargacont p { padding: 0 10px; display: block; } .descarga .descargacont #txtContrasena {display: block;width: 100%;margin: 0 auto 8px;max-width: 100%;} } :root { --font-size: 1rem; /* tama�o base de la fuente */ --ratio: 1.125; /* ratio para calcular los tama�os de fuente, se aumenta en los @media */ --line-height: 1.5em; /* interlineado base de la fuente */ --font-xs: calc(var(--font-size) / var(--ratio)); /* C�lculo de los tama�os de fuente, relacionados con la variable ratio*/ --font-s: calc(var(--ratio) * var(--font-size)); --font-m: calc(var(--ratio) * var(--font-s)); --font-l: calc(var(--ratio) * var(--font-m)); --font-xl: calc(var(--ratio) * var(--font-l)); --font-xxl: calc(var(--ratio) * var(--font-xl)); --font-3xl: calc(var(--ratio) * var(--font-xxl)); --font-color: #222; --primary: #222; /* Color precios, t�tulos...*/ --secondary: #03A9F4; /*Color botones, link*/ --primary-invert: #fff; /*Texto de los botones*/ --secondary-invert: #fff; /*Texto de los botones*/ --radius1: 4px; /*Border-radius de los botones*/ --weight-fa: 300; /*Weight de los iconos*/ --font1:'Lexend'; /* Fuente 1 */ --font2:'Righteous'; /* Fuente 2 */ --bold1: 600; /* Bold 1 */ --bold2: 700; /* Bold 2 */ --radius-default: 0px;/*Border-radius de las im�genes de los paneles*/ --padding-panelsimple: 20px;/*Distancia alrededor del panel simple. Debemos poner "px". Recomendado cuando hay borde-radius: 16px*/ --mosaico-margin: 8px; /*Espacio entre elementos de los mosaicos y box2 [Se puede cambiar en 768px]*/ --descriptivo-margin: 40px; /*Espacio entre elementos de los paneles descriptivos [Se puede cambiar en 768px]*/ --descriptivo-reverse: column; /*[PC](column/column-reverse) Configura si interesa alternar elementos con imagen y texto revertidos*/ --menu-height: 40px; /*Altura del men� en slide (categs2)*/ --menu-bg: #fff; /*Color de fondo del men� en slide (categs2)*/ --productos-margin: 16px; /*Espacio entre elementos de los productos de portada, resultados, box3, box4 y box6)*/ --section-margin: 60px; /* Margen entre secciones de la portada */ --max-width: 1280px; /* Ancho m�ximo de la tienda */ --color-fb: #3A559F; --color-ig: #C536A4; --color-tw: #50ABF1; --color-wa: #1BD741; } /* Titulos */ .title1 { font-family: var(--font2); font-weight: 400 } .title2 { font-family: var(--font2); font-weight:400} .title3 { font-family: var(--font2); font-weight:400} /* Titulos */ .title { line-height: 1.25em; margin: 0 0 0.5em; font-weight: var(--bold1); color: var(--dark); } .subtitle { text-transform: uppercase; font-size: 1rem; display: block; font-family: var(--font2); font-weight: var(--bold1); letter-spacing: 0.15em; margin: 0 0 0.5rem; } .title:last-child { margin: 0; } .title--1 { font-size: var(--font-xl); font-family: var(--font1); } .title--2 { font-size: var(--font-l); font-family: var(--font1); } .title--3 { font-size: var(--font-m); font-family: var(--font1); } .title--4 { font-size: var(--font-s); font-family: var(--font2); } .panel__simple--skin1 .switem .switeminfo .switemtitle .titulo2, .panel__simple--skin2 .switem .switeminfo .switemtitle .titulo2, .panel__simple--skin3 .switem .switeminfo .switemtitle .titulo2, .panel__simple--skin4 .switem .switeminfo .switemtitle .titulo2, .panel__simple--skin5 .switem .switeminfo .switemtitle .titulo2 { font-family: var(--font2); font-weight: 400 } /* PORTADA */ #PORT01 > .box4.flash{background: var(--primary); background-image:linear-gradient(rgba(255,255,255,0.90),rgba(255,255,255,0.90)); border:0;} #PORT01 > .slideCupones3.flash{background: var(--primary); background-image:linear-gradient(rgba(255,255,255,0.90),rgba(255,255,255,0.90)); border:0;} .panel--nogap-up{ padding-top:0; } .panel__simple--skin3 .switem .switemimg:after{display:none;} /* Tama�os de las imagenes en los paneles*/ @supports (aspect-ratio: 8 / 3) { .panel__simple--skin2 .switem .switemimg:last-child{padding:0; aspect-ratio: 8 / 3;} } @supports (aspect-ratio: 4 / 3) { .panel__simple--skin2 .switem .switemimg:not(:last-child){padding:0; aspect-ratio: 4 / 3;} .mosaico--skin1 .boxCont .boxItem .boxItemImg img{aspect-ratio: 4 / 3;} .panel__doble--skin1 .boxCont .boxItem > div{padding:0; aspect-ratio: 4 / 3;} } @supports (aspect-ratio: 3 / 4) { .panel__triple--skin1 .boxCont .boxItem > div{padding:0; aspect-ratio: 3 / 4;} } @supports (aspect-ratio: 2 / 1) { .panel__simple--skin1 .switem .switemimg {padding:0; aspect-ratio: 2 / 1;} } footer .footerInfo .footerInfoCont .FICBox:nth-last-of-type(2) { width: 40%; order: 5; } footer .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 .footerInfo .footerInfoCont .dvCajaBannerPerso.FICBox nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; } footer .footerInfo .footerInfoCont .dvCajaBannerPerso.FICBox nav a { display: inline-flex; padding: 8px 16px; background: rgba(0,0,0,0.2); border-radius: 4px; } footer .footerInfo .footerInfoCont .dvCajaBannerPerso.FICBox nav a:hover { background: rgba(0,0,0,0.4); } @media screen and (max-width: 768px) { footer .footerInfo .footerInfoCont .FICBox:nth-last-of-type(2) { width: 100%; margin: 12px 0; } } .img-cover { display: block; width: 100%; height: 100%; object-fit: cover; } #PER03 { padding: 16px; } #PER03 img { max-width:400px; } /******************************* DUAL - texto + foto *******************************/ /* Propiedades de las columnas -> dual__item dual__item--center | Columna - Centrar verticalmente el contenido dual__item--gap-v | Columna - Padding vertical dual__item--txt | Columna - Texto dual__item--img | Columna - Imagen completa dual__item--img-crop | Columna - Imagen con altura del otro dual, absolute dual__item--full | Columna - Ancho 100% pantalla data-order-mv="1" | Columna - Orden en m�vil, posibles valores [1 | 2] */ .dual { display: flex; flex-direction: column; max-width: var(--max-width); margin: 0 auto; align-items: center; } .dual:not(:last-child) { margin-bottom: var(--padding-v); } .dual__item--center { justify-content: center; } .dual__item--txt.dual__item--full:first-child { padding-left: var(--padding-h); } .dual__item--txt.dual__item--full:last-child { padding-right: var(--padding-h); } .dual__item--box .dual__inner { padding: var(--padding-h); background: var(--light); } .dual__item:first-child { align-items: flex-end; } .dual__item:last-child { align-items: flex-start; } .dual__inner { position: relative; } .dual--border .dual__item--txt .dual__inner { border: 1px solid var(--primary); } .dual--border .dual__item:not(.dual__item--txt) { position: relative; z-index: 1; } .dual__item--mapa .dual__inner { display: flex; flex-direction: column; } .dual__item--mapa iframe { flex: 1; min-height: 300px; } /* Estilos <= 820px */ @media screen and (max-width: 820px) { .section--gap-v .dual__item:not(.dual__item--full), .section--nogap .dual__item:not(.dual__item--full) { padding-left: var(--padding-h); padding-right: var(--padding-h); } .dual__item--txt.dual__item--full:first-child { padding-right: var(--padding-h); } .dual__item[data-order-mv="1"] { order: 1; } .dual__item[data-order-mv="2"] { order: 2; padding-top: max(var(--padding-h), 1.125rem); } .dual__item--txt ~ .dual__item--txt[data-order-mv="2"] { padding-top: calc(var(--padding-h) * 2); } .dual__item--txt[data-order-mv="2"] ~ .dual__item--txt { padding-bottom: var(--padding-h); } .dual__item--img-crop img { max-height: 50vh; min-height: 220px; } .section--nogap .dual__item--gap-v { padding-top: var(--padding-v); padding-bottom: var(--padding-v); } .section--nogap .dual:has(.dual__item--gap-v) .dual__item:not(.dual__item--gap-v)[data-order-mv="1"] { padding-bottom: 0; } .section--nogap .dual:has(.dual__item--gap-v) .dual__item:not(.dual__item--gap-v)[data-order-mv="2"] { padding-top: 0; } .section .container > .dual .dual__item:first-child, .section .container > .dual .dual__item:last-child { padding-left: 0; padding-right: 0; } .dual--border { --translate: calc(var(--padding-h)*1.5); } .dual--border .dual__item[data-order-mv="1"] { transform: translateX(var(--translate)); width: calc(100% - var(--translate)); padding: 0; } .dual--border .dual__item[data-order-mv="2"] { width: calc(100% - var(--translate)); padding: 0; } .dual--border .dual__item--txt[data-order-mv="2"] .dual__inner { margin-top: calc(var(--padding-v)*-1); padding: calc(var(--padding-v) + var(--translate)) var(--translate) var(--translate); } .dual--border .dual__item--txt[data-order-mv="1"] .dual__inner { margin-bottom: calc(var(--padding-v)*-1); padding: var(--translate) var(--translate) calc(var(--padding-v) + var(--translate)); } } /* Estilos >= 821px */ @media screen and (min-width: 821px) { .dual { flex-direction: row; --dualWidthItem: 0.5; } .dual__item--full .dual__inner { max-width: 100%; } .dual__item { --padding: calc(var(--padding-h)/2); width: calc(50% + (var(--max-width) / 2) - (var(--max-width) * (1 - var(--dualWidthItem)))); min-width: calc(min(100% * var(--dualWidthItem), 50%)); display: flex; flex-direction: column; } .dual__item:not(.dual__item--center) .dual__inner { flex: 1; } .dual__inner { max-width: calc((var(--max-width) * var(--dualWidthItem)) - var(--padding)); position: relative; width: 100%; } .dual__item--img .dual__inner { width: 100%; } .dual__item--img-crop img { position: absolute; } .dual__item:not(.dual__item--img-crop.dual__item--full):not(.dual__item--img.dual__item--full):first-child { padding-right: var(--padding); } .dual__item:not(.dual__item--img-crop.dual__item--full):not(.dual__item--img.dual__item--full):last-child { padding-left: var(--padding); } .dual .dual__item--full.dual__item--img + .dual__item--txt:not(.dual__item--img-crop.dual__item--full):last-child, .dual .dual__item--full.dual__item--img-crop + .dual__item--txt:not(.dual__item--img-crop.dual__item--full):last-child { padding-left: var(--padding-h); } .dual:has(.dual__item--full.dual__item--img) .dual__item--txt:not(.dual__item--img-crop.dual__item--full):first-child, .dual:has(.dual__item--full.dual__item--img-crop) .dual__item--txt:not(.dual__item--img-crop.dual__item--full):first-child { padding-right: var(--padding-h); } .section--gap-v .dual__item:not(.dual__item--full):first-child, .section--nogap .dual__item:not(.dual__item--full):first-child { padding-left: var(--padding-h); } .section--gap-v .dual__item:not(.dual__item--full):last-child, .section--nogap .dual__item:not(.dual__item--full):last-child { padding-right: var(--padding-h); } .dual__item--gap-v { padding-top: var(--padding-v); padding-bottom: var(--padding-v); } .section:not(.section--nogap) .dual__item--gap-v:not(.dual__item--full) { padding-top: min(var(--padding-v), 4rem); padding-bottom: min(var(--padding-v), 4rem); } .section .container > .dual .dual__item:first-child { padding-left: 0; } .section .container > .dual .dual__item:last-child { padding-right: 0; } .dual--border { --maxWidth: calc(var(--max-width) * var(--dualWidthItem)); --translate: 100px; } .dual--border .dual__item--txt .dual__inner { padding: var(--padding-h); } .dual--border .dual__inner { max-width: var(--maxWidth); } .dual--border .dual__item:not(.dual__item--img-crop.dual__item--full):not(.dual__item--img.dual__item--full):first-child { padding-right: 0; } .dual--border .dual__item:not(.dual__item--img-crop.dual__item--full):not(.dual__item--img.dual__item--full):last-child { padding-left: 0; } .dual--border .dual__item:not(.dual__item--txt) .dual__inner { margin-bottom: var(--padding-v); } .dual--border .dual__item--txt .dual__inner { margin-top: var(--padding-v); width: calc(100% + var(--translate)); max-width: calc(var(--maxWidth) + var(--translate)) } .dual--border .dual__item--txt:first-child .dual__inner { transform: translateX(var(--translate)); padding-right: calc(var(--translate) + var(--padding-h)); } .dual--border .dual__item--txt:last-child .dual__inner { transform: translateX(calc(var(--translate) * -1)); padding-left: calc(var(--translate) + var(--padding-h)); } .dual .dual__item--full.dual__item--img + .dual__item--txt:not(.dual__item--img-crop.dual__item--full):last-child .dual__inner, .dual .dual__item--full.dual__item--img-crop + .dual__item--txt:not(.dual__item--img-crop.dual__item--full):last-child .dual__inner { max-width: calc(var(--maxWidth) - var(--padding-h)); } .dual:has(.dual__item--full.dual__item--img) .dual__item--txt:not(.dual__item--img-crop.dual__item--full):first-child .dual__inner, .dual:has(.dual__item--full.dual__item--img-crop) .dual__item--txt:not(.dual__item--img-crop.dual__item--full):first-child .dual__inner { max-width: calc(var(--maxWidth) - var(--padding-h)); } } @media screen and (min-width: 1080px) { .dual__item { --dualWidthItem: var(--dualWidth, 0.5); width: calc(50% + (var(--max-width) / 2) - (var(--max-width) * (1 - var(--dualWidthItem)))); min-width: calc(min(100% * var(--dualWidthItem), 50%)); } .dual__inner { max-width: calc((var(--max-width) * var(--dualWidthItem)) - var(--padding)); } .dual--border .dual__inner { max-width: calc(var(--max-width) * var(--dualWidthItem)); } .dual--border .dual__item--txt .dual__inner { max-width: calc((var(--max-width) * var(--dualWidthItem)) + var(--translate)) } .dual .dual__item--full.dual__item--img + .dual__item--txt:not(.dual__item--img-crop.dual__item--full):last-child .dual__inner, .dual .dual__item--full.dual__item--img-crop + .dual__item--txt:not(.dual__item--img-crop.dual__item--full):last-child .dual__inner { max-width: calc((var(--max-width) * var(--dualWidthItem)) - var(--padding-h)); } .dual:has(.dual__item--full.dual__item--img) .dual__item--txt:not(.dual__item--img-crop.dual__item--full):first-child .dual__inner, .dual:has(.dual__item--full.dual__item--img-crop) .dual__item--txt:not(.dual__item--img-crop.dual__item--full):first-child .dual__inner { max-width: calc((var(--max-width) * var(--dualWidthItem)) - var(--padding-h)); } } /******************************* Widget redes *******************************/ .fb-widget .title { color: var(--color-fb); } .fb-widget__bloque { background: var(--light); text-align: center; padding: 1rem; margin: 0 auto 1rem; max-width: calc(500px + 2rem); } .ig-widget .title { color: var(--color-ig); } .ig-widget__bloque { background: var(--light); text-align: center; padding: 1rem; margin: 0 auto 1rem; max-width: calc(500px + 2rem); } .ig-widget__bloque img { margin: 0 auto; } @media screen and (min-width: 821px) { .ig-widget__bloque img { min-height: 500px; object-fit: cover; } } /*************************** BUTTON **************************/ .button { position: relative; padding: 0.6em 1.4em; display: inline-block; text-decoration: none; border-radius: var(--radius2); margin: 2px; vertical-align: middle; opacity: 1; text-decoration: none; font-weight: var(--bold2); font-size: 0.9rem; text-transform: uppercase; overflow: hidden; } .button > * { position: relative; z-index: 1; } .button i { transition: transform 0.3s ease-out; } .button i:last-child { margin-left: 0.5em; } .button i:first-child { margin-right: 0.25em; } /* button ico */ .button--ico { padding: 0; width: 38px; height: 38px; font-size: 1.25rem; display: inline-flex; align-items: center; justify-content: center; } .button--ico i:first-child, .button--ico i:last-child { margin: 0; } .button.button--ico:hover i, .button.button--ico:active i, .button.button--ico:focus i { transform: translateX(0); transform: rotate(360deg); } /* button ico small */ .button--ico.button--s { padding: 0; width: 28px; height: 28px; margin: 0 0 0 0.5rem; line-height: var(--line-height); font-size: 0.9rem; } .button--ico span { display: none; } /* bg facebook */ .button--fb { background: var(--color-fb); color: #fff; } /* bg instagram */ .button--ig { background: var(--color-ig); color: #fff; } /* bg whatsapp */ .button--whatsapp { background: var(--color-wa); color: #fff; } .font--center {text-align:center} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaBoton{ display:none!important; } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaCantidad{ display:none!important; } /* Lista contacto */ .list-contact { list-style: none!important; display: grid; grid-template-columns: 1fr; grid-gap: 1rem; } .list-contact__title { margin-bottom: 0.4rem; border-bottom: 1px solid #eee; padding-bottom: 0.4rem; display: block; } .list-contact:not(:last-child) { margin: 0 0 1.25rem; } /*################ ##### 1 0 2 3 #### ################*/ @media screen and (max-width: 1023px) { } /*################ ##### 9 6 0 #### ################*/ @media screen and (max-width: 960px) { } /*################ ##### 7 6 8 #### ################*/ @media screen and (min-width: 768px) { } @media screen and (max-width: 768px) { :root {--mosaico-margin: 8px; /*[M�vil]Espacio entre elementos de los mosaicos y box2*/ --descriptivo-margin: 20px; /*[M�vil]Espacio entre elementos de los paneles descriptivos*/ --section-margin: 40px;/*[M�vil]Espacio entre secciones de portada */ } @supports (aspect-ratio: 4 / 3) { .panel__simple--skin2 .switem .switemimg:last-child{aspect-ratio: 4 / 3;} } @supports (aspect-ratio: 4 / 3) { .panel__simple--skin1 .switem .switemimg{aspect-ratio: 4 / 3;} } } /*################ ##### 6 4 0 #### ################*/ @media screen and (min-width: 640px) { } @media screen and (max-width: 640px) { :root { --productos-margin: 12px; /*[M�vil]Espacio entre elementos de los productos de portada, resultados, box3, box4 y box6)*/ } @supports (aspect-ratio: 16 / 9) { .panel__doble--skin1 .boxCont .boxItem > div{ aspect-ratio: 4 / 3;} } @supports (aspect-ratio: 1 / 1) { .panel__simple--skin1 .switem .switemimg{aspect-ratio: 1 / 1;} } } /*################ ##### 4 8 0 #### ################*/ @media screen and (max-width: 480px) { /*#Res .RCRProdsCont { grid-template-columns: 1fr; }*/ }