/* Minification failed. Returning unminified contents.
(1409,20): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(1410,14): run-time error CSS1039: Token not allowed after unary operator: '-font-color'
(1411,18): run-time error CSS1039: Token not allowed after unary operator: '-font-size'
(1412,20): run-time error CSS1039: Token not allowed after unary operator: '-line-height'
(1423,14): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1428,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(1490,20): run-time error CSS1039: Token not allowed after unary operator: '-menu-height'
(1491,19): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(1572,20): run-time error CSS1039: Token not allowed after unary operator: '-menu-height'
(1610,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(1637,20): run-time error CSS1039: Token not allowed after unary operator: '-menu-height'
(1648,45): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(1648,61): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(1648,77): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(1654,44): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(1654,60): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(1654,76): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg'
(1693,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(1754,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(1841,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(1857,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(1893,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
: run-time error CSS1036: Expected expression, found ''
(2042,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2078,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2121,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2204,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2323,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(2341,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(2448,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(2478,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2498,18): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(2499,14): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2505,18): run-time error CSS1039: Token not allowed after unary operator: '-font-l'
(2511,18): run-time error CSS1039: Token not allowed after unary operator: '-font-s'
(2548,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2565,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(2567,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2576,19): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(2579,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(2581,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2612,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(2614,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
: run-time error CSS1036: Expected expression, found ''
(2675,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(2800,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2851,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
: run-time error CSS1036: Expected expression, found ''
(2894,14): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2928,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(2939,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(2963,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
: run-time error CSS1036: Expected expression, found ''
(2984,14): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(3054,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3067,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3079,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(3090,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3125,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(3128,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(3150,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(3153,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(3154,14): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(3173,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3188,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(3190,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3451,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(3455,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(3513,21): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(3527,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(3531,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(3547,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(3551,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(3598,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(3603,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(3613,26): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(3614,22): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(3662,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(3670,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(3749,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(3764,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(3773,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(3780,35): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(3843,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(3847,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(3871,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(3877,35): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(3900,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(3904,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(3925,35): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
: run-time error CSS1036: Expected expression, found ''
(3994,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(4073,21): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(4112,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4133,19): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(4144,14): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(4154,19): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(4312,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4329,14): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(4348,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4368,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(4446,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(4459,19): run-time error CSS1039: Token not allowed after unary operator: '-light'
(4467,17): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(4510,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4512,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(4516,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(4527,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(4572,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4868,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(4880,14): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(4909,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(5005,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(5021,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(5023,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(5096,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(5105,14): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5126,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(5362,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(5363,45): run-time error CSS1039: Token not allowed after unary operator: '-light'
(5364,48): run-time error CSS1039: Token not allowed after unary operator: '-light'
(5365,46): run-time error CSS1039: Token not allowed after unary operator: '-light'
: run-time error CSS1036: Expected expression, found ''
(5370,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(5486,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(5531,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(5572,12): run-time error CSS1030: Expected identifier, found '.'
(5572,37): run-time error CSS1031: Expected selector, found ')'
(5572,37): run-time error CSS1025: Expected comma or open brace, found ')'
(5577,12): run-time error CSS1030: Expected identifier, found '.'
(5577,37): run-time error CSS1031: Expected selector, found ')'
(5577,37): run-time error CSS1025: Expected comma or open brace, found ')'
(5586,12): run-time error CSS1030: Expected identifier, found '.'
(5586,37): run-time error CSS1031: Expected selector, found ')'
(5586,37): run-time error CSS1025: Expected comma or open brace, found ')'
(5593,12): run-time error CSS1030: Expected identifier, found '.'
(5593,37): run-time error CSS1031: Expected selector, found ')'
(5593,37): run-time error CSS1025: Expected comma or open brace, found ')'
(5600,12): run-time error CSS1030: Expected identifier, found '.'
(5600,37): run-time error CSS1031: Expected selector, found ')'
(5600,37): run-time error CSS1025: Expected comma or open brace, found ')'
(5605,13): run-time error CSS1030: Expected identifier, found '.'
(5605,38): run-time error CSS1031: Expected selector, found ')'
(5605,38): run-time error CSS1025: Expected comma or open brace, found ')'
(5645,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
: run-time error CSS1036: Expected expression, found ''
(5804,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(5835,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(5914,19): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5922,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(5965,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(5976,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(5981,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6014,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(6022,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(6066,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(6083,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(6152,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
: run-time error CSS1036: Expected expression, found ''
(6338,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
: run-time error CSS1036: Expected expression, found ''
(6402,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6540,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6543,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(6567,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(6615,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(6674,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6684,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6701,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6711,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6798,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(6801,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(7024,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7027,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(7054,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7180,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7185,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(7283,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7288,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(7293,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7383,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7390,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7444,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7563,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7616,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
: run-time error CSS1036: Expected expression, found ''
(7661,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7784,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7792,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7989,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(7997,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8017,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8032,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8054,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8103,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8137,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8162,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8192,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(8220,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8275,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(8371,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8460,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
(8619,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8640,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8799,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8899,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(8992,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9268,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9530,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9627,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9636,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(9651,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(9653,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9662,14): run-time error CSS1030: Expected identifier, found '-'
(9662,14): run-time error CSS1031: Expected selector, found '-'
(9662,14): run-time error CSS1025: Expected comma or open brace, found '-'
(9713,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(9717,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9759,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9794,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(9870,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9929,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9950,17): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(9957,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(9961,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(9979,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(9996,19): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(9997,14): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(9999,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(10003,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(10030,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(10074,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(10083,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(10086,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(10089,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(10124,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(10129,14): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(10130,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(10132,25): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(10163,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(10164,45): run-time error CSS1039: Token not allowed after unary operator: '-light'
(10165,48): run-time error CSS1039: Token not allowed after unary operator: '-light'
(10166,46): run-time error CSS1039: Token not allowed after unary operator: '-light'
: run-time error CSS1036: Expected expression, found ''
(10169,1): run-time error CSS1019: Unexpected token, found '}'
(10176,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(10189,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(10190,20): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(10213,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
(10318,22): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
(10534,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
: run-time error CSS1036: Expected expression, found ''
(10641,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(10689,30): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(10705,30): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(10714,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(11113,22): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(11116,37): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(11524,21): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(11541,21): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(11639,21): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(11655,21): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(11687,21): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(11785,21): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(11836,38): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(11839,37): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(12025,23): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(12028,40): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(12034,39): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(12037,35): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin'
(12236,17): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(12248,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12249,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(12257,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12258,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(12266,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12267,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(12275,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12276,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(12284,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12285,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12296,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12297,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12308,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12309,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12320,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12321,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12332,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12333,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12344,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12345,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12356,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12357,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12368,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12369,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12380,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12381,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12404,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12405,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12428,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12429,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12455,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12456,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12488,16): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(12489,45): run-time error CSS1039: Token not allowed after unary operator: '-light'
(12490,48): run-time error CSS1039: Token not allowed after unary operator: '-light'
(12491,46): run-time error CSS1039: Token not allowed after unary operator: '-light'
(12499,18): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(12542,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12578,19): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(12590,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12590,41): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12596,24): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12596,39): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12609,22): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12628,14): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12651,73): run-time error CSS1039: Token not allowed after unary operator: '-weight-fa'
(12654,65): run-time error CSS1039: Token not allowed after unary operator: '-weight-fa'
(12655,36): run-time error CSS1039: Token not allowed after unary operator: '-weight-fa'
(12658,75): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(12667,38): run-time error CSS1039: Token not allowed after unary operator: '-light'
(12668,195): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(12670,92): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12681,128): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(12693,44): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12695,158): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12695,189): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12702,46): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12704,173): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12704,204): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12796,16143): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12796,16184): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(12796,16248): run-time error CSS1019: Unexpected token, found '@keyframes'
(12796,16281): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(12798,114): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(12798,150): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(12798,202): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12798,292): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12804,93): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12804,115): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12805,76): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12805,98): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12812,303): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12813,81): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(12822,129): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(12822,165): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(12822,217): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12822,307): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12823,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12825,93): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12825,115): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12825,154): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12826,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12827,94): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12827,116): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12827,150): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12829,176): run-time error CSS1039: Token not allowed after unary operator: '-path'
(12836,81): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(12845,129): run-time error CSS1039: Token not allowed after unary operator: '-primary-invert'
(12845,209): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12845,299): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12846,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12856,198): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12857,253): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(12858,81): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(12867,129): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(12867,165): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(12867,217): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12867,307): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12868,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12875,213): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12875,248): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12875,284): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12879,296): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(12880,81): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(12889,129): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(12889,165): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(12889,217): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12889,307): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12890,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12892,72): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12893,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12896,150): run-time error CSS1039: Token not allowed after unary operator: '-path'
(12901,60): run-time error CSS1039: Token not allowed after unary operator: '-path'
(12901,270): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12902,81): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(12911,129): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(12911,165): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(12911,217): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(12911,307): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12912,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(12915,114): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12919,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12929,124): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12936,116): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12936,153): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12937,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12938,119): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12938,156): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(12943,25): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(12945,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12945,50): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12947,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12948,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12951,23): run-time error CSS1039: Token not allowed after unary operator: '-light'
(12953,28): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12953,50): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(12960,21): run-time error CSS1039: Token not allowed after unary operator: '-path'
(13023,21): run-time error CSS1039: Token not allowed after unary operator: '-font-xl'
(13025,22): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(13025,34): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(13026,23): run-time error CSS1039: Token not allowed after unary operator: '-bold2'
(13026,35): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(13027,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13031,21): run-time error CSS1039: Token not allowed after unary operator: '-font-s'
(13037,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(13038,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(13040,25): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(13056,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13057,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13094,38): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(13095,62): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(13096,242): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13096,274): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13096,310): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13098,113): run-time error CSS1039: Token not allowed after unary operator: '-font-m'
(13098,183): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13101,91): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(13102,78): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(13108,39): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(13109,63): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(13110,243): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13110,275): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13110,311): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13112,114): run-time error CSS1039: Token not allowed after unary operator: '-font-m'
(13112,183): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13115,92): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(13116,92): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(13117,81): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(13121,37): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin'
(13122,48): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(13123,168): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin'
(13129,58): run-time error CSS1039: Token not allowed after unary operator: '-font-m'
(13136,110): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(13144,33): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(13145,44): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(13146,154): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(13149,57): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(13155,256): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13155,288): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13155,324): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13157,95): run-time error CSS1039: Token not allowed after unary operator: '-font-m'
(13157,174): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13190,36): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(13191,47): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(13192,116): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(13206,155): run-time error CSS1039: Token not allowed after unary operator: '-radius-default'
(13216,46): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(13220,203): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13221,130): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13230,30): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(13235,130): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13249,249): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13262,202): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13263,205): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13263,238): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13263,274): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13263,353): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13263,385): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13263,420): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13263,497): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13263,529): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13263,564): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13263,747): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13278,217): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13278,250): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13278,286): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13278,365): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13278,397): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13278,432): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13278,509): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13278,541): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13278,576): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13278,759): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13292,96): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(13297,93): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(13307,96): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(13316,93): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(13318,101): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin'
(13323,102): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin'
(13325,93): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(13336,94): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(13349,38): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(13350,75): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(13354,39): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(13358,92): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(13362,59): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(13366,62): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin'
(13379,155): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13386,155): run-time error CSS1039: Token not allowed after unary operator: '-filtroPortada'
(13404,67): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin'
(13407,71): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin'
(13412,165): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(13416,93): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse'
(13432,66): run-time error CSS1039: Token not allowed after unary operator: '-font-s'
(13511,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13512,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13513,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13514,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13515,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13516,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13517,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13518,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13519,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13520,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13521,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13522,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13523,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13524,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13525,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13526,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13527,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13528,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13529,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13530,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13531,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13532,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13533,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13534,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13535,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13536,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13537,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13538,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13539,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13540,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13541,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13542,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13546,28): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(13546,40): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(13546,67): run-time error CSS1039: Token not allowed after unary operator: '-bold2'
(13546,79): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(13547,28): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(13547,40): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(13547,67): run-time error CSS1039: Token not allowed after unary operator: '-bold2'
(13547,79): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(13548,28): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(13548,40): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(13548,67): run-time error CSS1039: Token not allowed after unary operator: '-bold2'
(13548,79): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(13549,80): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(13549,92): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(13549,119): run-time error CSS1039: Token not allowed after unary operator: '-bold2'
(13549,131): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(13552,20): run-time error CSS1039: Token not allowed after unary operator: '-font-l'
(13557,40): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13558,49): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13563,21): run-time error CSS1039: Token not allowed after unary operator: '-light'
(13568,22): run-time error CSS1039: Token not allowed after unary operator: '-section-margin'
(13569,32): run-time error CSS1039: Token not allowed after unary operator: '-max-width'
(13574,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert'
(13575,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(13577,25): run-time error CSS1039: Token not allowed after unary operator: '-radius1'
(13581,23): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(13584,74): run-time error CSS1039: Token not allowed after unary operator: '-font-m'
(13601,24): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13609,93): run-time error CSS1039: Token not allowed after unary operator: '-bold1'
(13612,63): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13612,85): run-time error CSS1039: Token not allowed after unary operator: '-primary-invert'
(13614,21): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13615,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-invert'
(13617,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-invert'
(13637,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13660,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13661,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13662,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13676,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13677,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit; /* 1 */
font: inherit; /* 2 */
margin: 0; /* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
/* --------------------------------
Main Components
-------------------------------- */
.cd-dropdown-wrapper {
position: relative;
display: flex;
}
.no-touch .cd-dropdown-trigger:hover {
}
.cd-dropdown-trigger::before, .cd-dropdown-trigger::after {
/* this is the arrow inside the dropdown trigger*/
content: '';
position: absolute;
top: 50%;
margin-top: -1px;
height: 2px;
width: 9px;
background: #ffffff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: width 0.3s, -webkit-transform 0.3s;
-moz-transition: width 0.3s, -moz-transform 0.3s;
transition: width 0.3s, transform 0.3s;
}
.cd-dropdown-trigger::before {
right: 22px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.cd-dropdown-trigger::after {
right: 17px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media only screen and (min-width: 769px) {
.cd-dropdown-trigger.dropdown-is-active {
}
.no-touch .cd-dropdown-trigger.dropdown-is-active:hover {
}
.cd-dropdown-trigger.dropdown-is-active::before, .cd-dropdown-trigger.dropdown-is-active::after {
/* transform the arrow into a 'X' */
width: 14px;
}
.cd-dropdown-trigger.dropdown-is-active::before {
/* transform the arrow into a 'X' */
-webkit-transform: translateX(5px) rotate(-45deg);
-moz-transform: translateX(5px) rotate(-45deg);
-ms-transform: translateX(5px) rotate(-45deg);
-o-transform: translateX(5px) rotate(-45deg);
transform: translateX(5px) rotate(-45deg);
}
.cd-dropdown-trigger.dropdown-is-active::after {
/* transform the arrow into a 'X' */
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
}
.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a {
}
@media only screen and (min-width: 769px) {
.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a {
}
}
@media only screen and (min-width: 769px) {
.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a {
}
}
.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a,
.cd-dropdown-content .cd-divider {
}
.cd-dropdown {
position: fixed;
z-index: 9;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ffffff;
color: #333;
visibility: hidden;
/* Force Hardware Acceleration */
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s;
-moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s;
transition: transform 0.5s 0s, visibility 0s 0.5s;
}
.cd-dropdown h2 {
/* dropdown title - mobile version only */
position: relative;
z-index: 1;
}
.cd-dropdown .cd-close {
/* 'X' close icon - mobile version only */
position: absolute;
z-index: 1;
right: 0;
top: 0;
height: 50px;
width: 50px;
/* image replacement */
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
color: transparent;
}
.cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before {
/* this is the 'X' icon */
content: '';
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
height: 20px;
width: 2px;
background-color: #333;
}
.cd-dropdown .cd-close::after {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.cd-dropdown .cd-close::before {
-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
-o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.cd-dropdown.dropdown-is-active {
visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0s;
-moz-transition: -moz-transform 0.5s 0s, visibility 0s 0s;
transition: transform 0.5s 0s, visibility 0s 0s;
}
@media only screen and (min-width: 769px) {
.cd-dropdown .cd-close {
top: 5px;
}
}
@media only screen and (min-width: 769px) {
.cd-dropdown {
position: absolute;
top: calc(100% - 2px);
/* reset style*/
height: auto;
width: auto;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
background-color: #ffffff;
color: #111433;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
opacity: 0;
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px);
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}
.open-to-left .cd-dropdown {
/* use the .open-to-left class if you want to open the dropdown on the left */
right: 0;
left: auto;
}
.cd-dropdown h2, .cd-dropdown .cd-close {
/* on desktop - hide title and 'X' */
display: none;
}
.cd-dropdown.dropdown-is-active {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity 0.3s 0s, visibility 0.3s 0s, -webkit-transform 0.3s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0.3s 0s, -moz-transform 0.3s 0s;
transition: opacity 0.3s 0s, visibility 0.3s 0s, transform 0.3s 0s;
}
}
.cd-dropdown-content, .cd-dropdown-content ul {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
padding-top: 50px;
}
.cd-dropdown-content a, .cd-dropdown-content ul a {
display: block;
/* truncate text with ellipsis if too long */
overflow: hidden;
}
.cd-dropdown-content li:first-of-type > p, .cd-dropdown-content ul li:first-of-type > p {
border-top-width: 0;
}
.cd-dropdown-content li:last-of-type > a, .cd-dropdown-content ul li:last-of-type > a {
border-bottom-width: 1px;
}
.cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider {
}
.cd-dropdown-content .cd-divider + li > p, .cd-dropdown-content ul .cd-divider + li > p {
border-top-width: 0;
}
.cd-dropdown-content p, .cd-dropdown-content .cd-search, .cd-dropdown-content .cd-divider, .cd-dropdown-content ul a, .cd-dropdown-content ul .cd-search, .cd-dropdown-content ul .cd-divider {
/* Force Hardware Acceleration */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.cd-dropdown-content.is-hidden, .cd-dropdown-content ul.is-hidden {
/* push the secondary dropdown items to the right */
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.cd-dropdown-content.is-hidden > li > p, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > p, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > p, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > p, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
/* lower down the dropdown items opacity - when secondary dropdown slides in or for dropdown items hidden on the right */
opacity: 0;
}
.cd-dropdown-content.move-out > li > p, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.move-out > li > p, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
/* push the dropdown items to the left when secondary dropdown slides in */
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.dropdown-is-active .cd-dropdown-content, .dropdown-is-active .cd-dropdown-content ul {
-webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 769px) {
.cd-dropdown-content, .cd-dropdown-content ul {
padding-top: 60px;
}
.cd-dropdown-content a, .cd-dropdown-content ul a {
}
}
@media only screen and (min-width: 769px) {
.cd-dropdown-content, .cd-dropdown-content ul {
padding-top: 0;
overflow: visible;
}
.cd-dropdown-content a, .cd-dropdown-content ul a {
}
.cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider {
background-color: transparent;
color: #b3b3b3;
border-top: 1px solid #ebebeb;
}
.cd-dropdown-content .cd-divider + li > p, .cd-dropdown-content ul .cd-divider + li > p {
border-top-width: 1px;
}
.cd-dropdown-content.is-hidden > li > p, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > p, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > p, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > p, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
/* reset mobile style */
opacity: 1;
}
}
.cd-dropdown-content .see-all a {
/* different style for the See all links */
color: #3f8654;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
/* items with picture (or icon) and title */
height: 80px;
line-height: 80px;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item h3, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
/* truncate text with ellipsis if too long */
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {
padding-left: 90px;
}
.cd-dropdown-content .cd-dropdown-gallery img {
position: absolute;
display: block;
height: 40px;
width: auto;
left: 20px;
top: 50%;
margin-top: -20px;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
padding-left: 75px;
position: relative;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
color: #111433;
/* hide description on small devices */
display: none;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {
/* item icon */
content: '';
display: block;
position: absolute;
left: 20px;
top: 50%;
margin-top: -20px;
width: 40px;
height: 40px;
background-repeat: no-repeat;
background-position: center center;
background-size: 40px 40px;
}
@media only screen and (min-width: 769px) {
.cd-dropdown-content {
/* reset mobile style */
position: static;
height: auto;
width: 280px;
display: none;
}
.cd-dropdown.dropdown-is-active .cd-dropdown-content {
display: block;
}
.cd-dropdown-content > li:last-of-type a {
border-bottom: none;
}
.no-touch .cd-dropdown-content > li:not(.has-children) a:hover {
}
.cd-dropdown-content.move-out > li > p, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider {
/* reset mobile style */
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.cd-dropdown-content .cd-secondary-dropdown, .cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
left: 100%;
height: auto;
background-color: #ffffff;
box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);
}
.cd-dropdown-content .cd-secondary-dropdown::after, .cd-dropdown-content .cd-dropdown-gallery::after, .cd-dropdown-content .cd-dropdown-icons::after {
clear: both;
content: "";
display: table;
}
.open-to-left .cd-dropdown-content .cd-secondary-dropdown, .open-to-left .cd-dropdown-content .cd-dropdown-gallery, .open-to-left .cd-dropdown-content .cd-dropdown-icons {
/* use the .open-to-left class if you want to open the dropdown on the left */
left: auto;
right: 100%;
}
.cd-dropdown-content .cd-secondary-dropdown.is-hidden, .cd-dropdown-content .cd-dropdown-gallery.is-hidden, .cd-dropdown-content .cd-dropdown-icons.is-hidden {
/* reset mobile style */
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cd-dropdown-content .cd-secondary-dropdown.fade-in, .cd-dropdown-content .cd-dropdown-gallery.fade-in, .cd-dropdown-content .cd-dropdown-icons.fade-in {
/* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */
-webkit-animation: cd-fade-in 0.2s;
-moz-animation: cd-fade-in 0.2s;
animation: cd-fade-in 0.2s;
}
.cd-dropdown-content .cd-secondary-dropdown.fade-out, .cd-dropdown-content .cd-dropdown-gallery.fade-out, .cd-dropdown-content .cd-dropdown-icons.fade-out {
/* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */
-webkit-animation: cd-fade-out 0.2s;
-moz-animation: cd-fade-out 0.2s;
animation: cd-fade-out 0.2s;
}
.cd-dropdown-content .cd-secondary-dropdown > .go-back, .cd-dropdown-content .cd-dropdown-gallery > .go-back, .cd-dropdown-content .cd-dropdown-icons > .go-back {
display: none;
}
.cd-dropdown-content .cd-secondary-dropdown > .see-all, .cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all {
position: absolute;
bottom: 20px;
height: 45px;
text-align: center;
}
.cd-dropdown-content .cd-secondary-dropdown > .see-all a, .cd-dropdown-content .cd-dropdown-gallery > .see-all a, .cd-dropdown-content .cd-dropdown-icons > .see-all a {
margin: 0;
height: 100%;
line-height: 45px;
background: #ebebeb;
pointer-events: auto;
-webkit-transition: color 0.2s, background-color 0.2s;
-moz-transition: color 0.2s, background-color 0.2s;
transition: color 0.2s, background-color 0.2s;
}
.no-touch .cd-dropdown-content .cd-secondary-dropdown > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-gallery > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-icons > .see-all a:hover {
}
.cd-dropdown-content .cd-secondary-dropdown .cd-dropdown-item, .cd-dropdown-content .cd-secondary-dropdown a, .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-gallery a, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons a {
border: none;
}
.cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons {
padding: 20px 30px 100px;
}
.cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all {
width: calc(100% - 60px);
}
.cd-dropdown-content .cd-dropdown-icons > li, .cd-dropdown-content .cd-secondary-dropdown > li {
width: 100%;
}
.cd-dropdown-content .cd-secondary-dropdown {
overflow: hidden;
}
.cd-dropdown-content .cd-secondary-dropdown::before {
/* this is the separation line in the middle of the .cd-secondary-dropdown element */
position: absolute;
content: '';
top: 290px;
left: 15px;
height: 1px;
width: 520px;
background-color: #ebebeb;
display: none;
}
.cd-dropdown-content .cd-secondary-dropdown > li > p {
pointer-events: none;
}
.cd-dropdown-content .cd-secondary-dropdown > li > p::after, .cd-dropdown-content .cd-secondary-dropdown > li > p::before {
/* hide the arrow */
display: none;
}
.cd-dropdown-content .cd-secondary-dropdown.move-out > li > p {
/* reset mobile style */
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cd-dropdown-content .cd-secondary-dropdown > li {
}
.cd-dropdown-content .cd-secondary-dropdown > li:nth-of-type(2n) {
border-right-width: 0;
}
.cd-dropdown-content .cd-secondary-dropdown > li > ul {
/* reset mobile style */
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
position: relative;
height: auto;
}
.cd-dropdown-content .cd-secondary-dropdown > li > ul > .go-back {
display: none;
}
.cd-dropdown-content .cd-secondary-dropdown a {
/*padding-left: 0;*/
}
.no-touch .cd-dropdown-content .cd-secondary-dropdown a:hover {
}
.cd-dropdown-content .cd-secondary-dropdown ul {
overflow: hidden;
height: auto;
}
.cd-dropdown-content .cd-secondary-dropdown .go-back a {
padding-left: 20px;
color: transparent;
}
.no-touch .cd-dropdown-content .cd-secondary-dropdown .go-back a:hover {
color: transparent;
}
.cd-dropdown-content .cd-secondary-dropdown .go-back a::before, .cd-dropdown-content .cd-secondary-dropdown .go-back a::after {
left: 0;
}
.cd-dropdown-content .cd-secondary-dropdown .see-all {
}
.cd-dropdown-content .cd-dropdown-gallery {
width: 600px;
padding-bottom: 100px;
}
.cd-dropdown-content .cd-dropdown-gallery > li {
width: 48%;
float: left;
margin-right: 4%;
}
.cd-dropdown-content .cd-dropdown-gallery > li:nth-of-type(2n) {
margin-right: 0;
}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {
padding: 0;
height: auto;
line-height: normal;
color: #3f8654;
margin-bottom: 2em;
}
.cd-dropdown-content .cd-dropdown-gallery > li:nth-last-of-type(2) a,
.cd-dropdown-content .cd-dropdown-gallery > li:last-of-type a {
margin-bottom: 0;
}
.cd-dropdown-content .cd-dropdown-gallery img {
position: static;
height: auto;
width: 100%;
margin: 0 0 0.6em;
}
.cd-dropdown-content .cd-dropdown-icons {
width: 600px;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
height: 80px;
line-height: 1.2;
padding: 24px 0 0 85px;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item:hover {
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
color: #3f8654;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
display: block;
}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {
left: 25px;
}
.cd-dropdown-content > .has-children > ul {
visibility: hidden;
min-height: 100%;
display: none;
}
.cd-dropdown-content > .has-children > ul.is-active {
/* when hover over .cd-dropdown-content items - show subnavigation */
visibility: visible;
display: block;
}
.cd-dropdown-content > .has-children > .cd-secondary-dropdown.is-active > li > ul {
/* if .cd-secondary-dropdown is visible - show also subnavigation */
visibility: visible;
}
.cd-dropdown-content > .has-children > p.is-active {
}
.cd-dropdown-content > .has-children > p.is-active::before, .cd-dropdown-content > .has-children > p.is-active::after {
background: #3f8654;
}
.open-to-left .cd-dropdown-content > .has-children > p.is-active {
box-shadow: inset -2px 0 0 #3f8654;
}
}
@-webkit-keyframes cd-fade-in {
0% {
opacity: 0;
visibility: visible;
}
100% {
opacity: 1;
visibility: visible;
}
}
@-moz-keyframes cd-fade-in {
0% {
opacity: 0;
visibility: visible;
}
100% {
opacity: 1;
visibility: visible;
}
}
@keyframes cd-fade-in {
0% {
opacity: 0;
visibility: visible;
}
100% {
opacity: 1;
visibility: visible;
}
}
@-webkit-keyframes cd-fade-out {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: visible;
}
}
@-moz-keyframes cd-fade-out {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: visible;
}
}
@keyframes cd-fade-out {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: visible;
}
}
.cd-search input[type="search"] {
width: 100%;
height: 50px;
padding: 0 20px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background-color: #242643;
color: #ffffff;
border: none;
border-radius: 0;
}
.cd-search input[type="search"]::-webkit-input-placeholder {
color: #ffffff;
}
.cd-search input[type="search"]::-moz-placeholder {
color: #ffffff;
}
.cd-search input[type="search"]:-moz-placeholder {
color: #ffffff;
}
.cd-search input[type="search"]:-ms-input-placeholder {
color: #ffffff;
}
.cd-search input[type="search"]:focus {
background: #ffffff;
color: #111433;
outline: none;
}
.cd-search input[type="search"]:focus::-webkit-input-placeholder {
color: rgba(17, 20, 51, 0.4);
}
.cd-search input[type="search"]:focus::-moz-placeholder {
color: rgba(17, 20, 51, 0.4);
}
.cd-search input[type="search"]:focus:-moz-placeholder {
color: rgba(17, 20, 51, 0.4);
}
.cd-search input[type="search"]:focus:-ms-input-placeholder {
color: rgba(17, 20, 51, 0.4);
}
@media only screen and (min-width: 769px) {
.cd-search input[type="search"] {
background-color: #ebebeb;
}
.cd-search input[type="search"]::-webkit-input-placeholder {
color: #b3b3b3;
}
.cd-search input[type="search"]::-moz-placeholder {
color: #b3b3b3;
}
.cd-search input[type="search"]:-moz-placeholder {
color: #b3b3b3;
}
.cd-search input[type="search"]:-ms-input-placeholder {
color: #b3b3b3;
}
}
.has-children > p, .go-back a {
position: relative;
}
.has-children > p::before, .has-children > p::after, .go-back a::before, .go-back a::after {
}
.has-children > p::before, .go-back a::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.has-children > p::after, .go-back a::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media only screen and (min-width: 769px) {
.has-children > p::before, .has-children > p::after, .go-back a::before, .go-back a::after {
background: #b3b3b3;
}
}
.has-children > p {
margin:0;
}
.has-children > p::before, .has-children > p::after {
/* arrow goes on the right side - children navigation */
right: 20px;
-webkit-transform-origin: 9px 50%;
-moz-transform-origin: 9px 50%;
-ms-transform-origin: 9px 50%;
-o-transform-origin: 9px 50%;
transform-origin: 9px 50%;
}
@media only screen and (min-width: 769px) {
.open-to-left .cd-dropdown-content > .has-children > p {
padding-left: 40px;
padding-right: 20px;
}
.open-to-left .cd-dropdown-content > .has-children > p::before, .open-to-left .cd-dropdown-content > .has-children > p::after {
right: auto;
left: 20px;
-webkit-transform-origin: 1px 50%;
-moz-transform-origin: 1px 50%;
-ms-transform-origin: 1px 50%;
-o-transform-origin: 1px 50%;
transform-origin: 1px 50%;
}
}
.cd-dropdown-content .go-back a {
padding-left: 40px;
}
.cd-dropdown-content .go-back a::before, .cd-dropdown-content .go-back a::after {
/* arrow goes on the left side - go back button */
left: 20px;
-webkit-transform-origin: 1px 50%;
-moz-transform-origin: 1px 50%;
-ms-transform-origin: 1px 50%;
-o-transform-origin: 1px 50%;
transform-origin: 1px 50%;
}
.cd-main-content {
background-color: #e6e6e6;
min-height: calc(100vh - 100px);
padding: 2em 5%;
line-height: 2;
}
.no-js .cd-dropdown-wrapper:hover .cd-dropdown {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.no-js .cd-dropdown-wrapper .cd-close {
display: none;
}
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}
*,
*:after,
*:before {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-text-size-adjust: none;
}
a[href^="tel:"] {
color: inherit;
text-decoration: inherit;
}
html.loading * {
cursor: wait;
}
html {
font-family: var(--font1);
color: var(--font-color);
font-size: var(--font-size);
line-height: var(--line-height);
}
body {
min-width: 300px;
max-width: 100%;
overflow-x: hidden;
outline: none;
}
a {
color: var(--primary)
}
b,
strong {
font-weight: var(--bold1);
}
/* overlays */
.overlay {
position: fixed;
width: 100%;
height: 100%;
opacity: 0;
z-index: 6;
left: 0;
top: 0;
}
.overlay .cart-overlay {}
.overlay .login-overlay {}
/* capas de reemplazo para cookies */
div[data-tpc="rpl"] {
background: #f5f5f5;
padding: 30px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex: 1;
font-size: 120%;
color: #333;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
div[data-tpc="rpl"] span {
display: block;
padding: 16px;
border: 2px dashed #ccc;
}
.fbBox.dvBanner div[data-tpc="rpl"] {
display: none;
}
/*menu horizontal resultados (RES_FILTRO_subCatsMode) & menu*/
:root {}
nav.menu-horizontal {
visibility: hidden;
z-index: 3;
width: 100%;
display: flex;
justify-content: center;
align-items: flex-start;
line-height: var(--menu-height);
background: var(--menu-bg);
position: relative;
}
.kh {
display: flex;
white-space: nowrap;
overflow-x: auto;
max-width: 100%;
z-index: 3;
scrollbar-width: none;
}
.kh,
.khsub ul,
.kh li,
.kbsub li {
list-style: none;
}
.khsub ul ul {
padding: 0 0 0 8px;
}
.kh::-webkit-scrollbar {
display: none;
}
.kh> li {
margin: 0 8px;
padding: 0 8px;
}
.kh> li.ellipsis> p {
display: flex;
align-items: center;
}
.kh> li.ellipsis> p> a {
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
overflow: hidden;
}
.kh> li.opened {
background: rgba(0, 0, 0, 0.05);
}
.kh> li a {
color: inherit;
font-size: 16px;
text-decoration: none;
}
.kh ul,
.khsub ul {
display: none;
background: #fff;
padding: 16px;
white-space: nowrap;
}
.khsub {
z-index: 10;
position: absolute;
left: 0;
min-width: 100px;
display: none;
}
.khsub.visible {
display: block;
}
.khsub> ul {
box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
border-radius: 0 4px 4px 4px;
}
.khsub li {
line-height: var(--menu-height);
border-top: 1px solid #eee;
overflow: hidden;
}
.khsub li:first-child {
border: 0;
}
.khsub li p {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0;
}
.khsub> ul p a {
color: inherit;
text-decoration: none;
display: block;
width: 100%;
}
.khsub> ul p a:hover {
text-decoration: underline;
}
.kh .openclose,
.khsub .openclose {
display: inline-flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
line-height: 100%;
text-align: center;
cursor: pointer;
background: rgba(0, 0, 0, 0.05);
border-radius: var(--radius1);
margin-left: 6px;
}
.khsub> ul li.has-children.opened ul {
margin: 0 0 12px;
background: rgba(0, 0, 0, 0.05);
}
.openclose:before {
content: "\f0d7";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
}
.opened> p .openclose:before {
content: "\f0d8"
}
.khsub .visible {
display: block;
}
.menu-horizontal .arrow {
color: currentColor;
cursor: pointer;
padding: 0 16px;
line-height: var(--menu-height);
opacity: 1;
z-index: 4;
transition: all 300ms ease;
position: absolute;
top: 0;
bottom: 0;
font-size: 20px;
}
.menu-horizontal .arrow.arrow-left {
background: linear-gradient(to right, var(--menu-bg), var(--menu-bg), var(--menu-bg), rgba(255, 255, 255, 0));
left: 0;
padding-right: 40px;
}
.menu-horizontal .arrow.arrow-right {
background: linear-gradient(to left, var(--menu-bg), var(--menu-bg), var(--menu-bg), rgba(255, 255, 255, 0));
right: 0;
padding-left: 40px;
}
.menu-horizontal .arrow i {}
.menu-horizontal .arrow.arrow-left.scroll-0,
.menu-horizontal .arrow.arrow-right.scroll-100 {
opacity: 0;
z-index: -1;
}
.kh li.campExpress a:after {
content: "\f2f2";
font-weight: 400;
font-family: "Font Awesome 6 Pro";
display: inline-block;
color: #333;
font-size: 120%;
flex-shrink: 0;
transform: scale(1.4) rotate(-20deg);
opacity: .6;
margin-left: 8px;
}
/*#########################
###### M O D A L E S ######
###########################*/
#msjSuperior {
padding: 8px;
background-color: #333;
color: #fff;
}
#msjSuperior .msjSuperiorCont {
margin: 0 auto;
max-width: var(--max-width);
display: flex;
align-items: center;
justify-content: center;
}
#msjSuperior .msjSuperiorCont a {
display: block;
width: 100%;
color: inherit;
text-decoration: none;
text-align: center;
line-height: 120%;
margin-left: 40px;
}
#msjSuperior .msjSuperiorCont p {
margin: 0;
}
#msjSuperior .msjSuperiorCont i {
flex-shrink: 0;
cursor: pointer;
display: flex;
width: 40px;
height: 40px;
align-items: center;
justify-content: center;
}
.SimpleModal {
display: none;
justify-content: center;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 10;
margin: 0 auto;
align-items: center;
padding: 8px;
}
.SimpleModal .bg {
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: black;
opacity: .8;
}
.SimpleModal .wrap {
max-height: 92vh;
max-width: 1024px;
padding: 20px;
background: white;
text-align: center;
border-radius: var(--radius1);
box-shadow: 0 0 30px rgba(0, 0, 0, .5);
overflow-y: auto;
}
.SimpleModal .wrap.half {
max-width: 512px;
}
.SimpleModal .wrap img {
max-width: 100%;
}
.SimpleModal.dialog-modal .dialog {
display: flex;
align-items: center;
justify-content: center;
margin: 16px 0;
}
.SimpleModal.dialog-modal .icon {
font-size: 28px;
margin-right: 8px;
}
.SimpleModal.dialog-modal .icon-alert {
color: orange;
}
.SimpleModal.dialog-modal .icon-confirm {
color: gray;
}
.SimpleModal.dialog-modal .icon-info {
color: #2185d0;
}
.SimpleModal.dialog-modal .icon-error {
color: #d01919;
}
.SimpleModal.dialog-modal .icon-loading {
color: #ccc;
}
.SimpleModal.dialog-modal .dialog .text {
align-self: center;
}
.SimpleModal .btncnt {
margin-top: 12px;
display: flex;
justify-content: space-around;
flex-wrap: nowrap;
}
.SimpleModal .btncnt .btn {
margin: 0 8px;
padding: 8px 16px;
border-radius: 4px;
text-decoration: none;
cursor: pointer;
}
.SimpleModal .btncnt .btn.btnAceptar {
background-color: #333;
color: white;
}
.SimpleModal .btncnt .btn.btnVolver {
background-color: #f5f5f5;
color: #333;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 7px 15px;
}
.SimpleModal .btncnt .btn.btnVolver:before {
content: "\f104";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-right: 8px;
font-size: 10px;
}
.SimpleModal .content> .title {
font-size: 24px;
line-height: 28px;
font-weight: var(--bold1);
margin: 0 0 12px;
}
.SimpleModal .title {
font-size: 18px;
margin: 0 0 8px;
}
.SimpleModal .login-register {}
.SimpleModal .login-register input[type="email"],
.SimpleModal .login-register input[type="password"] {
border: 0;
background: #fff;
border: 2px solid #eee;
border-radius: var(--radius1);
margin: 0 0 8px;
padding: 8px 8px;
width: 100%;
}
.SimpleModal.LoginRegister-modal .wrap {
width: 100%;
max-width: 420px;
position: relative;
padding: 48px 20px 20px;
}
.SimpleModal.LoginRegister-modal .btncnt {
position: absolute;
top: -16px;
right: 0;
}
.SimpleModal.LoginRegister-modal .btncnt .btn.btnVolver {
border-radius: 0 0 4px 4px;
}
.SimpleModal.LoginRegister-modal .btncnt .btn.btnVolver:before {
display: none;
}
.SimpleModal .login-register input[type="button"],
.SimpleModal .login-register input[type="submit"],
.SimpleModal .anon button,
.SimpleModal .login-register #lnkBtnReg {
background-color: #333;
color: #fff;
/* margin-bottom: 8px; */
border: 0;
padding: 6px 20px;
border-radius: var(--radius1);
font-size: 14px;
line-height: 18px;
border: 2px solid #333;
text-decoration: none;
display: inline-block;
width: 100%;
max-width: 160px;
font-weight: bold;
margin: 0;
}
.SimpleModal .login-register #lnkBtnReg {}
.SimpleModal .login-register a {
color: inherit;
font-size: 14px;
line-height: 16px;
margin-bottom: 8px;
display: inline-block;
}
.SimpleModal .login-register .spnLogError {
display: none;
color: #d01919;
}
.SimpleModal .login-register .usuario-registrado {
padding: 12px;
background: #fff;
margin: 0;
border-radius: 8px 8px 0 0;
border: 4px solid #e0e0e0;
}
.SimpleModal .login-register .usuario-no-registrado {
padding: 12px;
background: #e0e0e0;
margin: 0 0 12px;
border-radius: 0 0 8px 8px;
}
.SimpleModal .login-register .usuario-no-registrado> p:not(.title) {
margin: 0 0 12px;
font-size: 14px;
line-height: 16px;
}
.SimpleModal .anon {
padding: 12px;
margin: 0;
border-radius: 8px;
background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0) 100%);
background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0) 100%);
background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#00eeeeee', GradientType=0);
}
.SimpleModal .anon p:not(.title) {
margin: 0 0 12px;
font-size: 14px;
line-height: 16px;
}
/*CUPONES*/
.SimpleModal.modal-mcd {}
.SimpleModal.modal-mcd .wrap {
position: relative;
padding: 32px 20px 20px;
max-width: 800px;
background: transparent;
box-shadow: none;
}
.SimpleModal.modal-mcd .wrap .content {}
.SimpleModal.modal-mcd .icon-info {
margin-right: 0;
margin-bottom: 20px;
font-size: 40px;
display: none;
}
.SimpleModal.modal-mcd .btncnt {
position: absolute;
top: -12px;
right: 0;
}
.SimpleModal.modal-mcd .btncnt .btn {
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
border: 2px solid;
width: 32px;
height: 32px;
border-radius: 20px;
text-transform: uppercase;
font-size: 12px;
/* line-height: 100%; */
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.SimpleModal.modal-mcd .btncnt .btn span {
display: none;
}
.SimpleModal.modal-mcd .btncnt .btn:after {
content: "\f00d";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
font-size: 16px;
}
.SimpleModal.modal-mcd .dvBanner {
background: transparent;
padding: 0;
}
.SimpleModal.modal-mcd .cuponInfoCont {
padding: 0;
display: flex;
}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText {
background: #fff;
display: flex;
align-items: center;
width: 50%;
/* flex: 1; */
padding: 20px;
flex-direction: column;
justify-content: center;
}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText:first-child {
width: 100%;
min-height: 200px;
padding: 20px;
}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .nombre {
font-size: 24px;
line-height: 32px;
font-weight: var(--bold1);
text-transform: uppercase;
}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .nombre a {
text-decoration: none;
color: inherit;
}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .codigo {
padding: 4px 8px;
border: 1px dashed rgba(0, 0, 0, 0.5);
margin-top: 8px;
display: inline-block;
border-radius: 8px;
}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText p:not(.nombre) {
max-height: 80px;
overflow: hidden;
}
.SimpleModal.modal-mcd .cuponInfoCont .img {
width: 50%;
flex: 1;
background: #fff;
}
.SimpleModal.modal-mcd .cuponInfoCont img {
display: block;
}
.SimpleModal.modal-mcd .title {
margin-bottom: 20px;
font-size: 28px;
line-height: 140%;
font-weight: var(--bold1);
color: #fff;
}
.SimpleModal.modal-mcd .dialog {
flex-direction: column;
}
.SimpleModal.modal-mcd .dialog .text {
width: 100%
}
.SimpleModal.modal-mcd .slideCuponesCont {
max-width: 100%;
position: relative;
}
.SimpleModal.modal-mcd .slideCuponesCont .swiper-slide {
width: 100% !important;
background: transparent;
}
/*.SimpleModal.modal-mcd .slideCuponesCont .swiper-container {position: static;}*/
.SimpleModal.modal-mcd .slideCuponesCont .btnInfo {
display: none;
}
.SimpleModal.modal-mcd .btnPromo {
margin-top: 16px;
}
.SimpleModal.modal-mcd .btnPromo a {
display: inline-flex;
/* background-color: #007aff; */
color: #fff;
padding: 7px 15px;
border-radius: 4px;
text-decoration: none;
border: 2px solid;
background-color: rgba(0, 0, 0, 0.5);
text-transform: uppercase;
font-weight: var(--bold1);
align-items: center;
}
.SimpleModal.modal-mcd .btnPromo a:after {
content: "\f105";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-left: 8px;
font-size: 16px;
}
.SimpleModal.modal-mcd .swiper-container {
padding-bottom: 0;
}
.SimpleModal.modal-mcd .swiper-wrapper {
align-items: center;
}
.SimpleModal.modal-mcd .swiper-button-prev {
left: -8px;
}
.SimpleModal.modal-mcd .swiper-button-next {
right: -8px;
}
.SimpleModal.modal-mcd .swiper-button-prev,
.SimpleModal.modal-mcd .swiper-button-next {
transform: translateY(-50%);
color: #fff;
font-size: 30px;
width: 40px;
margin: 0;
background: none;
display: none;
}
.SimpleModal.modal-mcd .swiper-container-horizontal> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
/* background: rgba(0,0,0,0.5); */
border-radius: 12px;
bottom: 4px;
right: initial;
height: 20px;
left: 50%;
margin: 0 auto;
line-height: 100%;
}
.SimpleModal.modal-mcd .swiper-container-horizontal .swiper-pagination-bullet {
background: #666;
opacity: 1;
vertical-align: bottom;
}
.SimpleModal.modal-mcd .swiper-container-horizontal .swiper-pagination-bullet-active {
background: #111;
opacity: 1;
}
.swiper-container-horizontal .swiper-pagination-bullet {
vertical-align: bottom;
}
.socialShare {
display: flex;
align-items: center;
margin: 0 0 12px;
padding: 4px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
justify-content: flex-end;
flex-flow: row wrap;
}
.socialShare> div> div {
margin: 2px 4px;
}
.socialShare> span {
margin-right: 4px;
text-transform: uppercase;
font-size: 12px;
font-weight: var(--bold1);
color: #666;
}
.socialShare> div {
display: flex;
align-items: center
}
.socialShare> div> div> a,
.socialShare> div> div> span {
display: flex;
align-items: center;
color: #fff;
font: normal 18px/20px Arial;
text-decoration: none;
padding: 0;
height: 20px;
border-radius: 3px;
opacity: .75;
cursor: pointer;
}
.socialShare> div> div> a:before {
font-family: "Font Awesome 5 Brands";
}
.socialShare> div> div> span:before {
font-family: "Font Awesome 6 Pro";
font-weight: 900;
}
.socialShare> div> div> a:hover,
.socialShare> div> div> span:hover {
opacity: 1;
}
.socialShare .sstw {}
.socialShare .sstw a {
color: #0F1419;
}
.socialShare .sstw a:before {
content: "\e61b";
}
.socialShare .ssfb {}
.socialShare .ssfb a {
color: #3b5998;
}
.socialShare .ssfb a:before {
content: "\f09a";
}
.socialShare .sswa span {}
.socialShare .sswa a {
color: #25d366;
}
.socialShare .sswa a:before {
content: "\f232";
}
.socialShare .sspi span {
display: block;
}
.socialShare .sspi a {
color: #bd081c;
}
.socialShare .sspi a:before {
content: "\f0d2";
}
.socialShare .ssgp span {
display: block;
}
.socialShare .ssgp a {
color: #dd4b39;
}
.socialShare .ssgp a:before {
content: "\f2b3";
}
.socialShare .ssco span {
color: #333;
position: relative;
}
.socialShare .ssco span:before {
content: "\f328";
}
.socialShare .ssco.copied span {
opacity: 1;
}
.socialShare .ssco.copied span:before {
content: "\f46c";
color: #3c763d;
}
.socialShare .ssco.copied span:after {
content: "copiado";
position: absolute;
top: 100%;
right: -8px;
background: #DFF0D8;
color: #3c763d;
padding: 4px 8px;
margin-top: 4px;
margin-top: 2px;
border-radius: var(--radius1);
font: normal 10px/12px Arial;
}
.socialShare .ssco.not-copied span:before {
color: #a94442;
}
.socialShare .ssco.not-copied span:after {
content: "no copiado";
position: absolute;
top: 50%;
left: 100%;
transform: translateX(-100%);
background: #F2DEDE;
color: #a94442;
padding: 4px 8px;
margin-right: 4px;
border-radius: var(--radius1);
font: normal 10px/12px Arial;
}
/*#########################
##### M E N S A J E S #####
###########################*/
.msgBox {
font-size: 90%;
line-height: 140%;
margin: 4px 0;
opacity: .8;
padding: 12px 20px;
background: #fff9c4;
border: 1px solid #e2dca7;
border-radius: 4px;
display: inline-flex;
align-items: flex-start;
text-align: left;
}
.msgBox:before {
content: "\f05a";
font-family: "Font Awesome 6 Pro";
font-weight: 900;
margin: 0 8px 0 0;
font-size: 18px;
line-height: 120%;
}
#spnAprtEnvFactCampOblig {
text-align: right;
font-size: 12px;
color: #999;
display: block;
line-height: 16px;
}
.field-validation-error {
font-size: 90%;
line-height: 140%;
margin: 8px 0 0;
opacity: .8;
padding: 8px 12px;
background: #fff6f6;
border: 1px solid #e0b4b4;
border-radius: 4px;
display: inline-flex;
align-items: flex-start;
text-align: left;
margin: 8px 0;
color: #912d2b;
}
.field-validation-error:before {
content: "\f05a";
font-family: "Font Awesome 6 Pro";
font-weight: 900;
margin: 0 8px 0 0;
font-size: 18px;
line-height: 120%;
}
.msgBoxTip {
font-size: 90%;
line-height: 140%;
margin: 4px 0;
opacity: .8;
padding: 12px 20px;
background: #e8f5e9;
border: 1px solid #c8e6c9;
border-radius: 4px;
display: inline-flex;
align-items: flex-start;
text-align: left;
}
.msgBoxTip:before {
content: "\f0c0";
font-family: "Font Awesome 6 Pro";
font-weight: 900;
margin: 0 12px 0 0;
font-size: 30px;
line-height: 120%;
align-self: center;
}
/********
GoToTop
*********/
#goToTop {
display: none;
position: fixed;
bottom: 8px;
right: 8px;
z-index: 9;
width: 40px;
height: 40px;
cursor: pointer;
background: rgba(0, 0, 0, 0.4);
justify-content: center;
align-items: center;
color: white;
border-radius: var(--radius1);
color: rgba(255, 255, 255, 0.8);
}
#goToTop:after {
content: "\f106";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
font-size: 28px;
}
input[type="text"],
input[type="password"] {
border: 0;
background: #eee;
border-radius: 4px;
margin: 0 0 8px;
padding: 8px 8px;
width: 100%;
}
input[type="button"] {
background: #333;
color: #fff;
border: 0;
padding: 8px 8px;
text-decoration: none;
display: flex;
align-items: center;
text-transform: uppercase;
font-weight: var(--bold1);
justify-content: center;
width: 100%;
border-radius: 4px;
}
input[type="button"].sending-form {
opacity: .5;
cursor: wait;
}
/**********
COMUNES
**********/
/* TEXTOS */
.title1 {
font-size: var(--font-xl);
color: var(--primary);
line-height: 1.25em;
margin: 0 0 20px;
}
.title2 {
font-size: var(--font-l);
line-height: 1.25em;
margin: 0 0 16px;
}
.title3 {
font-size: var(--font-s);
line-height: 1.25em;
margin: 0 0 12px;
}
.oculto {
display: none;
}
.select {
position: relative;
}
.select select {
display: inline-block;
width: 100%;
padding: 8px 32px 8px 12px;
cursor: pointer;
border-radius: 4px;
outline: 0;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.2);
line-height: 18px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
max-width: 100%;
}
.select:after {
position: absolute;
right: 24px;
width: 0;
pointer-events: none;
top: 50%;
transform: translateY(-50%);
content: "\f0dc";
font-weight: var(--bold1);
font-family: "Font Awesome 6 Pro";
}
#dvVolverGuardar {
display: flex;
justify-content: space-between;
width: 100%;
}
.btnIzq {
display: inline-flex;
align-items: center;
text-decoration: none;
background: rgba(0, 0, 0, 0.05);
color: #333;
padding: 12px 16px;
border-radius: var(--radius1);
text-transform: uppercase;
font-weight: var(--bold1);
margin-right: 4px;
text-align: center;
}
.btnDer {
display: inline-flex;
align-items: center;
text-decoration: none;
background: var(--secondary);
color: #fff;
padding: 12px 16px;
border-radius: var(--radius1);
text-transform: uppercase;
font-weight: var(--bold1);
cursor: pointer;
border: 0;
margin-left: 4px;
text-align: center;
align-self: flex-end;
}
.btnDer:after {
content: "\f105";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-left: 8px;
font-size: 16px;
}
.btnIzq:before {
content: "\f104";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-right: 8px;
font-size: 16px;
}
.btnDer#spnAceptar {
display: inline-flex;
align-items: center;
text-decoration: none;
background: #333;
color: #fff;
padding: 8px 16px;
border-radius: var(--radius1);
text-transform: uppercase;
font-weight: var(--bold1);
}
.btnDer#spnAceptar:before {
content: "\f00c";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-right: 8px;
}
.btnDer#lnkDatosCompraSiguiente:after {
content: "\f105";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-left: 8px;
}
.btnDerCont {
display: flex;
flex-direction: column;
}
.btnDerCont .btnDer:not(:first-child) {
margin-top: 12px;
}
.btnDer.disabled {
background: #999;
color: white;
}
/*RECAPTCHA*/
.g-recaptcha {
display: none;
justify-content: flex-end;
margin: 0 0 12px;
}
.ddCamposOblig,
.liObli {
text-align: right;
font-size: 12px;
color: #999;
display: block;
}
/*#########################
####### H E A D E R #######
###########################*/
#google_translate_element {
background: -moz-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 1) 100%);
background: -webkit-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 1) 100%);
background: linear-gradient(to bottom, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00f0f0f0', endColorstr='#f0f0f0', GradientType=0);
}
#google_translate_element> div {
max-width: var(--max-width);
margin: 0 auto;
display: flex;
justify-content: flex-end;
padding: 4px 8px;
}
#google_translate_element .goog-te-gadget-simple {
border: 0;
border-radius: 4px;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.05);
padding: 2px 0px 2px 4px;
}
.iframe {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
}
.iframe> iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*Buscador*/
.searchCont {
width: 100%;
max-width: 300px;
position: relative;
}
#search {
/* width: 100%; */
/* display: block; */
/* position: relative; */
/* transition: opacity 500ms linear; */
/* opacity: 1; */
/* overflow: hidden; */
/* transition: opacity 500ms linear; */
display: none;
}
#search .close {
display: none;
font-size: 24px;
margin-bottom: 16px;
}
#search .close i.far {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
}
header .header .headerCont .hcRight {
display: flex;
justify-content: flex-end;
align-items: center;
flex-shrink: 0;
}
#searchbtn {
display: none;
}
#searchbtn a {
text-decoration: none;
display: flex;
line-height: 32px;
border: 0;
color: currentColor;
overflow: hidden;
align-items: center;
}
#searchbtn a i {
font-size: 20px;
width: 32px;
height: 32px;
text-align: center;
display: inline-flex;
justify-content: center;
align-items: center;
}
.searchCont #search_results {
position: absolute;
z-index: 3;
width: 100%;
background: #fefefe;
color: #333;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
border-radius: 4px;
overflow: auto;
min-width: 300px;
font-size: 15px;
line-height: 130%;
}
.searchCont #search_results ul {
list-style: none;
}
.searchCont #search_results ul li {
/* padding: 8px; */
}
.searchCont #search_results ul li:not(.liTitle):hover {
background-color: rgba(0, 0, 0, 0.05);
}
.searchCont #search_results ul li:not(:last-child) {
border-bottom: 1px solid #eee;
}
.searchCont #search_results ul li.liTitle {
font-weight: var(--bold1);
border-bottom: 1px solid #ccc;
padding: 8px;
background-color: rgba(0, 0, 0, 0.03);
display: flex;
align-items: center;
}
.searchCont #search_results ul li.liTitle:before {
content: "\f105";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-right: 4px;
font-size: 12px;
}
.searchCont #search_results ul li.verTodos {
text-align: center;
background-color: rgba(0, 0, 0, 0.05);
padding: 8px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
width: 100%;
}
.searchCont #search_results ul li.verTodos a {
color: black;
}
.searchCont #search_results ul li p {
display: flex;
flex-direction: row-reverse;
}
.searchCont #search_results ul li p a {
color: inherit;
text-decoration: none;
display: block;
padding: 8px;
}
.searchCont #search_results ul li p .img {
width: 80px;
flex-shrink: 0;
}
.searchCont #search_results ul li p .img img {
display: block;
width: 100%;
border-radius: var(--radius-default);
}
.searchCont #search_results ul li p .nom {
width: 100%;
display: flex;
}
.searchCont #search_results ul li p .nom .nomCont {
display: flex;
max-height: 72px;
overflow: hidden;
line-height: 25px;
align-items: center;
position: relative;
width: 100%;
}
.searchCont #search_results ul li p .nom .nomCont::after {
content: "";
width: 100%;
height: 8px;
position: absolute;
bottom: 0;
left: 0;
background: -moz-linear-gradient(top, rgba(246, 246, 246, 0) 0%, rgba(246, 246, 246, 1) 100%);
background: -webkit-linear-gradient(top, rgba(246, 246, 246, 0) 0%, rgba(246, 246, 246, 1) 100%);
background: linear-gradient(to bottom, rgba(246, 246, 246, 0) 0%, rgba(246, 246, 246, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}
.searchCont #search_results ul li p .nom a {
display: flex;
max-height: 72px;
}
/*MODAL USUARIO*/
#login_box:after {
content: "\f0d8";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
color: var(--primary);
display: block;
position: absolute;
bottom: 100%;
font-size: 24px;
line-height: 10px;
right: 32px;
}
#login_box input[type="text"],
#login_box input[type="email"],
#login_box input[type="password"] {
border: 0;
background: #eee;
border-radius: 4px;
margin: 0 0 8px;
padding: 8px 8px;
width: 100%;
}
#login_box .spnLogError {
display: none;
color: #ff1100;
}
#login_box #lnkBtnReg,
#login_box input[type="submit"],
#login_box #btLoginUsu,
#login_box #btLogout {
border: 0;
padding: 6px 16px;
border-radius: 4px;
font-size: 14px;
line-height: 18px;
border: 1px solid var(--secondary);
text-decoration: none;
display: block;
width: 100%;
font-weight: bold;
}
#login_box .title {
font-size: 18px;
line-height: 22px;
margin: 0 0 12px;
font-weight: var(--bold1);
}
#login_box .desc {
margin: 0 0 8px;
font-size: 14px;
line-height: 18px;
}
#login_box .usuario-registrado {
padding: 12px;
}
#login_box .usuario-registrado a {
color: inherit;
font-size: 14px;
line-height: 16px;
margin-top: 8px;
display: block;
}
#login_box .usuario-registrado input[type="button"],
#login_box .usuario-registrado input[type="submit"],
#login_box .usuario-registrado #btLoginUsu {
background-color: var(--secondary);
color: #fff;
}
#login_box .usuario-registrado input[type="button"]:not(:last-child),
#login_box .usuario-registrado input[type="submit"]:not(:last-child),
#login_box .usuario-registrado #btLoginUsu:not(:last-child) {
margin-bottom: 8px;
}
#login_box .usuario-no-registrado {
padding: 12px;
background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0) 100%);
background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0) 100%);
background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#00eeeeee', GradientType=0);
}
#login_box .usuario-no-registrado #lnkBtnReg,
#login_box .usuario-no-registrado input[type="submit"],
#login_box #btLogout {
color: var(--secondary);
background-color: #fff;
}
/* CARRITO LISTA PRODUCTOS */
#cart .cart-prod-list {
display: none;
}
#cart .cart-prod-list .hCartProd {
position: relative;
display: flex;
padding: 8px 0;
max-width: 100%;
overflow: hidden;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin: 0px;
}
#cart .cart-prod-list .hCartProd .hCartProdInfo {
display: flex;
align-items: center;
width: 100%;
padding: 4px;
overflow: hidden;
color: inherit;
text-decoration: none;
}
#cart .cart-prod-list .hCartProd .hCartProdInfo img {
display: block;
width: 100%;
max-width: 48px;
margin: 0 8px 0 0;
flex-shrink: 0;
}
#cart .cart-prod-list .hCartProd .hCartProdInfo p {
overflow: hidden;
width: 100%;
}
#cart .cart-prod-list .hCartProd .hCartProdInfo p span {
display: block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#cart .cart-prod-list .hCartProd .hCartProdInfo p .attachedFiles {
min-height: 20px;
margin: 2px 0 0;
}
#cart .cart-prod-list .hCartProd .hCartProdDelete {
padding: 4px 0;
text-decoration: none;
color: inherit;
margin-left: 8px;
}
#cart .cart-prod-list .hCartTotal {
display: flex;
justify-content: space-between;
width: 100%;
text-transform: uppercase;
margin-top: 0;
font-weight: var(--bold1);
font-size: 14px;
line-height: 18px;
background: rgba(0, 0, 0, 0.1);
padding: 12px;
}
#cart .cart-prod-list .hCartTotalSinIva {
display: flex;
justify-content: space-between;
width: 100%;
text-transform: uppercase;
margin-top: 0;
font-weight: var(--bold1);
font-size: 12px;
line-height: 14px;
background: rgba(0, 0, 0, 0.08);
padding: 12px;
opacity: .8;
}
#cart .cart-prod-list .hEnvioGratis {}
#cart .cart-prod-list .hEnvioGratis a {
padding: 0px 12px;
border-radius: var(--radius-default);
display: flex;
margin-top: 8px;
align-items: center;
text-decoration: none;
color: #333;
/* border: 1px dashed rgba(0,0,0,0.2); */
justify-content: center;
}
#cart .cart-prod-list .hEnvioGratis a span {
font-weight: var(--bold1);
line-height: 120%;
}
#cart .cart-prod-list .hEnvioGratis a:before {
content: "\f48b";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-right: 8px;
font-size: 20px;
line-height: 24px;
text-align: center;
}
#cart .cart-prod-list .hCartButtons {
display: flex;
margin: 8px 0 0;
justify-content: space-between;
}
#cart .cart-prod-list .hCartButtons .hOrderLink {
width: 60%;
}
#cart .cart-prod-list .hCartButtons .hCartLink {
text-align: center;
width: 39%;
}
#cart .cart-prod-list .hCartButtons .hOrderLink a {
display: flex;
align-items: center;
justify-content: center;
border: 0;
padding: 8px 16px;
border-radius: var(--radius1);
font-size: 14px;
line-height: 18px;
background-color: var(--secondary);
text-decoration: none;
color: #fff;
font-weight: bold;
}
#cart .cart-prod-list .hCartButtons .hOrderLink a:after {
content: "\f105";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-left: 4px;
font-size: 12px;
padding-top: 2px;
line-height: 12px;
}
#cart .cart-prod-list .hCartButtons .hCartLink a {
display: flex;
align-items: center;
justify-content: center;
border: 0;
padding: 7px 15px;
border-radius: var(--radius1);
font-size: 14px;
line-height: 18px;
border: 1px solid var(--secondary);
color: var(--secondary);
text-decoration: none;
font-weight: bold;
}
#cart .cart-prod-list .hCartButtons .hCartLink a:before {
content: "\f07a";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-right: 8px;
font-size: 12px;
line-height: 12px
}
#cart .cart-prod-list.cart-empty {
padding: 20px;
font-size: 18px;
line-height: 22px;
text-align: center;
font-weight: var(--bold1);
}
/*Header Menú*/
header .menu {
position: relative;
z-index: 2;
padding-bottom: 8px;
}
header .menu .menuCont {
display: flex;
justify-content: space-between;
max-width: var(--max-width);
margin: 0 auto;
font-weight: var(--bold1);
}
.mcPrincipal {
z-index: 10;
}
.mcPrincipal .cd-dropdown-trigger {
display: flex;
align-items: center;
text-decoration: none;
padding: 8px 32px 8px 12px;
justify-content: space-around;
text-transform: uppercase;
color: currentColor;
}
.mcPrincipal .cd-dropdown-trigger span {
padding: 0 4px 0 0;
letter-spacing: 1px;
}
.cd-dropdown-trigger::before,
.cd-dropdown-trigger::after {
background: currentColor;
}
.mcPrincipal li {
list-style: none;
/* display: flex; */
}
.mcPrincipal li p {
border-bottom: 1px solid rgba(0, 0, 0, 0.05)
}
.mcPrincipal li a {
display: block;
padding: 12px;
text-decoration: none;
color: #333;
}
.mcPrincipal li.campExpress:first-child a {
border-top: 1px solid #fff;
}
.mcPrincipal li.campExpress a {
background-color: #eee;
display: flex;
align-items: center;
justify-content: space-between;
}
.mcPrincipal li.campExpress:hover:not(.go-back)> p> a {}
.mcPrincipal li.campExpress:hover:not(.go-back) a:after {
color: #333;
opacity: .8;
}
.mcPrincipal li.campExpress a:after {
content: "\f2f2";
font-weight: 400;
font-family: "Font Awesome 6 Pro";
display: inline-block;
margin-right: 8px;
color: #333;
font-size: 120%;
flex-shrink: 0;
transform: scale(2.8) rotate(-20deg);
opacity: .6;
margin-left: 12px;
}
.mcPrincipal li:hover:not(.go-back)> p> a,
.mcPrincipal li.current-selected {
background-color: rgba(0, 0, 0, 0.05);
box-shadow: inset 4px 0 0 #666;
}
.mcPrincipal> ul> li> ul> li> p> a {
display: none;
}
.mcPrincipal ul> li> p {
display: flex;
margin: 0;
}
.mcPrincipal ul> li> p.jump {
display: none;
}
.mcPrincipal ul> li> p> a {
width: 100%;
}
.mcPrincipal ul> li> p> span {
display: none;
flex-shrink: 1;
width: 40px;
flex-shrink: 0;
text-align: center;
justify-content: center;
align-items: center;
background-color: rgba(0, 0, 0, 0.03);
cursor: pointer;
}
.mcPrincipal ul> li> p> span:after {
content: "\f105";
font-weight: 600;
font-family: "Font Awesome 6 Pro";
}
.mcPrincipal ul> li.has-children> p> span {
display: flex;
}
.mcPrincipal ul> li.go-back> p> span {
display: flex;
width: 40px;
flex-shrink: 1;
text-align: center;
justify-content: center;
align-items: center;
background-color: rgba(0, 0, 0, 0.03);
cursor: pointer;
}
.mcPrincipal ul> li.go-back> p> span:after {
content: "\f104";
font-weight: 600;
font-family: "Font Awesome 6 Pro";
display: block;
padding: 12px;
}
.mcPrincipal ul> li.go-back> p> a {
opacity: 0.7
}
.mcPrincipal ul> li .see-all {
display: none;
}
.mcDestacado {
width: 100%;
display: flex;
}
.mcDestacado ul {
display: flex;
width: 100%;
justify-content: flex-end;
}
.mcDestacado ul li {
display: flex;
margin-left: 20px;
}
.mcDestacado ul li a {
display: flex;
align-items: center;
padding: 8px 12px;
text-decoration: none;
text-transform: uppercase;
color: currentColor;
}
.mcDestacado ul li a:hover {
opacity: .8
}
.mcDestacado ul li a span {}
.navTrigger {
cursor: pointer;
width: 32px;
height: 32px;
padding: 4px;
display: flex;
align-items: center;
flex-flow: row wrap;
align-content: center;
justify-content: center;
}
.navTrigger i {
background-color: currentColor;
border-radius: 2px;
content: '';
display: block;
width: 100%;
height: 2px;
}
.navTrigger i:nth-child(1) {
-webkit-animation: outT 0.5s backwards;
animation: outT 0.5s backwards;
-webkit-animation-direction: reverse;
animation-direction: reverse;
}
.navTrigger i:nth-child(2) {
margin: 4px 0;
-webkit-animation: outM 0.5s backwards;
animation: outM 0.5s backwards;
-webkit-animation-direction: reverse;
animation-direction: reverse;
}
.navTrigger i:nth-child(3) {
-webkit-animation: outBtm 0.5s backwards;
animation: outBtm 0.5s backwards;
-webkit-animation-direction: reverse;
animation-direction: reverse;
}
.navTrigger.active {
color: #333;
}
.navTrigger.active i {
width: 80%;
}
.navTrigger.active i:nth-child(1),
.dropdown-is-active .navTrigger i:nth-child(1) {
-webkit-animation: inT 0.5s forwards;
animation: inT 0.5s forwards;
}
.navTrigger.active i:nth-child(2),
.dropdown-is-active .navTrigger i:nth-child(2) {
-webkit-animation: inM 0.5s forwards;
animation: inM 0.5s forwards;
margin: 3px 0;
}
.navTrigger.active i:nth-child(3),
.dropdown-is-active .navTrigger i:nth-child(3) {
-webkit-animation: inBtm 0.5s forwards;
animation: inBtm 0.5s forwards;
display: none;
}
.menu_mob {
display: none;
}
/*#########################
###### P O R T A D A ######
###########################*/
#PORT01 {}
#PORT02 {
padding: var(--section-margin) 16px;
}
#PORT02 .PORT02Cont {
max-width: var(--max-width);
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 8px;
}
#PORT02 .PORT02Cont> * {
position: relative;
margin: 0;
}
@media screen and (min-width: 1024px) {
#PORT02 .PORT02Cont> *:not(:first-child):not(:nth-child(3n+1)):before {
content: "";
height: 60%;
width: 1px;
position: absolute;
left: -4px;
top: 0;
bottom: 0;
margin: auto;
background: #e5e5e5;
}
}
@media screen and (min-width: 641px) and (max-width: 1023px) {
#PORT02 .PORT02Cont> *:not(:first-child):not(:nth-child(2n+1)):before {
content: "";
height: 60%;
width: 1px;
position: absolute;
left: -4px;
top: 0;
bottom: 0;
margin: auto;
background: #e5e5e5;
}
}
@media screen and (max-width: 640px) {
#PORT02 .PORT02Cont> *:not(:last-child):before {
content: "";
display: block;
height: 1px;
width: 70%;
position: absolute;
left: 0!important;
top: inherit!important;
right: 0;
bottom: -8px!important;
margin: auto;
background: #e5e5e5;
}
}
#PORT01 .title2,
.panel__desc--skin1[data-items="1"] .boxItem .bicTitle {
font-size: var(--font-xl);
}
/*#########################
###### C A J O N E S ######
###########################*/
/* CAJA SEO */
.seo1 {
text-align: center;
background: #fff;
padding: var(--section-margin) 16px;
}
.seo1 .seo1Cont {
max-width: var(--max-width);
margin: 0 auto;
}
.seo1 .seo1Cont .title1 {}
.seo1 .seo1Cont p:not(:last-child) {
margin: 0 0 12px;
}
/*CAJA VIDEO*/
.seo2 {
text-align: center;
background: #fff;
padding: var(--section-margin) 16px;
}
.seo2 .seo2Cont {
max-width: var(--max-width);
margin: 0 auto;
}
.seo2 .seo2Cont .title1 {}
.seo2 .seo2Cont p:not(:last-child) {
margin: 0 0 12px;
}
.seo2 .seo2Cont iframe {
display: block;
border: 0;
width: 100%;
}
.iframeCont {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
}
.iframeCont> iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
/* BOX SIN LINK */
.boxItem a[href^="#"] {
cursor: default;
}
/*BOX 2: */
.box2 {
padding: 20px 16px 0;
background: #fff;
}
.box2 .boxCont {
max-width: var(--max-width);
margin: 0 auto;
}
.box2 .boxCont {
max-width: var(--max-width);
margin: 0 auto;
}
.box2 .boxCont> div> div {
display: flex;
justify-content: space-between;
}
.box2 .boxCont .boxItem {
width: calc(50% - (var(--mosaico-margin)/2));
margin-bottom: var(--mosaico-margin);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
display: none;
}
.box2 .boxCont .boxItem:first-child,
.box2 .boxCont .boxItem:nth-child(2) {
display: block;
}
.box2 .boxCont .boxItem> div {
padding-bottom: 75%;
width: 100%;
display: flex;
}
.box2 .boxCont .boxItem a {
display: block;
width: 100%;
text-decoration: none;
color: inherit;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.box2 .boxCont .boxItem .boxItemImg {
display: none;
}
.box2 .boxCont .boxItem .boxItemImg img {
display: block;
width: 100%;
}
.box2 .boxCont .boxItem .boxItemCont {
background: rgba(255, 255, 255, 0.8);
padding: 4px;
margin: 12px;
border-radius: var(--radius-default);
}
.box2 .boxCont .boxItem .bicTitle {
margin: 0;
border: 1px solid;
padding: 4px 40px;
text-transform: uppercase;
border-radius: var(--radius-default);
}
.box2 .boxCont .boxItem .bicDesc {
display: none;
}
.box2 .boxCont .boxItem .bicBtn {
display: none;
}
.box2 .boxCont .boxItem .bicBtn span {}
.box2 .boxCont .swiper-button-next,
.box2 .boxCont .swiper-button-prev,
.box2 .boxCont .swiper-pagination {
display: none;
}
.box3a {
padding: 0 16px 20px;
background: #fff;
}
.box3a .boxCont {
max-width: 1400px;
margin: 0 auto;
display: flex;
overflow-X: auto;
}
.box3a .boxCont .boxItem {
width: 33.3333%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border: 4px solid #FFF;
position: relative;
flex-shrink: 0;
}
.box3a .boxCont .boxItem> div {
padding-bottom: 75%;
display: flex;
}
.box3a .boxCont .boxItem a {
display: block;
width: 100%;
text-decoration: none;
color: inherit;
display: flex;
align-items: flex-end;
justify-content: center;
text-align: center;
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.box3a .boxCont .boxItem .boxItemImg {
display: none;
}
.box3a .boxCont .boxItem .boxItemImg img {
display: block;
width: 100%;
}
.box3a .boxCont .boxItem .boxItemCont {
background: rgba(0, 0, 0, 0.5);
padding: 8px;
width: 100%;
}
.box3a .boxCont .boxItem .bicTitle {
margin: 0;
text-transform: uppercase;
border-radius: var(--radius-default);
color: #fff;
}
.box3a .boxCont .boxItem .bicDesc {
display: none;
}
.box3a .boxCont .boxItem .bicBtn {
display: none;
}
.box3a .boxCont .boxItem .bicBtn span {}
.box3 {
padding: var(--section-margin) 16px;
background: #fff;
}
.box3 .swiper-container {
width: 100%;
}
.box3 .boxCont {
max-width: var(--max-width);
margin: 0 auto;
display: flex;
overflow-X: auto;
}
.box3 .boxCont .boxItem {
width: calc((1/3 * 100%) - (var(--mosaico-margin)*(2/3)));
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
flex-shrink: 0;
}
.box3 .boxCont .boxItem> div {
padding:0;
flex-direction:column;
height:100%;
display:flex;
}
.box3 .boxCont .boxItem a {
display: block;
width: 100%;
text-decoration: none;
color: inherit;
height:100%;
display:flex;
flex-direction:column;
}
.box3 .boxCont .boxItem .boxItemImg{
flex:1;
}
.box3 .boxCont .boxItem .boxItemImg picture,
.box3 .boxCont .boxItem .boxItemImg img{
height:100%;
width:100%;
object-fit:cover;
}
.box3 .boxCont .boxItem .boxItemCont {
background: rgba(0, 0, 0, 0.5);
padding: 8px;
width: 100%;
}
.box3 .boxCont .boxItem .bicTitle {
margin: 0;
text-transform: uppercase;
color: #fff;
}
.box3 .boxCont .boxItem .bicDesc {
display: none;
}
.box3 .boxCont .boxItem .bicBtn {
display: none;
}
.box3 .boxCont .boxItem .bicBtn span {}
.box3 .boxCont .swiper-button-next,
.box3 .boxCont .swiper-button-prev,
.box3 .boxCont .swiper-pagination {
display: none;
}
.box4 {
padding: var(--section-margin) 16px;
}
.box4 .slideCont {
max-width: var(--max-width);
margin: 0 auto;
position: relative;
}
.box4 .slideCont .slideInfo {
margin: 0 0 20px;
text-align: center;
padding: 0 16px;
}
.box4 .slideCont .slideInfo .title2 {}
.box4 .slideCont .slideInfo p {}
.box4 .slideCont .swiper-container {
margin: 0;
position: static;
}
.box4> div> p {
text-align: center;
font-size: 120%;
line-height: 120%;
font-weight: var(--bold1);
font-style: italic;
}
.box4 .swiper-slide {
height: auto;
width: calc((1/4 * 100%) - (var(--productos-margin) * 3 / 4));
}
/*25% - el margen entre items del slide de los 4 que se ven repartido entre los 3 que llevan margen a la derecha*/
/*.box4 .swiper-button-next, .box4 .swiper-button-prev { background: #fff; height: 40px; width: 40px; border-radius: 20px; box-shadow: 0 0 12px rgba(0,0,0,0.4); display: flex; align-items: center; justify-content: center; transition: all 300ms ease;}*/
/* .box4 .swiper-button-next { right: 4px;}
.box4 .swiper-button-prev { left: 4px; }
.box4 .swiper-button-next,
.box4 .swiper-button-prev { transform: scale(0); }
.box4 .slideCont:hover .swiper-button-next,
.box4 .slideCont:hover .swiper-button-prev { transform: scale(1) }
.box4 .swiper-button-next i, .box4 .swiper-button-prev i{line-height: 100%; width: auto;}
.box4 .swiper-button-next i { padding-left: 2px;}
.box4 .swiper-button-prev i{padding-right: 2px;}*/
.box6 {
padding: var(--section-margin) 16px;
}
.box6 .slideCont {
max-width: var(--max-width);
margin: 0 auto;
position: relative;
}
.box6 .slideCont .slideInfo {
margin: 0 0 20px;
text-align: center;
padding: 0 20px;
}
.box6 .slideCont .slideInfo .title2 {}
.box6 .slideCont .slideInfo p {}
.box6 .slideCont .swiper-container {
margin: 0;
position: static;
}
.box6 .slideCont .swiper-slide {
width: calc((1/6 * 100%) - (var(--productos-margin) * 5 / 6))
}
.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev {
background: #fff;
height: 38px;
width: 38px;
border-radius: 20px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
display: flex;
align-items: center;
justify-content: center;
transition: all 300ms ease;
}
.swiper-container .swiper-button-next {
right: 4px;
}
.swiper-container .swiper-button-prev {
left: 4px;
}
.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev {
transform: scale(0);
}
.swiper-container:hover .swiper-button-next,
.swiper-container:hover .swiper-button-prev {
transform: scale(1)
}
.swiper-button-next i,
.swiper-button-prev i {
line-height: 100%;
width: auto;
}
.swiper-button-next i {
padding-left: 2px;
}
.swiper-button-prev i {
padding-right: 2px;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
display: none;
}
.boxMini {
padding: 40px 16px 0;
overflow: hidden;
background: -moz-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(240, 240, 240, 0) 100%);
background: -webkit-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(240, 240, 240, 0) 100%);
background: linear-gradient(to bottom, rgba(240, 240, 240, 1) 0%, rgba(240, 240, 240, 0) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='f0f0f0', endColorstr='00f0f0f0', GradientType=0);
}
.boxMiniRel {
margin: 0 0 20px;
overflow: hidden;
}
.boxMini .slideCont,
.boxMiniRel .slideCont {
max-width: var(--max-width);
margin: 0 auto;
position: relative;
overflow: hidden;
}
.boxMini .slideCont .slideInfo {
margin: 0 0 20px;
text-align: center;
padding: 0 20px;
}
.boxMiniRel .slideCont .slideInfo {
margin: 0 0 20px;
}
.boxMini .slideCont .swiper-container,
.boxMiniRel .slideCont .swiper-container {
position: static;
overflow: visible;
}
.boxMini .slideCont .swiper-slide,
.boxMiniRel .slideCont .swiper-slide {
width: calc((100% / 6) - (12px * 5 / 6));
}
.boxMini .prodItemImg> a .PIITag,
.boxMiniRel .prodItemImg> a .PIITag {
display: none;
}
.boxMini .prodItem .prodItemCont,
.boxMiniRel .prodItem .prodItemCont {
font-size: 80%;
line-height: 100%
}
.boxMini .prodItem .prodItemCont .PICTitle,
.boxMiniRel .prodItem .prodItemCont .PICTitle {
font-size: 1em;
line-height: 100%
}
.boxMini .prodItem .prodItemCont .PICPrice span,
.boxMiniRel .prodItem .prodItemCont .PICPrice span {
font-size: 120%;
line-height: 100%
}
.boxMini .prodItem .prodItemCont .PICVar,
.boxMiniRel .prodItem .prodItemCont .PICVar {
font-size: 100%;
}
.boxMini .prodItem .prodItemBt .btAddToCart,
.boxMiniRel .prodItem .prodItemBt .btAddToCart {
font-size: 12px;
line-height: 100%;
padding: 8px;
}
/*CAJONES PRODUCTOS GENERAL*/
.prodItem {
font-weight: normal;
font-size: 18px;
line-height: 140%;
display: flex;
flex-direction: column;
overflow: hidden;
margin: 0 0 12px;
}
.prodItem .prodItemImg {
position: relative;
overflow: hidden;
border: 1px solid #eee;
border-radius:var(--radius-default);
}
.prodItem .prodItemImg> a {
display: block;
overflow: hidden;
}
.prodItem .prodItemImg> a img {
display: block;
width: 100%;
font-size: 0;
padding: 0 !important;
opacity: 1 !important;
}
.prodItem .prodItemImg> a img:nth-of-type(2) {
left: 0;
position: absolute;
top: 0;
/* left: 100%; */
opacity: 0 !important;
/*transition: opacity 300ms ease, left 0ms ease 300ms; -webkit-transition: opacity 300ms ease, left 0ms ease 300ms;*/
transition: all 300ms ease;
padding: 0 !important;
}
.prodItem .prodItemImg:hover> a img:nth-of-type(2) {
/* left: 0; */
opacity: 1 !important;
/*transition: opacity 300ms ease, left 0s ease 0ms; -webkit-transition: opacity 300ms ease, left 0s ease 0ms;*/
}
.prodItem .prodItemImg .PIITag {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
font-weight: var(--bold1);
font-size: 14px;
line-height: 100%;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.prodItem .prodItemImg .PIITag> div {
padding: 4px;
}
.prodItem .prodItemImg .PIITag .PIITagPorcentaje {
width: 40px;
height: 40px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 4px;
right: 4px;
background: var(--secondary);
color: #fff;
}
.prodItem .prodItemImg .PIITag .PIITagPorcentaje span {}
.prodItem .prodItemImg .PIITag .PIITagOferta {
position: absolute;
bottom: 0;
left: 0;
background: #fff;
color: var(--secondary);
box-shadow: inset 0 0 0 1px currentcolor;
}
.prodItem .prodItemImg .PIITag .PIITagOferta span {}
.prodItem .prodItemImg .PIITag .PIITagDestacado {
position: absolute;
bottom: 0;
right: 0;
background: var(--primary);
background-image: linear-gradient(rgba(0, 0, 0, 0.10), rgba(0, 0, 0, 0.10));
color: #fff;
}
.prodItem .prodItemImg .PIITag .PIITagDestacado span {}
.prodItem .prodItemImg .PIITag .PIITagNovedad {
position: absolute;
top: 0;
left: 0;
background: #03a9f3;
color: #fff;
}
.prodItem .prodItemImg .PIITag .PIITagNovedad span {}
.prodItem .prodItemImg .PIITag .PIITagOutlet {
position: absolute;
top: 0;
left: 0;
background: #333;
color: #fff;
}
.prodItem .prodItemImg .PIITag .PIITagNovedad~ .PIITagOutlet {
top: 24px;
}
.prodItem .prodItemImg .PIITag .PIITagOutlet span {}
.prodItem .prodItemImg .PIITag .PIITagAgotado {
position: absolute;
top: 50%;
left: 50%;
background: rgba(0, 0, 0, 0.5);
padding: 8px 20px;
color: #fff;
transform: translate(-50%, -50%);
box-shadow: 0 0 0 300px rgba(255, 255, 255, 0.2);
}
.prodItem .prodItemImg .PIITag .PIITagAgotado span {}
.prodItem .prodItemImg .PIITag .PIITagSoloOnline {
position: absolute;
bottom: 0;
right: 0;
background: #666;
color: #fff;
}
.prodItem .prodItemImg .PIITag .PIITagSoloOnline span {}
.prodItem .prodItemImg .PIITag .PIITagFlash {
position: absolute;
top: 4px;
left: 4px;
background: #f8c931;
padding: 4px 8px;
border-radius: 24px;
color: #333;
}
/*.prodItem .prodItemImg .PIITag .PIITagFlash { animation: flash 6s linear 2s infinite; }*/
.prodItem .prodItemImg .PIITag .PIITagFlash span {}
.prodItem .prodItemImg .PIITag .PIITagFlash span:before {
content: "\f2f2";
font-weight: 400;
font-family: "Font Awesome 6 Pro";
display: inline-block;
margin-right: 8px;
font-size: 120%;
flex-shrink: 0;
}
.prodItem.flash .prodItemImg .PIITag .PIITagNovedad {
display: none;
}
.prodItem.flash .PICPriceValue:before {
content: "\f2f2";
font-weight: 400;
font-family: "Font Awesome 6 Pro";
display: inline-block;
margin-right: 8px;
font-size: 80%;
display: none;
}
.prodItem .prodItemCont {
padding: 8px 0;
flex: 1;
}
.prodItem .prodItemCont .PICTitle {
font-weight: normal;
font-size: 14px;
line-height: 120%;
margin: 0 0 4px;
}
.prodItem .prodItemCont .PICTitle a {
color: inherit;
text-decoration: none;
}
.prodItem .prodItemCont .flash .PICPrice {
margin: 0 0 4px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.prodItem.flash .prodItemCont .PICPrice {
border: 2px solid #f8c931;
background: #fff;
display: block;
border-radius: 8px;
overflow: hidden;
padding: 4px 4px 4px 40px;
position: relative;
margin-bottom: 4px;
}
.prodItem.flash .prodItemCont .PICPrice:before {
content: "\f2f2";
font-weight: 400;
font-family: "Font Awesome 6 Pro";
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 100%;
color: #111;
padding: 0 4px;
position: absolute;
background: #f8c931;
left: 0;
top: 0;
height: 100%;
}
.prodItem.flash:not(.flashenvio) .prodItemCont .PICPrice .PICPriceOld {
display: block;
margin: 0;
}
.prodItem.flashenvio .prodItemCont .PICPrice> span:last-child {
display: block;
font-size: 12px;
text-transform: uppercase;
}
.prodItem .prodItemCont .PICPrice> span {
font-weight: var(--bold1);
font-size: 18px;
line-height: 120%;
}
.prodItem .prodItemCont .PICPrice .PICPriceIva {
font-size: 16px;
opacity: .8;
display: block;
}
.prodItem .prodItemCont .PICPrice .PICPriceIva> span {
text-transform: uppercase;
font-size: 14px;
}
.prodItem .prodItemCont .PICPrice .PICPriceValue {
color: var(--primary);
}
.prodItem .prodItemCont .PICPrice .PICPriceOld {
color: inherit;
margin-right: 8px;
text-decoration: line-through;
font-size: 14px;
opacity: 0.75;
}
.prodItem .prodItemCont .PICDesc {
margin: 0 0 4px;
font-size: 12px;
line-height: 120%;
display: none;
}
.prodItem .prodItemCont .PICVar {
font-weight: var(--bold1);
opacity: 0.5;
font-size: 14px;
line-height: 100%;
}
.prodItem .prodItemBt {
padding: 8px;
}
.prodItem .prodItemBt .btAddToCart {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px;
background-color: #666;
text-decoration: none;
color: white;
font-size: 16px;
line-height: 20px;
border-radius: var(--radius1);
}
.prodItem .prodItemBt .btAddToCart i {
margin-right: 8px;
}
/*CAJONES MARCAS*/
.PorMarcas {
text-align: center;
font-weight: normal;
font-size: 18px;
line-height: 140%;
padding: 1px;
}
.PorMarcas .PorMarcasImg {
position: relative;
overflow: hidden;
width: 100%;
padding-bottom: 100%;
position: relative;
background: #fff;
border: 1px solid #eee;
}
.PorMarcas .PorMarcasImg> a {
overflow: hidden;
position: absolute;
left: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 12px;
}
.PorMarcas .PorMarcasImg> a img {
display: block;
max-width: 100%;
}
.PorMarcas .PorMarcasCont {
padding: 8px;
}
.PorMarcas .PorMarcasCont .PMCTitle {
font-weight: normal;
font-size: 14px;
line-height: 120%;
margin: 0;
}
.PorMarcas .PorMarcasCont .PMCTitle a {
color: inherit;
text-decoration: none;
}
.PorMarcas .PorMarcasCont .PPCDesc {
margin: 0 0 4px;
display: none;
}
/* BANDAS CON Nº DE ELEMENTOS*/
.bndBox3 {
padding: 20px 16px;
background-color: #fff;
}
.bndBox3 .bndBox3Cont {
display: flex;
justify-content: space-between;
max-width: var(--max-width);
margin: 0 auto;
}
.bndBox3 .bndBox3Cont> div {
width: 32%;
}
/*NEWSLETTER*/
.news1 {
padding: 40px 16px;
background: var(--light);
text-align: center;
}
.news1 .newsCont {}
.news1 .newsCont .title2 {
margin: 0 0 8px;
font-size:var(--font-xl);
}
.news1 .newsCont .newsDesc {
margin: 0 0 12px;
font-weight: normal;
font-size: 16px;
line-height: 140%;
}
.news1 .newsCont .newsMail {
max-width: 524px;
margin: 0 auto;
}
.news1 .newsCont .newsMail form {
display: flex;
justify-content: center;
}
.news1 .newsCont .newsMail form label {
width: 100%;
}
.news1 .newsCont .newsMail .newsInput {
width: 100%;
padding: 8px 16px;
border: 0;
color: #333;
border-radius: 4px;
border: 1px solid #ccc;
}
.news1 .newsCont .newsMail .newsBtn {
background: #666;
color: #fff;
border: 0;
padding: 4px 32px;
text-decoration: none;
display: flex;
margin-left: 6px;
align-items: center;
text-transform: uppercase;
font-weight: var(--bold1);
justify-content: center;
border-radius: var(--radius1);
}
#PORT01 .news1 {
padding: var(--section-margin);
background: none;
}
#PORT01 .news1:last-child {
padding-bottom: 0;
}
#PORT01 .news1 .newsCont {
padding: 32px 16px;
background: #f5f5f5;
max-width: var(--max-width);
margin: 0 auto;
}
/*ENVÍO*/
.envio1 {
background-color: #35baf5;
color: #fff;
justify-content: space-between;
}
.envio1:after {
content: "\f1d8";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
font-size: 60px;
margin-left: 12px;
display: block;
flex-shrink: 0;
line-height: 100%;
}
.envio1 .envioCont {}
.envio1 .envioContDesc {
display: flex;
align-items: center;
justify-content: space-between;
}
.envio1 .envioContLink {
font-size: 12px;
}
.envio1 .envioContLink a {
color: inherit;
}
/*SOCIAL*/
.socialBox {
padding: 20px;
font-weight: var(--bold1);
font-size: 20px;
line-height: 140%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
flex-flow: column-reverse;
width: 100%;
}
.socialBox .socialCont {}
.socialBox .socialContDesc {
display: flex;
align-items: center;
justify-content: space-between;
}
.socialBox .socialUl {
margin: 0 0 8px;
font-weight: normal;
}
.socialBox .socialUl li {
display: inline-flex;
margin: 2px;
border-radius: 40px;
}
.socialBox .socialUl a {
text-decoration: none;
color: #fff;
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
margin: 2px;
font-size: 20px;
}
.socialBox .socialUl a span span {
display: none;
}
.socialBox .socialUl .instagram {
background-color: #d10869;
padding: 0;
}
.socialBox .socialUl .instagram a {
color: #fff;
}
.socialBox .socialUl .twitter {
background-color: #0F1419;
padding: 0;
}
.socialBox .socialUl .twitter a {
color: #fff;
}
.socialBox .socialUl .facebook {
background-color: #3b5998;
padding: 0;
}
.socialBox .socialUl .facebook a {
color: #fff;
}
.socialBox .socialUl .whatsapp {
background-color: #128c7e;
}
.socialBox .socialUl .whatsapp a {
color: #fff;
}
.socialBox .socialUl .socialBox .socialUl.socialBox .socialUl.phone {
background-color: #666;
}
.socialBox .socialUl .phone a {
color: #fff;
}
/* Social fixed*/
.socialBox--fixed {
position: fixed;
bottom: 60px;
right: 4px;
padding: 0;
width: auto;
z-index: 3;
}
.socialBox--fixed .socialUl {
margin: 0;
}
.socialBox--fixed .socialUl li {
display: block;
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
}
.socialBox--fixed .socialUl li:not(:last-child) {
margin: 0 0 4px;
}
.socialBox--fixed .socialUl a {
width: 60px;
height: 60px;
font-size: 32px;
}
.socialLine {
list-style: none;
}
.socialLine li {
display: inline-block;
background: #fff;
padding: 0px 12px;
min-width: 28px;
border-radius: 3px;
text-align: center;
margin: 2px 0 2px 3px;
font-size: 14px;
line-height: 28px;
}
.socialLine li a {
text-decoration: none;
color: #333;
}
.socialLine li a span span {
margin-left: 4px;
}
.socialLine li a i {
font-weight: 900;
}
.socialLine .news {}
.socialLine .news a {
color: #868686;
}
.socialLine .instagram {
padding: 0;
}
.socialLine .instagram a {
color: #d10869;
}
.socialLine .instagram a span span {
display: none;
}
.socialLine .twitter {
padding: 0;
}
.socialLine .twitter a {
color: #0F1419;
}
.socialLine .twitter a span span {
display: none;
}
.socialLine .facebook {
padding: 0;
}
.socialLine .facebook a {
color: #3b5998;
}
.socialLine .facebook a span span {
display: none;
}
.socialLine .whatsapp {
padding: 0;
}
.socialLine .whatsapp a {
color: #128c7e;
}
.socialLine .whatsapp a span span {
display: none;
}
.socialLine .phone {}
.socialLine .phone a {
color: #666;
}
.socialLine .mobile a {
color: #666;
}
.socialLine .twitter a i,
.socialLine .facebook a i,
.socialLine .instagram a i,
.socialLine .whatsapp a i {
font-weight: 200;
}
/*.langSelector { display: flex; align-items:center;}
.langSelector:not(:first-child) { margin-left: 8px; }
.langSelector:not(:last-child) { margin-right: 8px; }
.langSelector .select2 { border: 0; text-transform: uppercase; line-height: 28px; height: 28px; background-color: #fff; border-radius: 28px; padding: 0 0 0 4px; border: 4px solid #fff; outline: 0; font-size: 80%; letter-spacing: 1px; }
.langSelector .select2 :hover { box-shadow: 0 0 4px rgba(0,0,0,.05) }
header .menu .menuCont .menulang { padding: 8px; background-color: #ccc; text-align: right; display: none; margin: 0; }
header .menu .menuCont .menulang .select2 { height: 36px; min-width: 60px;}*/
.langSelector {
margin-left: 8px;
}
.select2-container {
width: 52px !important;
text-align: center;
text-transform: uppercase;
}
.select2-search {
display: none;
}
.select2-results__option {
font-size: 0;
line-height: 0;
}
.select2-results__option img {
display: block;
width: 100%;
}
.select2-container .select2-selection--single {
border-color: #ccc;
background: #f5f5f5;
}
.select2-container .select2-selection--single .select2-selection__rendered {}
.select2-container .select2-selection--single {
display: flex;
}
.select2-container .select2-selection--single .select2-selection__rendered {
margin: 4px;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
font-size: 0;
line-height: 0;
}
.select2-container .select2-selection--single .select2-selection__rendered[title="es"] {
background-image: url(../images/languages/es.svg);
}
.select2-container .select2-selection--single .select2-selection__rendered[title="en"] {
background-image: url(../images/languages/en.svg);
}
.select2-container .select2-selection--single .select2-selection__rendered[title="gl"] {
background-image: url(../images/languages/gl.svg);
}
header .menu .menuCont .menulang {
display: none;
}
.contactBox {
display: flex;
padding: 20px;
justify-content: center;
text-align: center;
flex-flow: column;
width: 100%;
font-weight: var(--bold1);
font-size: 18px;
line-height: 140%;
}
.contactBox:after {
margin: 0 0 8px;
order: 1;
content: "\f82d";
font-family: "Font Awesome 6 Pro";
font-size: 40px;
font-weight: 300;
color: var(--primary);
line-height: 100%;
}
.contactBox> div {
margin: 0 0 8px;
order: 2;
}
.contactBox> div .title {
margin: 0 !important;
font-size: 20px;
line-height: 140%;
}
.contactBox> div .desc {
font-weight: 400;
display: none;
}
.contactBox .socialUl {
margin: 0;
text-transform: uppercase;
order: 3;
}
.contactBox .socialUl li {
display: inline-flex;
margin: 2px;
border-radius: var(--radius1);
font-size: 14px;
background: #eee;
}
.contactBox .socialUl a {
text-decoration: none;
color: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
margin: 2px;
padding: 0 8px;
}
.contactBox .socialUl a span span {
margin-left: 4px;
margin-left: 4px;
}
.contactBox .socialUl .instagram {
background-color: #d10869;
padding: 0;
}
.contactBox .socialUl .instagram a {
color: #fff;
}
.contactBox .socialUl .twitter {
background-color: #0F1419;
padding: 0;
}
.contactBox .socialUl .twitter a {
color: #fff;
}
.contactBox .socialUl .facebook {
background-color: #3b5998;
padding: 0;
}
.contactBox .socialUl .facebook a {
color: #fff;
}
.contactBox .socialUl .whatsapp {
background-color: #128c7e;
}
.contactBox .socialUl .whatsapp a {
color: #fff;
}
.contactBox .socialUl .phone {}
.contactBox .socialUl .phone a {
color: #333;
}
.contactBox .socialUl .mail {}
.contactBox .socialUl .mail a {
color: #333;
}
.contactBox .socialUl .mobile {}
.contactBox .socialUl .mobile a {
color: #333;
}
.contactBand {
color: #666;
display: flex;
padding: 20px 8px;
justify-content: space-between;
width: 100%;
font-size: 18px;
line-height: 140%;
align-items: center;
text-align: left;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.contactBand> div {
margin: 0 0 8px;
width: 100%;
}
.contactBand> div .title {
margin: 0 0 8px;
font-size: 24px;
line-height: 120%;
font-weight: var(--bold1);
color: #333;
}
.contactBand> div .desc {}
.contactBand .socialUl {
margin: 0 0 4px;
text-transform: uppercase;
text-align: right;
flex-shrink: 0;
}
.contactBand .socialUl li {
display: inline-flex;
margin: 2px;
border-radius: var(--radius1);
font-size: 16px;
background-color: var(--secondary);
}
.contactBand .socialUl a {
text-decoration: none;
color: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
margin: 2px;
padding: 4px 12px;
}
.contactBand .socialUl .phone> a {
color: #fff;
}
.contactBand .socialUl a span span {
margin-left: 4px;
margin-left: 4px;
}
/*CAJON CONTACTO*/
.duda1 {
background: #999;
color: #fff;
}
.duda1 .dudaCont {}
.duda1 .dudaCont .dudaContText {
margin: 0 0 8px;
}
.duda1 .dudaCont .dudaContText .DCTTitle {
font-size: 28px;
line-height: 120%;
}
.duda1 .dudaCont .dudaContButtons {}
.duda1 .dudaCont .dudaContButtons a {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
color: #999;
background-color: white;
border-radius: 40px;
padding: 8px 16px;
font-size: 16px;
line-height: 100%;
margin: 4px;
}
.duda1 .dudaCont .dudaContButtons a i {
margin-right: 4px;
transform: scaleX(-1)
}
/*BANNERS POR DEFECTO*/
.dvBanner {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
color: #333;
padding: 20px;
font-size: 20px;
font-weight: var(--bold1);
line-height: 140%;
text-align: center;
}
.dvBanner:after {
font-weight: 900;
font-family: "Font Awesome 6 Pro";
font-weight: 300;
color: var(--primary);
font-size: 40px;
display: block;
flex-shrink: 0;
line-height: 100%;
text-align: center;
width: 68px;
text-align: center;
order: 1;
}
.dvBanner:before {
margin-right: 20px;
}
.dvBanner:after {
margin: 0 0 8px;
}
.dvBanner .dvBannerCont {
width: 100%;
font-weight: var(--bold1);
order: 2;
max-width: 290px;
}
.dvBanner .dvBannerCont a:not(.dvBannerContLink4) {
font-size: 14px;
color: inherit;
line-height: 120%;
display: block;
margin-top: 8px;
color: #666;
}
.dvBanner .dvBannerCont .dvBannerContLink4 {
color: inherit;
}
.dvBanner .dvBannerCont .dvBannerContText4 {
text-transform: lowercase;
}
/*BANNERS PERSONALIZADOS*/
.secureBox {}
.secureBox:after {
content: "\f2f7";
color: #39b549;
}
.secureBox .dvBannerCont {}
.secureBox .dvBannerCont p:first-child {
font-size: 22px;
}
.secureBox .dvBannerCont p span {
display: inline-block;
}
.secureBox .dvBannerCont p span:not(:first-child) {
margin-left: 4px;
}
.secureBox .dvBannerCont a {}
.dvBannerContLink4 {}
.envioBox {}
.envioBox:after {
content: "\f48b";
font-family: "Font Awesome 6 Pro";
}
.envioBox .dvBannerCont {}
.envioBox .dvBannerCont a {}
.dvBanner.envioMini {
padding: 12px;
justify-content: center;
background: #37474f;
color: #ffffff;
margin: 0 !important;
}
.dvBanner.envioMini:before {
content: "\f48b";
font-family: "Font Awesome 6 Pro";
font-size: 20px;
width: auto;
margin-right: 12px;
}
.dvBanner.envioMini .dvBannerCont {
width: auto;
flex-flow: row wrap;
text-transform: uppercase;
font-size: 16px;
letter-spacing: 2px;
line-height: 16px;
align-items: center;
justify-content: center;
text-align: center;
}
.dvBanner.envioMini .dvBannerCont a:not(.dvBannerContLink4) {
font-size: 12px;
line-height: 12px;
display: inline-block;
margin: 4px;
/* opacity: 0.5; */
text-transform: lowercase;
letter-spacing: 0;
}
.dvBanner.envioMini .dvBannerCont .dvBannerContText4 {
text-transform: uppercase;
}
.dvBanner.fbBox {
font-size: 24px;
}
.dvBanner.fbBox:after {
content: "\f09a";
font-family: "Font Awesome 5 Brands";
color: #3B5998;
}
.dvBanner.fbBox .dvBannerCont .dvBannerCont {}
.dvBanner.fbBox .dvBannerCont a {
text-decoration: none;
color: inherit;
margin: 0;
font-size: 20px;
}
.dvBanner.fbBox .dvBannerCont a span:last-of-type {
display: inline-block;
}
.dvBanner.fbBox iframe {
height: 20px;
margin-top: 12px;
max-width: 100%;
display: none;
}
.dvBanner.twBox {
font-size: 24px;
}
.dvBanner.twBox:after {
content: "\e61b";
font-family: "Font Awesome 5 Brands";
color: #0F1419;
}
.dvBanner.twBox .dvBannerCont {}
.dvBanner.twBox .dvBannerCont a {
text-decoration: none;
color: inherit;
margin: 0;
font-size: 20px;
}
.dvBanner.twBox .dvBannerCont a span:last-of-type {
display: inline-block;
}
.dvBanner.instaBox {
font-size: 24px;
}
.dvBanner.instaBox:after {
content: "\f16d";
font-family: "Font Awesome 5 Brands";
color: #D10869;
}
.dvBanner.instaBox .dvBannerCont {}
.dvBanner.instaBox .dvBannerCont a {
text-decoration: none;
color: inherit;
font-size: inherit;
margin: 0;
font-size: 20px;
}
.dvBanner.instaBox .dvBannerCont a span:last-of-type {
display: inline-block;
}
.dvBanner.urgentBox {}
.dvBanner.urgentBox:after {
content: "\f48c";
}
.dvBanner.urgentBox .dvBannerCont {}
.dvBanner.urgentBox .dvBannerCont a {}
.dvBanner.urgentBox .dvBannerCont span:last-of-type {
font-size: 24px;
line-height: 120%;
margin-left: 8px;
}
.dvBanner.interBox {}
.dvBanner.interBox:after {
content: "\f072";
}
.dvBanner.interBox .dvBannerCont .dvBannerCont {}
.dvBanner.interBox .dvBannerCont a {}
.dvBanner.interBox .dvBannerCont span:last-of-type {
word-break: break-all;
}
.dvBanner.privateBox {}
.dvBanner.privateBox:after {
content: "\f21b";
}
.dvBanner.privateBox .dvBannerCont .dvBannerCont {}
.dvBanner.privateBox .dvBannerCont a {}
.dvBanner.privateBox .dvBannerCont p:first-child span:last-of-type {
font-size: 24px;
line-height: 120%;
margin-left: 8px;
}
.defaultBox {
padding: 12px;
background-color: #eee;
}
/*BOX DE FORMULARIO*/
.formBox {
/* background-color: #f0f0f0; */
padding: var(--section-margin) 16px;
background: -moz-linear-gradient(top, var(--light) 0%, #fff 100%);
background: -webkit-linear-gradient(top, var(--light) 0%, #fff 100%);
background: linear-gradient(to bottom, var(--light) 0%, #fff 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#FFFFFF', GradientType=0);
}
.formBox> div {
max-width: var(--max-width);
text-align: center;
margin: 0 auto;
padding: 20px;
box-shadow: 0 -12px 12px rgba(0, 0, 0, 0.05);
border-radius: 8px;
background-color: #fff;
}
.formBox> div> p {
margin: 0 0 12px;
}
.formBox> div #ulContatoInfo {}
.formBox> div #ulContatoInfo .dvContatoInfoSup {
display: flex;
justify-content: space-between;
}
.formBox> div #ulContatoInfo .dvContactoFormLeft {}
.formBox> div #ulContatoInfo .dvContactoFormRight {
margin-left: 8px;
}
.formBox> div #ulContatoInfo input[type="text"],
.formBox> div #ulContatoInfo input[type="tel"],
.formBox> div #ulContatoInfo input[type="email"],
.formBox> div #ulContatoInfo textarea {
padding: 12px;
}
.formBox> div #ulContatoInfo .dvContatoInfoSub {}
.formBox> div #ulContatoInfo .dvContatoInfoSub {
display: flex;
flex-flow: row wrap;
justify-content: center;
}
.formBox> div #ulContatoInfo .dvContatoInfoSub #bc_enviar {
width: calc(50% - 6px);
}
/*MIGAS DE PAN*/
.breadcrumb {
margin: 0 0 20px;
font-size: 90%;
opacity: 0.9;
}
.breadcrumb ol {
padding: 0 !important;
display: flex;
flex-flow: row wrap;
}
.breadcrumb ol li {
list-style: none;
display: inline-flex;
align-items: center;
margin-right: 8px;
max-width: 100%;
}
.breadcrumb ol li:not(:first-child):before {
content: "\f105";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-right: 8px;
font-size: 10px;
line-height: 10px;
}
.breadcrumb ol li> span,
.breadcrumb ol li> a {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.breadcrumb ol li a {
color: inherit;
text-decoration: none;
}
.breadcrumb ol li a:hover {
text-decoration: underline;
}
/***FOOTER***/
footer {
background: #333;
color: white;
}
footer a {
color: inherit;
text-decoration: none;
display: inline-block;
}
footer .footerInfo {
padding: 30px 16px;
}
footer .footerInfo .footerInfoCont {
display: flex;
justify-content: space-between;
flex-flow: row wrap;
max-width: var(--max-width);
margin: 0 auto;
}
footer .footerInfo .footerInfoCont .FICBox:first-of-type {
width: 25%;
order: 1;
}
footer .footerInfo .footerInfoCont .FICBox:nth-of-type(2) {
width: 25%;
order: 3;
}
footer .footerInfo .footerInfoCont .FICBox:last-of-type {
width: 40%;
order: 5;
}
footer .footerInfo .footerInfoCont .vline {
width: 1px;
background: rgba(255, 255, 255, 0.1);
}
footer .footerInfo .footerInfoCont:before,
footer .footerInfo .footerInfoCont:after {
content: "";
border-left: 1px solid rgba(255, 255, 255, 0.1);
}
footer .footerInfo .footerInfoCont:before {
order: 2;
}
footer .footerInfo .footerInfoCont:after {
order: 4;
}
footer .footerInfo .footerInfoCont .FICBox ul {
list-style: none;
}
footer .footerInfo .footerInfoCont .FICBox .FICBoxTitle {
margin-bottom: 8px;
text-transform: uppercase;
font-weight: var(--bold1);
font-size: 18px;
line-height: 140%;
}
footer .footerInfo .footerInfoCont .FICBox .FICBoxList {
column-count: 2;
}
footer .footerInfo .footerInfoCont .FICBox .FICBoxList li {
display: inline-flex;
width: 100%;
padding: 4px 0;
}
footer .footerInfo .footerInfoCont .FICBox .FICBoxList li a:hover {
text-decoration: underline;
}
footer .footerInfo .footerInfoCont .FICBox .FICBoxList li:before {
content: "\f105";
font-weight: 300;
font-family: "Font Awesome 6 Pro";
margin-right: 6px;
}
footer .footerInfo .footerInfoCont .FICBox .FICBoxPagos {
line-height: 0;
margin-top: 12px;
}
footer .footerInfo .footerInfoCont .FICBox .FICBoxPagos li {
display: inline-block;
margin: 0 4px 4px 0;
}
footer .footerInfo .footerInfoCont .FICBox .FICBoxPagos li img {
max-width: 60px;
display: block;
}
footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .FICBox:nth-last-of-type(2) {
width: 40%;
order: 5;
}
footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .dvCajaBannerPerso.FICBox {
all: unset;
border-top: 1px solid rgba(255, 255, 255, 0.1);
width: 100%;
order: 6;
margin-top: 20px;
padding-top: 20px;
}
footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .dvCajaBannerPerso.FICBox nav {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
}
footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .dvCajaBannerPerso.FICBox nav a {
display: inline-flex;
padding: 8px 16px;
background: rgba(0, 0, 0, 0.2);
border-radius: 4px;
}
footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .dvCajaBannerPerso.FICBox nav a:hover {
background: rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 768px) {
footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .FICBox:nth-last-of-type(2) {
width: 100%;
margin: 12px 0;
}
}
/*CATALOGO*/
body.catalog footer .footerInfo .footerInfoCont .FICBox:first-of-type {
width: 58%;
}
body.catalog footer .footerInfo .footerInfoCont .FICBox:nth-of-type(2) {
width: 0;
}
body.catalog footer .footerInfo .footerInfoCont .FICBox:last-of-type {
width: 38%;
}
body.catalog footer .footerInfo .footerInfoCont:after {
display: none;
}
body.catalog footer .footerInfo .footerInfoCont .FICBox .FICBoxList {
column-count: 1;
}
footer .footerEnd {
padding: 12px 20px 40px;
background-color: rgba(0, 0, 0, 0.1);
font-size: 14px;
}
footer .footerEnd .footerEndCont {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
max-width: var(--max-width);
margin: 0 auto;
}
footer .footerEnd .footerEndCont .FECLegal {
margin: 0 8px 0 0;
}
footer .footerEnd .footerEndCont .FECPaxinas {
font: normal 12px/120% Arial;
display: flex;
align-items: flex-end;
margin: 12px 0 12px auto;
}
footer .footerEnd .footerEndCont .FECPaxinas a {
display: block;
color: inherit;
font: normal 12px/16px Arial;
text-transform: uppercase;
opacity: 0.3;
background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
}
/*CHEKBOX*/
.checkBoxCont {
display: flex;
align-items: center;
}
.checkBoxCont:not(:last-child) {
margin-bottom: 12px;
}
.checkBoxCont .checkBox {
margin: 0 8px 0 0 !important;
flex-shrink: 0;
}
.checkBox {
position: relative;
cursor: pointer;
line-height: 22px;
margin-right: 4px;
overflow: hidden;
flex-shrink: 0;
}
.checkBox input {
position: absolute;
z-index: 1;
opacity: 0;
cursor: pointer;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.checkBox .control_indicator {
top: 1px;
left: 0;
width: 20px;
height: 20px;
background: white;
border: 1px solid #ccc;
border-radius: 4px;
text-align: center;
line-height: 16px;
color: #666;
}
.checkBox .control_indicator:after {
content: "";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
width: 100%;
text-align: center;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
height: 18px;
}
.checkBox input:disabled~ .control_indicator:after {
border-color: #7b7b7b;
}
.checkBox input:checked~ .control_indicator:after {
content: "\f00c";
}
.checkText {
display: flex;
align-items: flex-start;
}
.checkText .checkBox {
flex-shrink: 0;
margin-right: 4px;
}
/*RADIOBUTTON*/
.radiobtn {
display: inline-flex;
align-items: center;
}
.radiobtn input[type="radio"] {
opacity: 0;
position: absolute;
width: 20px;
height: 20px;
}
.radiobtn> span {
display: flex;
align-items: center;
}
.radiobtn> span:before,
.radiobtn> label:before {
content: "";
display: inline-block;
height: 16px;
width: 16px;
background: white;
border: 2px solid #ccc;
border-radius: 100%;
text-align: center;
line-height: 16px;
margin: 0px 5px 0 0;
vertical-align: middle;
cursor: pointer;
flex-shrink: 0;
}
.radiobtn input[type="radio"]:checked~ span:before,
.radiobtn input[type="radio"]:checked~ label:before {
background: #666666;
background: -moz-radial-gradient(center, ellipse cover, #666666 0%, #666666 40%, #ffffff 50%, #ffffff 100%, #ffffff 100%);
background: -webkit-radial-gradient(center, ellipse cover, #666666 0%, #666666 40%, #ffffff 50%, #ffffff 100%, #ffffff 100%);
background: radial-gradient(ellipse at center, #666666 0%, #666666 40%, #ffffff 50%, #ffffff 100%, #ffffff 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#ffffff', GradientType=1);
}
/*CONTENEDOR GENÉRICO*/
.generic {
padding: 20px 20px 40px;
}
.generic .genericCont {
max-width: var(--max-width);
margin: 0 auto;
}
.genericDesc {
align-self: center;
}
.genericDesc:not(:last-child) {
margin: 0 0 20px;
}
.genericDesc .genericDescCont:not(:last-child) {
margin: 0 0 20px;
}
.genericDesc ul,
.genericDesc ol {
padding-left: 18px;
}
.genericDesc ul:not(:last-child),
.genericDesc ol:not(:last-child),
.genericDesc p:not(:last-child) {
margin: 0 0 12px;
}
.genericDesc> span .morelink {
font-size: 14px;
/* background: rgba(0,0,0,0.05); */
/* padding: 4px 8px; */
border-radius: var(--radius1);
margin-top: 8px;
display: inline-block;
}
.generic .genericCont p:not(:last-child) {
margin: 0 0 20px;
}
.generic .genericCont ul,
.generic .genericCont ol {
padding-left: 18px;
list-style: disc;
}
.generic .genericCont ul:not(:last-child),
.generic .genericCont ol:not(:last-child) {
margin: 0 0 20px;
}
.generic .genericCont> ul> li,
.generic .genericCont> ol li,
.generic .genericCont> div> *:not(.breadcrumb) ol li {
margin: 0 0 4px !important;
}
/***LISTADO MARCAS***/
.Marcas .genericCont .listadoMarcas {
overflow: hidden;
}
.Marcas .genericCont .listadoMarcas ul {
display: flex;
flex-flow: row wrap;
margin-left: -8px;
width: calc(100% + 16px);
padding: 0;
}
.Marcas .genericCont .listadoMarcas ul li {
width: calc(16.6666% - 16px);
margin: 0 0 20px;
list-style: none;
text-align: center;
margin: 8px;
padding: 8px;
background: #f5f5f5;
}
.Marcas .genericCont .listadoMarcas ul li a {
color: inherit;
text-decoration: none;
}
.Marcas .genericCont .listadoMarcas ul li .listadoMarcasImg {
display: flex;
position: relative;
padding-bottom: 100%;
margin: 0 0 8px;
background: #fff;
}
.Marcas .genericCont .listadoMarcas ul li .listadoMarcasImg img {
display: block;
max-width: 90%;
max-height: 90%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
/****SLIDE CUPONES****/
.slideCupones {
text-align: center;
background: var(--primary);
background-image: linear-gradient(rgba(255, 255, 255, 0.90), rgba(255, 255, 255, 0.90));
font-size: 16px;
line-height: 20px;
padding: 20px;
}
.slideCupones .slideCuponesCont {
max-width: var(--max-width);
margin: 0 auto;
width: 100%;
/* display: flex; */
}
.slideCupones .slideCuponesCont .switem {
padding: 0;
}
.slideCupones .slideCuponesCont .slideCuponesInfo {
flex-shrink: 0;
display: flex;
align-items: center;
align-content: center;
/* padding: 4px 32px; background-color: rgba(0,0,0,0.1); */
}
.slideCupones .slideCuponesCont .slideCuponesInfo .title2 {
display: block;
margin: 0 0 12px;
width: 100%;
font-size: 20px;
}
.slideCupones .slideCuponesCont .slideCuponesInfo .title2:after {
content: "\f061";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-left: 12px;
display: none;
}
.slideCupones .slideCuponesCont .slideCuponesInfo .desc {
display: none;
}
.slideCupones .slideCuponesCont .sliderCuponesRes {
display: flex;
justify-content: center;
align-items: center;
/* padding: 12px 8px; */
background-color: #fff;
border-radius: var(--radius-default);
}
.slideCupones .slideCuponesCont .sliderCuponesRes .swiper-wrapper {
display: flex;
align-items: inherit;
}
.slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo {
margin: 0 20px;
padding: 8px;
border-radius: var(--radius-default);
}
.slideCupones .slideCuponesCont .sliderCuponesRes .nombre {
display: block;
font-weight: var(--bold1);
}
.slideCupones .slideCuponesCont .sliderCuponesRes .nombre a {
text-decoration: none;
}
.slideCupones .slideCuponesCont .sliderCuponesRes .img img {
display: block;
width: 100%;
}
.slideCupones .swiper-button-next,
.slideCupones .swiper-button-prev {
font-size: 18px;
}
.slideCupones .slideCuponesCont .sliderCuponesRes .swiper-pagination {
bottom: -6px;
}
.slideCupones .slideCuponesCont .btnInfo {
margin: 8px auto 0;
font-size: 14px;
}
.slideCupones .slideCuponesCont .btnInfo a {
color: #666;
}
.slideCupones3 {
text-align: center;
line-height: 20px;
padding: var(--section-margin) 16px;
}
.slideCupones3:not(:last-child) {
margin: 0;
}
.slideCupones3 .slideCuponesCont {
max-width: var(--max-width);
margin: 0 auto;
width: 100%;
font-size: 16px;
}
.slideCupones3 .slideCuponesCont .switem {}
.slideCupones3 .slideCuponesCont .slideCuponesInfo {
flex-shrink: 0;
display: flex;
align-items: center;
align-content: center;
/* padding: 4px 32px; */
/* background-color: rgba(0,0,0,0.1); */
flex-direction: column;
}
.slideCupones3 .slideCuponesCont .slideCuponesInfo .title2 {
display: block;
/* margin: 0 0 12px; */
width: 100%;
/* font-size: 24px; */
}
.slideCupones3 .slideCuponesCont .slideCuponesInfo .title2:last-child {
margin: 0;
}
.slideCupones3 .slideCuponesCont .slideCuponesInfo .title2:after {
content: "\f061";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-left: 12px;
display: none;
}
.slideCupones3 .slideCuponesCont .slideCuponesInfo .desc {}
.slideCupones3 .slideCuponesCont .sliderCuponesRes {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: var(--radius-default);
padding: 20px 0;
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .switem {
width: calc(33.333% - 12px + 4px)
}
/* 4px es el margen de Swiper */
.slideCupones3 .slideCuponesCont .sliderCuponesRes .swiper-wrapper {
display: flex;
align-items: inherit;
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo {
border-radius: var(--radius-default);
background: #ffffff;
flex: 1;
display: flex;
overflow: hidden;
border: 1px solid #eee;
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo:before {
font-weight: 900;
font-family: "Font Awesome 6 Pro";
content: "\f295";
background: #333;
color: #fff;
width: 60px;
flex-shrink: 1;
display: flex;
justify-content: center;
align-items: center;
display: none;
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo .cuponInfoCont {
width: 100%;
text-align: center;
/* padding: 8px; */
display: flex;
flex-direction: row;
min-height: 120px;
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo .cuponInfoCont .cuponInfoContText {
width: 100%;
min-height: 90px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 8px;
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .img {
overflow: hidden;
width: 120px;
display: flex;
/* align-items: center; */
/* display: none; */
flex-shrink: 0;
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .img a {
display: flex;
/* align-items: center; */
justify-content: center;
width: 100%;
position: relative;
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .img a img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
flex: 1;
position: absolute;
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .nombre {
display: flex;
font-weight: var(--bold1);
align-items: center;
/* padding: 8px; */
width: 100%;
justify-content: center;
margin: 0 0 8px;
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .nombre a {
font-size: 18px;
line-height: 22px;
color: inherit;
text-decoration: none;
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .desc .codigo {
background: rgba(0, 0, 0, 0.05);
padding: 4px 8px;
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes p:not(.nombre):not(.desc) {
max-height: 60px;
overflow: hidden;
position: relative;
min-height: 40px
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes p:not(.nombre):not(.desc):before {
content: "";
width: 100%;
height: 16px;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}
.slideCupones3 .swiper-button-next,
.slideCupones3 .swiper-button-prev {
font-size: 16px;
}
.slideCupones3 .swiper-button-next {
right: 0;
}
.slideCupones3 .swiper-button-prev {
left: 0;
}
.slideCupones3 .swiper-container-horizontal> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
transform: none;
-webkit-transform: none;
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .swiper-pagination {
position: static;
margin-top: 12px;
}
.slideCupones3 .slideCuponesCont .btnInfo {
margin: 8px auto 0;
font-size: 14px;
display: none;
}
.dvBanner.slideCupones {}
.dvBanner.slideCupones .slideCuponesCont {}
.dvBanner.slideCupones .slideCuponesCont .switem {}
.dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo {}
.dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo .title2 {}
.dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo .title2:last-child {}
.dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo .title2:after {}
.dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo .desc {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes {
padding: 0px 0 12px;
}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .switem {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .swiper-wrapper {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo {
margin: 0;
}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo:before {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo .cuponInfoCont {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo .cuponInfoCont .cuponInfoContText {
padding: 0 12px;
}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .img {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .img a {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .img a img {
display: block;
margin: 0 auto 12px;
max-height: 200px;
max-width: 100%;
}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .nombre {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .nombre a {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .desc .codigo {}
.dvBanner.slideCupones .swiper-button-next,
.slideCupones3 .swiper-button-prev {}
.dvBanner.slideCupones .swiper-button-next {
right: 2px;
}
.dvBanner.slideCupones .swiper-button-prev {
left: 2px;
}
.dvBanner.slideCupones .swiper-container-horizontal> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {}
.dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .swiper-pagination {
bottom: 0;
}
.dvBanner.slideCupones .slideCuponesCont .btnInfo {}
/****FORMAS DE PAGO****/
.generic .genericCont .dvFormasPago {
margin-bottom: 20px;
}
.generic .genericCont .dvFormasPago> ul {
list-style: none;
padding: 0;
}
.generic .genericCont .dvFormasPago> ul> li {
margin: 0 0 20px
}
.generic .genericCont .dvFormasPago> ul .dvFormasPagoItem {
margin: 0 0 8px;
padding-top: 20px;
border-top: 2px dashed rgba(0, 0, 0, 0.2);
}
.generic .genericCont .dvFormasPago> ul .dvFormasPagoItem .dvFormasPagoItemNombre {
margin: 0 0 4px;
}
.generic .genericCont .dvFormasPago> ul .dvFormasPagoItem .dvFormasPagoItemNombre> span> b {}
.generic .genericCont .dvFormasPago> ul .dvFormasPagoCards {
list-style: none;
padding: 0;
}
.generic .genericCont .dvFormasPago> ul .dvFormasPagoCards> li {
display: inline-block;
margin: 2px 4px 2px 0;
}
.generic .genericCont .dvFormasPago> ul .dvFormasPagoCards> li img {
width: 70px;
}
#dvAvisoPedMin {
display: flex;
font-weight: var(--bold1);
background: rgba(0, 0, 0, 0.05);
border-radius: 4px;
padding: 8px 16px
}
#dvAvisoPedMin p:last-child {
margin: 0;
}
#dvAvisoPedMin:before {
content: "\f05a";
font-weight: 400;
font-family: "Font Awesome 6 Pro";
margin-right: 8px;
}
/****GASTOS DE ENVÍO****/
.generic .genericCont .dvGastosEnvio {}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa> div {
margin: 0 0 20px;
padding-top: 20px;
border-top: 2px dashed rgba(0, 0, 0, 0.2);
}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa> div> p {
margin: 0 0 8px;
}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa> div img {
display: block;
max-width: 100%;
margin: 0 0 8px;
}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa> div .dvGastosEnvioItemNombre b {
font-size: 120%
}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa> div .dvSecGastosEnvioPrecios {
padding: 12px 16px;
border-radius: 12px;
background: -moz-linear-gradient(top, rgba(240, 240, 240, 0.6) 0%, rgba(240, 240, 240, 1) 100%);
background: -webkit-linear-gradient(top, rgba(240, 240, 240, 0.6) 0%, rgba(240, 240, 240, 0) 100%);
background: linear-gradient(to bottom, rgba(240, 240, 240, 0.6) 0%, rgba(240, 240, 240, 0) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#00f0f0f0', GradientType=0);
}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa> div .dvSecGastosEnvioEnvios .dvSecGastosEnvioEnv .pEnviosA {
margin: 0 0 8px;
}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa> div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios> div {
padding: 8px 0;
}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa> div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios> ul {
padding: 8px 0 8px 16px;
}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa> div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios> div .spnProv {
font-weight: var(--bold1);
margin-bottom: 4px;
display: block;
}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa> div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios> div .comboProvincias {
padding-left: 12px;
margin: 0 0 8px;
}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa> div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios> div> ul {
margin-left: 18px;
}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa> div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios> .ulRecogTiendaEst a {
display: inline-flex;
}
.generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa> div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios> .ulRecogTiendaEst a:after {
content: "\f35d";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-left: 4px;
font-size: 10px;
text-decoration: none;
}
.fichaCupones {
margin: 20px 0 0;
}
/****NEWSLETTER****/
.Newsletter .pTitulo {
font-size: 32px;
line-height: 34px;
opacity: 0.6;
}
.Newsletter .pDesc {}
.Newsletter .pDesc> span {
display: block;
}
.Newsletter #dvNewsletterRegister #dvNewsletterRegisterCont form {
display: flex;
padding: 20px;
border: 4px dashed rgba(0, 0, 0, 0.1);
margin: 0 auto 0 0;
}
.Newsletter #dvNewsletterRegister #dvNewsletterRegisterCont form> div {
width: 50%;
}
.Newsletter #dlNewsletterRegister {
padding: 0 8px;
margin-left: 20px;
}
.Newsletter #dlNewsletterRegister> div> div {
margin: 0 0 8px;
}
.Newsletter #dlNewsletterRegister> div> div label {
display: none;
margin: 0 0 4px;
}
.Newsletter #dlNewsletterRegister input[type="text"],
.Newsletter #dlNewsletterRegister input[type="email"] {
display: block;
width: 100%;
padding: 8px;
border: 0;
background: rgba(0, 0, 0, 0.05);
border-radius: 4px;
}
.Newsletter #dlNewsletterRegister div.dlNewsTac {
margin: 0 0 12px;
}
.Newsletter #dlNewsletterRegister div.dlNewsTac> div {
display: flex;
align-items: center;
justify-content: center;
}
.Newsletter #dlNewsletterRegister div.dlNewsTac div .checkBox {
flex-shrink: 0;
margin-right: 4px;
}
.Newsletter #dlNewsletterRegister div.dlNewsTac .txtTacError {
color: #ff1100;
display: block;
text-align: center;
}
.Newsletter #dlNewsletterRegister .newsletterEnvio {
/* display: flex; */
}
.Newsletter #dlNewsletterRegister .newsletterEnvio .dlCaptcha {
width: 160px;
flex-shrink: 0;
margin: 0 4px 0 0;
}
.Newsletter #dlNewsletterRegister .newsletterEnvio .dvCaptcha .dvOper {
display: flex;
align-items: center;
}
.Newsletter #dlNewsletterRegister .newsletterEnvio .dvCaptcha p {
margin: 0;
}
.Newsletter #dlNewsletterRegister .newsletterEnvio .dvCaptcha span {
display: none;
}
.Newsletter #dlNewsletterRegister .newsletterEnvio> div:last-child {
width: 100%;
}
.Newsletter #dlNewsletterRegister .newsletterEnvio> div:last-child input[type="submit"] {
background: #333;
color: #fff;
border: 0;
padding: 8px 8px;
text-decoration: none;
display: flex;
align-items: center;
text-transform: uppercase;
font-weight: var(--bold1);
justify-content: center;
width: 100%;
border-radius: var(--radius1);
}
.Newsletter #dlNewsletterRegister .newsletterEnvio> div .ddCamposOblig {
display: none;
}
.Newsletter #dlNewsletterRegister .newsletterEnvio> div .pLegal {
font-size: 80%;
line-height: 140%;
margin: 12px 0 0;
}
.dvBtnVolver {
margin: 12px 0;
}
.dvBtnVolver a {
display: inline-flex;
align-items: center;
text-decoration: none;
background: rgba(0, 0, 0, 0.05);
color: #333;
padding: 8px 16px;
border-radius: var(--radius1);
}
.dvBtnVolver a:before {
content: "\f104";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-right: 8px;
font-size: 10px;
}
/****PROMOCIONES****/
.generic .dvPromo {
background: rgba(0, 0, 0, 0.05);
border-left: 8px solid rgba(0, 0, 0, 0.1);
display: flex;
}
.generic .dvPromo.flash {
border-left: 8px solid #f8c931
}
.generic .dvPromo:not(:last-child) {
margin: 0 0 20px;
}
.generic .dvPromo .img {
width: 200px;
flex-shrink: 0;
display: flex;
/* align-items: center; */
justify-content: center;
}
.generic .dvPromo .img a {
display: flex;
width: 100%;
flex: 1;
align-items: flex-start;
justify-content: center;
/* background: rgba(0,0,0,0.05); */
padding: 12px 0 12px 12px;
}
.generic .dvPromo .img a img {
width: 100%;
border-radius: var(--radius-default);
display: block;
}
.generic .dvPromo .left {
padding: 12px;
width: 100%;
font-size: 14px;
line-height: 20px;
display: flex;
flex-direction: column;
justify-content: center;
}
.generic .dvPromo .left .dvPromoNombre {
margin: 0 0 8px;
}
.generic .dvPromo .left a {
font-size: 20px;
line-height: 24px;
}
.generic .dvPromo .right {
width: 320px;
flex-shrink: 0;
background: rgba(0, 0, 0, 0.05);
padding: 20px;
display: flex;
flex-direction: column;
justify-content: center;
}
.generic .dvPromo .right p:not(:last-child) {
margin: 0 0 8px;
}
.generic .dvPromo .right .code {}
.generic .dvPromo .right .code .sin,
.generic .dvPromo .right .code span:first-child {
background: white;
display: block;
text-align: center;
padding: 8px;
border: 2px dashed rgba(0, 0, 0, 0.2);
font-size: 20px;
line-height: 20px;
margin: 0 0 8px;
}
.generic .dvPromo .right .code span:last-child:not(:first-child) {
display: block;
font-size: 14px;
line-height: 16px;
}
.generic .dvPromo .right p.copy,
.generic .dvPromo .right p.nocopy {
font-weight: var(--bold1);
}
.generic .dvPromo .right p.of {
display: block;
text-align: center;
background: #333;
color: #fff;
padding: 8px;
border-radius: 4px;
font-weight: var(--bold1);
}
.generic .dvPromo .right .campExpressDesc {
text-align: center;
}
.generic .dvPromo .right .campExpressDesc .campExpressDescCont> div {
display: block;
}
/*PROMO FLASH*/
.generic .dvPromo.flash {}
.generic .dvPromo.flash .right> p {
font-weight: var(--bold1);
}
.generic .dvPromo.flash .right> p> span {
display: flex;
text-align: center;
background: #333;
color: #fff;
padding: 8px 12px;
border-radius: 4px;
font-weight: var(--bold1);
overflow: hidden;
margin-top: 8px;
justify-content: center;
}
.generic .dvPromo.flash .right> p> span:before {
content: "\f2f2";
font-weight: 400;
font-family: "Font Awesome 6 Pro";
display: inline-block;
margin-right: 8px;
color: #fff;
font-size: 120%;
flex-shrink: 0;
transform: scale(2.4) rotate(-20deg);
opacity: .6;
margin-right: 24px;
}
/****CHEQUES****/
.Cheque .pTitulo {
font-size: 32px;
line-height: 34px;
opacity: 0.6;
}
.Cheque .pDesc {}
.Cheque .pDesc> span {
display: block;
}
.Cheque input[type="text"] {
display: block;
width: 100%;
padding: 8px;
border: 0;
background: rgba(0, 0, 0, 0.05);
border-radius: 4px;
}
#dvValidarChequeRegalo {
border: 4px dashed rgba(0, 0, 0, 0.1);
display: flex;
padding: 20px;
}
#dvValidarChequeRegalo> div {
width: 100%;
}
#dvValidarChequeRegalo> form {
width: 100%;
max-width: 500px;
margin-left: 20px;
}
.Cheque .validarCheque {}
.Cheque .validarCheque> * {
margin: 0 0 8px
}
.Cheque .validarCheque .dvOper {
display: flex;
}
.Cheque .validarCheque .dvOper input {
width: 100%
}
.Cheque .validarCheque .dvOper img {
flex-shrink: 0;
}
.Cheque input[type="submit"] {
background: #333;
color: #fff;
border: 0;
padding: 8px 20px;
text-decoration: none;
display: flex;
align-items: center;
text-transform: uppercase;
font-weight: var(--bold1);
justify-content: center;
width: 100%;
border-radius: var(--radius1);
}
/****CONTACTO****/
#dvContactoCont {
display: flex;
}
#dvContactoInfo {
width: 100%;
}
#dvContactoInfo .ContactoInfo p {
margin: 0 0 8px;
}
#dvContactoInfo .ContactoInfo {}
#dvContactoInfo .ContactoInfo .icoWhatsapp {
display: inline-block;
color: #fff;
background: #128c7e;
width: 22px;
border-radius: 3px;
text-align: center;
font-size: 14px;
line-height: 22px;
margin-left: 8px;
}
#dvContactoInfo .ContactoMapa {
margin-top: 20px;
position: relative;
min-height: 200px;
}
#dvContactoInfo .ContactoMapa iframe {
display: block;
width: 100%;
height: 380px;
}
.dvContactoForm,
#dvContactoPeticionFeita {
padding: 0 0 0 20px;
border-left: 4px dashed rgba(0, 0, 0, 0.1);
max-width: 400px;
flex-shrink: 0;
margin-left: 20px;
display: flex;
flex-direction: column;
justify-content: center;
}
.dvContactoForm .spnContactoTitulo {
display: block;
margin: 0 0 8px;
}
.dvContactoForm .spnContactoTitulo a {
color: inherit;
}
.dvContactoForm .spnContactoCont span {
display: inline-block;
}
#dvContactoResult {
background: rgba(0, 0, 0, 0.05);
padding: 12px;
border-radius: 8px;
margin: 8px 0;
border: 1px solid rgba(0, 0, 0, 0.1)
}
#dvContactoResult b {
text-transform: uppercase;
font-size: 120%;
line-height: 140%;
margin: 0 0 8px;
display: inline-block;
}
#dvContactoInfo .socialLine {
margin-top: 16px;
}
#dvContactoInfo .socialUl {
padding: 0;
}
#dvContactoInfo .socialLine li {
border: 1px solid #ddd;
}
#ulContatoInfo {}
#ulContatoInfo .spnContactoTit {
display: none;
}
#ulContatoInfo .dvContactoFormItem,
#ulContatoInfo .dvContactoFormGroup {
margin: 0 0 12px;
}
#ulContatoInfo input[type="text"],
#ulContatoInfo input[type="tel"],
#ulContatoInfo input[type="email"],
#ulContatoInfo textarea {
display: block;
width: 100%;
padding: 8px;
border: 0;
background: rgba(0, 0, 0, 0.05);
border-radius: 4px;
}
#ulContatoInfo textarea {
resize: vertical;
}
.dvContatoInfoSup {
display: block;
}
.dvContatoInfoSup .dvContactoFormLeft {
width: 100%;
margin-right: 4px;
}
.dvContatoInfoSup .dvContactoFormLeft .dvContactoFormItem {
width: 100%;
}
.dvContatoInfoSup .dvContactoFormLeft .dvContactoFormItem input {
width: 100%;
}
.dvContatoInfoSup .dvContactoFormRight {
width: 100%;
display: flex;
}
.dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem {
width: 100%;
display: flex;
flex-direction: column;
}
.dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo {
flex: 1;
display: flex;
}
.dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo label {
display: flex;
}
.dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo label,
.dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo textarea {
width: 100%;
/* height: 100%; */
}
.dvContatoInfoSub {}
.dvContatoInfoSub .ulContatoInfoSubItem {
display: flex;
justify-content: space-between;
}
.dvContatoInfoSub .ulContatoInfoSubItem .dvContactoInfo:last-child {
width: 100%;
max-width: 400px;
}
.dvContatoInfoSub .tac {
display: block;
margin: 0 0 12px;
}
.dvContatoInfoSub .tac .dvContactoInfo {
display: flex;
align-items: center;
justify-content: center;
line-height: 100%;
}
.dvContatoInfoSub .tac .txtTacError {
display: none;
}
.dvContatoInfoSub .dvCaptcha {
width: 160px;
flex-shrink: 0;
margin: 0 4px 0 0;
}
.dvContatoInfoSub .dvCaptcha .dvOper {
display: flex;
align-items: center;
}
.dvContatoInfoSub .dvCaptcha p {
margin: 0;
}
.dvContatoInfoSub .dvCaptcha .captchaDesc {
display: none;
}
.dvContatoInfoSub input[type="button"] {
background: #333;
color: #fff;
border: 0;
padding: 8px 8px;
text-decoration: none;
display: flex;
align-items: center;
text-transform: uppercase;
font-weight: var(--bold1);
justify-content: center;
width: 100%;
border-radius: var(--radius1);
}
.dvContatoInfoSub .pLegal {
font-size: 80%;
line-height: 140%;
margin: 4px 0 8px;
width: 100%;
opacity: .7
}
/****USUARIOS****/
/*ALTA USUARIOS*/
.usuarios {}
.usuarios #datosFactCiudad,
.usuarios #datosEnvio_ciudad {
display: none;
}
.usuarios .pDatosGenerales {
padding-bottom: 4px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
font-weight: var(--bold1);
}
.usuarios .dvDatosGenerales .dlSeleccPartEmpr {
margin: 0 0 12px;
}
.usuarios .dvDatosGenerales .dlSeleccPartEmpr .radiobtn:nth-of-type(2) {
margin-left: 12px;
}
.usuarios .dvDatosGenerales .altaCampoTitle {
margin: 0 0 4px;
}
.usuarios .dvDatosGenerales .altaCampoTitle .spnInfo {
opacity: 0.8;
font-size: 12px;
margin-left: 4px;
line-height: 12px;
display: inline-block;
}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm {
display: flex;
justify-content: space-between;
border-radius: 8px;
}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm> div {
display: inline-block;
padding: 8px 0;
width: 100%;
}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm> div input[type=text],
.usuarios .dvDatosGenerales> div input[type=email],
.usuarios .dvDatosGenerales> div input[type=password],
.usuarios .dvDatosGenerales> div select,
.usuarios .dvDatosGenerales> div textarea {
display: block;
width: 100%;
padding: 8px;
border: 0;
background: rgba(0, 0, 0, 0.05);
border-radius: 4px;
margin: 0 0 8px;
}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .dvDatosGeneralesFormLeft {
margin-right: 20px;
}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .dvDatosGeneralesFormRight {
border-left: 2px solid rgba(0, 0, 0, 0.05);
padding-left: 20px;
}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaNombre {}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaNombreEmpresa {}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaNombreParticular {}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect {
display: flex;
justify-content: space-between;
}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect span {
width: 24%;
display: block;
flex-shrink: 0;
}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect span:nth-child(2) {
width: 49%
}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha select {
padding: 8px;
border: 0;
border-radius: 4px;
background: rgba(0, 0, 0, 0.05);
width: 100%;
}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaEmail {}
.usuarios .dvDatosGenerales .required {
margin: 0 0 12px;
text-align: right;
font-size: 14px;
}
/*EDITAR USUARIOS*/
.usuarios .modNewsTac {
margin: 20px 0;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.usuarios .modNewsTac .checkText {
margin: 0 0 8px;
display: flex;
}
.usuarios .dvRegister {
margin-top: 12px;
display: flex;
justify-content: space-between;
}
.usuarios .dvRegister input[type="button"] {
background: #333;
color: #fff;
border: 0;
padding: 8px 8px;
text-decoration: none;
display: flex;
align-items: center;
text-transform: uppercase;
font-weight: var(--bold1);
justify-content: center;
width: 100%;
max-width: 200px;
margin-left: 12px;
border-radius: var(--radius1);
}
.usuarios .altaNewsTac {
margin: 12px 0;
overflow: hidden;
display: flex;
flex-direction: column;
/* align-items: flex-end; */
background-color: rgba(0, 0, 0, 0.05);
padding: 12px;
margin-left: calc(50%+ 28px);
border-radius: 4px;
}
.usuarios .altaNewsTac .altaNewsTacCont {}
.usuarios .altaNewsTac .checkText {
display: flex;
}
.usuarios .altaNewsTac .checkText:not(:last-child) {
margin: 0 0 8px;
display: flex;
}
.envioIgual {
margin-bottom: 20px
}
/*INICIO USUARIOS*/
.usuarios .dvUserMod {
padding: 12px;
margin: 0 0 12px;
background-color: rgba(0, 0, 0, 0.05);
border-radius: 4px;
}
.usuarios .dvUserMod:last-child {
margin-bottom: 20px;
}
.usuarios .dvUserMod p.pDatos,
.usuarios .dvUserMod p.pPedidos {
display: flex;
align-items: center;
margin: 0 0 8px;
}
.usuarios .dvUserMod p.pDatos:before,
.usuarios .dvUserMod p.pPedidos:before {
content: "\f105";
font-weight: 600;
font-family: "Font Awesome 6 Pro";
margin-right: 8px;
font-size: 12px;
color: #666;
}
.usuarios .dvUserMod .pDatos a,
.usuarios .dvUserMod .pPedidos a {
font-size: 18px
}
/*RECUPERAR CONTRASEÑA*/
#dvPassRec form {
max-width: 540px;
padding: 12px;
background-color: rgba(0, 0, 0, 0.02);
border-radius: 4px;
}
#dvPassRec .dvDesc {
margin: 0 0 12px;
}
#dvPassRec input[type="email"] {
border: 0;
background: #eee;
border-radius: 4px;
margin: 0 0 8px;
padding: 8px 8px;
width: 100%;
}
#dvPassRec input[type="submit"] {
background: #333;
color: #fff;
border: 0;
padding: 8px 8px;
text-decoration: none;
display: flex;
align-items: center;
text-transform: uppercase;
font-weight: var(--bold1);
justify-content: center;
width: 100%;
max-width: 320px;
margin-top: 20px;
border-radius: var(--radius1);
margin-bottom: 4px;
}
#dvPassRec .dlUserMail {
font-weight: var(--bold1);
margin: 0 0 4px;
}
/*LISTA PEDIDOS*/
#dvPedidosListUserCont {}
#dvPedidosListUserCont .dvNoResults {
margin: 8px 0 0;
padding: 20px;
background: #fff9c4;
border: 1px solid #e2dca7;
border-radius: 4px;
display: flex;
align-items: flex-start;
text-align: left;
justify-content: center;
}
#dvPedidosListUserCont .dvNoResults:before {
content: "\f05a";
font-family: "Font Awesome 6 Pro";
font-weight: 900;
margin: 0 8px 0 0;
font-size: 18px;
line-height: 120%;
}
#dvPedidosListUserCont table {
width: 100%;
text-align: center;
margin: 0 0 40px;
}
#dvPedidosListUserCont table th {
padding: 8px;
background: rgba(0, 0, 0, 0.1);
}
#dvPedidosListUserCont table tr:nth-child(2n+1) {
background: rgba(0, 0, 0, 0.05)
}
#dvPedidosListUserCont table tr td {
padding: 8px;
}
#dvPedidosListUserCont table tr td:first-child {
width: 100px;
min-width: 100px;
}
#dvPedidosListUserCont table tr td:last-child {
width: 120px;
min-width: 120px;
}
#dvPedidosListUserCont table tr td:last-child a {
text-decoration: none;
display: flex;
align-items: center;
}
#dvPedidosListUserCont table tr td:last-child a:after {
content: "\f105";
font-weight: 600;
font-family: "Font Awesome 6 Pro";
margin-left: 8px;
font-size: 12px;
}
/*DETALLES PEDIDO*/
.generic .genericCont #dvDetDetPed {
margin: 0 0 12px;
}
.generic .genericCont #dvDetResumen,
.generic .genericCont #dvDetFactEnv,
.generic .genericCont #dvDetProdObs {
padding: 20px;
background: rgba(0, 0, 0, 0.05);
margin: 0 0 20px;
border-radius: 4px;
}
.generic .genericCont #dvDetResumen p span:last-child {
font-weight: var(--bold1);
}
.generic .genericCont p.pDetFactEnvEnc,
.generic .genericCont p.pDetProdObsEnc,
.generic .genericCont p.pDetProdPedEnc {
margin: 0 0 12px;
font-weight: var(--bold1);
}
.generic .genericCont #dvDetFactEnv {
display: flex;
}
.generic .genericCont #dvDetFactEnv> * {
width: 50%;
padding: 8px;
}
.generic .genericCont #dvDetProdPed {
padding: 12px;
background: rgba(0, 0, 0, 0.05);
margin: 0 0 20px;
border-radius: 4px;
}
.generic .genericCont #dvDetProdPed table {
width: 100%;
text-align: center;
}
.generic .genericCont #dvDetProdPed table.tblDetProdPedProdsCantImp {
border-top: 2px dashed rgba(0, 0, 0, 0.1);
margin-bottom: 8px;
}
.generic .genericCont #dvDetProdPed table.tblDetProdPedProdsCantImp td,
#dvDetProdPed table.tblDetProdPedProdsCantImp th {
padding: 8px;
}
.generic .genericCont #dvDetProdPed table.tblDetProdPedProdsCantImp th:first-child,
#dvDetProdPed table.tblDetProdPedProdsCantImp td:first-child {
text-align: left;
}
.generic .genericCont #dvDetProdPed table td:last-child {
width: 120px;
max-width: 120px;
min-width: 120px;
}
.generic .genericCont #dvDetProdPed table.tblDetProdPedTotales td {
padding: 4px 8px;
}
.generic .genericCont #dvDetProdPed table.tblDetProdPedTotales td:first-child {
text-align: right;
}
.generic .genericCont #dvDetProdPed table.tblDetProdPedTotales tr:last-child {
font-weight: var(--bold1);
}
.generic .genericCont #dvDetPedUserBtns {
text-align: center;
}
.generic .genericCont #dvDetPedUserBtns p {
display: inline-block;
margin: 4px 2px;
}
.generic .genericCont #dvDetPedUserBtns a {
display: inline-block;
padding: 8px 23px;
background: rgba(0, 0, 0, 0.8);
color: #fff;
text-decoration: none;
border-radius: 4px;
}
.generic .genericCont #dvDetPedUserBtns a:after {
content: "\f105";
font-weight: 600;
font-family: "Font Awesome 6 Pro";
margin-left: 8px;
font-size: 12px;
}
.generic .genericCont #dvDetPedUserReped {
text-align: center;
}
.generic .genericCont #dvDetPedUserReped p {
display: inline-block;
margin: 4px 2px;
}
.generic .genericCont #dvDetPedUserReped a {
display: inline-block;
padding: 8px 23px;
border: 1px solid rgba(0, 0, 0, 0.8);
color: rgba(0, 0, 0, 0.8);
text-decoration: none;
border-radius: 4px;
}
.generic .genericCont #dvDetPedUserReped a:after {
content: "\f105";
font-weight: 600;
font-family: "Font Awesome 6 Pro";
margin-left: 8px;
font-size: 12px;
}
.btnPromo a {
display: block;
background: #333;
color: #fff;
text-decoration: none;
border-radius: 4px;
padding: 6px 12px;
}
/*BORRAR USUARIO*/
.generic .genericCont #dvDelUserCont .dvDelUserForm> div {
max-width: 460px;
}
.generic .genericCont #dvDelUserCont .dvDelUserForm .pDelUserFormBtn {
max-width: 460px;
}
.generic .genericCont #dvDelUserCont .pDelUserFormCampOblig {
text-align: right;
font-size: 12px;
color: #999;
display: block;
}
/*VER CARRITO*/
.loggedCart {
animation: blink 3s;
-webkit-animation: blink 3s;
}
.loggedCart> p {
background-color: #c3e6cb;
color: #155724;
padding: 4px;
border: 1px solid #c3e6cb;
border-radius: 4px;
display: flex;
margin-bottom: 12px;
justify-content: center;
align-items: center;
line-height: 120%;
}
.loggedCart> p:before {
content: "\f00c";
font-family: "Font Awesome 6 Pro";
font-weight: 900;
margin: 0 8px 0 0;
font-size: 18px;
line-height: 120%;
}
#dvCestaCont {
margin: 0 0 20px;
}
.dvCabRealizarPedidoMetodo .dvCabRealizarPedidoMetodoInt {
padding-bottom: 4px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
font-weight: var(--bold1);
margin: 0 0 12px;
}
#tblVerCesto {
width: 100%;
text-align: left;
margin: 0 0 8px;
/* border: 1px solid rgba(0,0,0,0.05); */
border-radius: 8px;
overflow: hidden;
box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.05);
}
#tblVerCesto> tbody> tr:first-of-type {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding: 4px
}
#tblVerCesto> tbody> tr:first-of-type th {
padding: 8px 12px;
text-transform: uppercase;
background: rgba(0, 0, 0, 0.05);
}
#tblVerCesto #trLineaTotal td {
border: 0;
}
#tblVerCesto> tbody> tr> td {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding: 8px;
position: relative;
}
#tblVerCesto> tbody> tr> td:first-child,
#dvCartConProds #dvProds table tr th:first-child {
text-align: left;
}
#tblVerCesto> tbody> tr> td:first-child a:first-child {
display: flex;
align-items: center;
}
#tblVerCesto> tbody> tr> td:first-child a img {
width: 80px;
margin-right: 12px;
}
#tblVerCesto .trProductoCesta .tdNombreProducto a {
color: #666;
text-decoration: none;
font-weight: var(--bold1);
display: flex;
flex-flow: row wrap;
}
#tblVerCesto .trProductoCesta .tdNombreProducto a> span:not(:last-child) {
margin-right: 4px;
}
#tblVerCesto .trProductoCesta .tdNombreProducto .dvObvProd {
opacity: .8;
font-size: 80%;
line-height: 120%;
margin: 4px 0;
padding: 12px;
border-radius: 4px;
background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 1%, rgba(0, 0, 0, 0) 100%);
background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 1%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 1%, rgba(0, 0, 0, 0) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000', GradientType=1);
}
#tblVerCesto .trProductoCesta .tdNombreProducto .dvObvProd p {
font-style: italic;
}
#tblVerCesto .trProductoCesta .tdNombreProducto .dvObvProd:before {
content: "\f27a";
font-weight: 600;
font-family: "Font Awesome 6 Pro";
display: inline-block;
margin-right: 8px;
}
.tdNombreProducto> div {
display: flex;
align-items: center;
}
.attachedFiles {
display: inline-flex !important;
padding: 0 8px;
background: rgba(0, 0, 0, 0.06);
border-radius: 24px;
line-height: 1;
font-weight: var(--bold1);
min-height: 24px;
align-items: center;
justify-content: center;
color: #666;
}
.attachedFiles:before {
content: "\f0c6";
font-weight: 600;
font-family: "Font Awesome 6 Pro";
display: inline-block;
margin-right: 4px;
}
#tblVerCesto .trProductoCesta .tdNombreProducto .attachedFiles {}
#tblVerCesto .trProductoCesta .tdEliminaProducto {
width: 32px;
text-align: center;
position: relative;
}
#tblVerCesto .trProductoCesta .tdEliminaProducto:before {
content: "\f057";
font-weight: 600;
font-family: "Font Awesome 6 Pro";
font-size: 12px;
color: #dd2c00;
}
#tblVerCesto .trProductoCesta .tdEliminaProducto a {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
#tblVerCesto .trProductoCesta .tdImporteProducto,
#tblVerCesto #thImporteProducto,
#tblVerCesto .tdImporteTotalProducto {
width: 180px;
text-align: right;
}
#tblVerCesto .tdImporteTotalProducto> span:last-child {
font-size: 12px;
line-height: 16px;
opacity: 0.8;
display: block;
}
#tblVerCesto #thCantidadProducto,
#tblVerCesto .tdCantidadProducto {
width: 120px;
text-align: center;
}
#tblVerCesto .tdCantidadProducto> div {
display: block;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 4px;
max-width: 100px;
}
#tblVerCesto .tdCantidadProducto> div> table {
width: 100%;
}
#tblVerCesto .tdCantidadProducto td {
/* border-right: 1px solid rgba(0,0,0,0.25); */
padding: 4px;
}
#tblVerCesto .tdCantidadProducto td:last-child {
border: 0;
}
#tblVerCesto .tdCantidadProducto a {
text-decoration: none;
color: inherit;
display: flex;
/* width: 20px; */
justify-content: center;
line-height: 20px;
padding: 0 4px;
}
#tblVerCesto .tdCantidadProducto .lnkSumCantCarrito:after,
#tblVerCesto .tdCantidadProducto .lnkRestCantCarrito:after {
font-weight: 900;
font-family: "Font Awesome 6 Pro";
font-size: 10px;
display: block;
}
#tblVerCesto .tdCantidadProducto .lnkSumCantCarrito:after {
content: "\f067";
}
#tblVerCesto .tdCantidadProducto .lnkRestCantCarrito:after {
content: "\f068";
}
#tblVerCesto .tdCantidadProducto .tdCantidadTotal {
padding: 0px;
background-color: rgba(0, 0, 0, 0.05);
}
#tblVerCesto .tdCantidadProducto .tdCantidadTotal input {
height: 28px;
width: 36px;
text-align: center;
border: 0;
font-size: 14px;
background: transparent;
}
#tblVerCesto .tdCantidadTotal .spnTotalCarrito {
display: block;
text-align: right;
font-weight: var(--bold1);
}
#tblVerCesto .trTotal {
background-color: rgba(0, 0, 0, 0.02);
}
#tblVerCesto .trTotal .spnTotalCarrito {
font-weight: var(--bold1);
}
#dvCestaCont .pIncremPed .spnIncremPed {
font-size: 12px;
line-height: 16px;
opacity: 0.6;
text-align: right;
display: block;
}
#tblVerCesto .trTotal #liPagaMasTardeSim {
display: flex;
justify-content: flex-end;
}
#tblVerCesto .trTotal #liPagaMasTardeSim .PmtSimulator iframe {
max-width: 360px;
display: block;
}
#tblVerCesto .trTotal #liPagaMasTardeSim {
margin-top: 12px;
display: flex;
justify-content: center;
padding: 2px;
border-radius: 8px;
max-width: 440pX;
}
#tblVerCesto .trTotal #liPagaMasTardeSim:empty {
display: none;
}
/*#tblVerCesto .trTotal #liPagaMasTardeSim:not(:empty):before { content: url('../images/formaspago/pmt.svg'); display: flex; align-items: center; height: 40px; width: 96px; justify-content: center; font-family: "Font Awesome 6 Pro"; font-size: 40px; line-height: 40px; border-radius: var(--radius1); margin-right: 2px; color: #fff; font-weight: 900;}*/
#tblVerCesto .trTotal #liPagaMasTardeSim .PmtSimulator {
max-width: 360px;
width: 100%;
border-radius: 8px;
overflow: hidden;
}
#tblVerCesto .trTotal #liPagaMasTardeSim #tblVerCesto .trTotal #liPagaMasTardeSim .PmtSimulator iframe {
max-width: 360px;
display: block;
}
/*Portes no incluidos*/
span.portesNoIncluidos {
display: flex;
font-size: 90%;
line-height: 110%;
text-decoration: none;
font-style: normal;
opacity: .9;
font-weight: normal;
margin: 8px 0 4px;
}
span.portesNoIncluidos:before {
content: "\f05a";
font-weight: 600;
font-family: "Font Awesome 6 Pro";
margin-right: 4px;
flex-shrink: 0;
}
#tblResumenProds {
width: 100%;
text-align: left;
margin: 0 0 8px;
/* border: 1px solid rgba(0,0,0,0.05); */
border-radius: 8px;
overflow: hidden;
box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.05);
}
#tblResumenProds> tbody> tr:first-of-type {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding: 4px
}
#tblResumenProds> tbody> tr:first-of-type th {
padding: 8px 12px;
text-transform: uppercase;
background: rgba(0, 0, 0, 0.05);
}
#tblResumenProds #trLineaTotal td {
border: 0;
}
#tblResumenProds> tbody> tr> td {
padding: 8px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
#tblResumenProds> tbody> tr> td:first-child,
#dvCartConProds #dvProds table tr th:first-child {
text-align: left;
}
#tblResumenProds> tbody> tr> td:first-child a:first-child {
display: flex;
align-items: center;
}
#tblResumenProds> tbody> tr> td:first-child a img {
width: 48px;
margin-right: 12px;
}
#tblResumenProds> tbody> tr> td> .attachedFiles:before {
content: "\f0c6";
font-weight: 600;
font-family: "Font Awesome 6 Pro";
display: inline-block;
margin-right: 8px;
}
#tblResumenProds .trProductoCesta {}
.tdNombreProducto> div {
display: flex;
align-items: center;
}
#tblResumenProds .trProductoCesta .tdEliminaProducto {
width: 32px;
text-align: right;
}
#tblResumenProds .trProductoCesta .tdEliminaProducto:before {
content: "\f057";
font-weight: 600;
font-family: "Font Awesome 6 Pro";
font-size: 12px;
color: #dd2c00;
}
#tblResumenProds .trProductoCesta .tdImporteProducto,
#tblResumenProds .thImporte {
width: 240px;
text-align: right;
}
#tblResumenProds .tdImporte,
#tblResumenProds .tdImportesSumario {
width: 180px;
text-align: right;
}
#tblResumenProds .tdSumario p {
margin: 0 0 8px;
padding-bottom: 4px;
}
#tblResumenProds .tdImportesSumario p {
margin: 0 0 8px;
padding-bottom: 4px;
}
#tblResumenProds .tdImportesSumario p:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
#tblResumenProds .tdImporte> span:last-child {
font-size: 12px;
line-height: 16px;
opacity: 0.8;
display: block;
}
#tblResumenProds .thCantidad,
#tblResumenProds .tdCantidad {
width: 120px;
text-align: center;
}
#tblResumenProds .tdCantidadProducto> div {
display: block;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 4px;
max-width: 140px;
}
#tblResumenProds .tdCantidadProducto> div> table {
width: 100%;
}
#tblResumenProds .tdCantidadTotal .spnTotalCarrito {
display: block;
text-align: right;
font-weight: var(--bold1);
}
#tblResumenProds .trTotal {
background-color: rgba(0, 0, 0, 0.02);
}
#tblResumenProds .trTotal .spnTotalCarrito {
font-weight: var(--bold1);
}
#dvCestaCont .cestaEnvioGratis {
display: inline-block;
}
#dvCestaCont .cestaEnvioGratis a {
font-size: 90%;
padding: 0px 12px;
border-radius: 4px;
display: inline-flex;
margin: 4px 0;
align-items: center;
text-decoration: none;
color: #333;
justify-content: center;
padding: 12px 20px;
background: #e8f5e9;
border: 1px solid #c8e6c9;
font-weight: var(--bold1);
line-height: 120%;
}
#dvCestaCont .cestaEnvioGratis a:before {
content: "\f48b";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-right: 8px;
font-size: 18px;
line-height: 18px;
text-align: center;
}
#dvCestaCont #dvImporteMin {
font-weight: var(--bold1);
display: inline-block;
}
/*Cupones*/
#dvCuponesCarrito {
background: rgba(0, 0, 0, 0.05);
border-radius: 8px;
padding: 20px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
flex-flow: row wrap;
margin-top: 20px;
}
#dvCuponesCarrito> p {
margin: 8px 0;
padding: 0;
font-weight: var(--bold1);
font-size: 24px;
line-height: 28px;
max-width: 59%;
flex-shrink: 0;
}
#dvCuponesCarrito> p> span {
font-size: 14px;
line-height: 16px;
opacity: .8;
display: block;
margin-top: 8px;
}
#dvCuponesCarrito .aplicados,
#dvCuponesCarrito .aplicar,
#dvCuponesCarrito .aplicables {
/* margin: 0 0 12px; */
/* padding: 12px; */
}
#dvCuponesCarrito .aplicados:not(:last-child),
#dvCuponesCarrito .aplicar:not(:last-child),
#dvCuponesCarrito .aplicables:not(:last-child) {
/* border-bottom: 2px dashed rgba(0,0,0,0.1); */
/* padding-bottom: 12px; */
}
#dvCuponesCarrito .aplicables {
order: 3;
margin-top: 12px;
width: 100%;
}
#dvCuponesCarrito .aplicar {
/* background: rgba(0,0,0,0.1); */
padding: 0;
display: flex;
/* justify-content: space-between; */
align-items: center;
flex-flow: row wrap;
/* margin-top: 8px; */
width: 100%;
MAX-WIDTH: 40%;
}
#dvCuponesCarrito .aplicar> p:first-child,
#dvCuponesCarrito .aplicables> p:first-child {
font-weight: var(--bold1);
margin: 0 0 8px;
display: flex;
align-items: flex-start;
line-height: 100%;
}
#dvCuponesCarrito .aplicar> p:first-child,
#dvCuponesCarrito .aplicar> p {
margin: 0 8px 0 0;
display: none;
}
#dvCuponesCarrito .aplicar> p:first-child:before,
#dvCuponesCarrito .aplicables> p:first-child:before {
content: "\f105";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
font-size: 14px;
margin-right: 8px;
/* margin-top: 4px; */
}
#dvCuponesCarrito .aplicar> p.aplicarInput {
flex: 1;
display: flex;
margin: 0;
width: 100%;
justify-content: flex-end;
}
#dvCuponesCarrito .aplicar> div.novalido {
width: 100%;
color: #dd2c00;
font-weight: var(--bold1);
background: rgba(255, 255, 255, 0.8);
text-align: center;
padding: 4px;
border-radius: 4px;
margin-top: 8px;
}
#dvCuponesCarrito .aplicar input[type="text"] {
border: 0;
background: #ffffff;
border-radius: 4px 0 0 4px;
padding: 8px 12px;
width: 100%;
margin: 0;
border: 2px solid rgba(0, 0, 0, 0.1);
}
#dvCuponesCarrito .aplicar a {
border: 0;
padding: 4px 12px;
text-decoration: none;
display: inline-flex;
align-items: center;
text-transform: uppercase;
font-weight: var(--bold1);
justify-content: center;
width: 100%;
max-width: 120px;
border-radius: 0 4px 4px 0;
margin-left: 0;
background: rgba(0, 0, 0, 0.1);
color: #333;
}
#dvCuponesCarrito .aplicar a:before {
content: "\f067";
font-weight: 600;
font-family: "Font Awesome 6 Pro";
font-size: 14px;
margin-right: 8px;
}
#dvCuponesCarrito .aplicar label {
display: inline-flex;
}
#dvCuponesCarrito .aplicar> p.aplicarInput> label:first-child {
width: 100%;
max-width: 400px;
}
#dvCuponesCarrito .coupon-row {
background: #fff;
padding: 8px 16px;
border-radius: var(--radius-default);
}
#dvCuponesCarrito .coupon-row:not(:last-child) {
margin: 0 0 8px;
}
#dvCuponesCarrito .cupon {
display: flex;
justify-content: space-between;
align-items: center;
}
#dvCuponesCarrito .coupon-row .desc {
display: none;
margin-top: 8px;
font-size: 14px;
line-height: 18px;
opacity: 0.8;
padding-top: 8px;
border-top: 1px dashed rgba(0, 0, 0, 0.2)
}
#dvCuponesCarrito .cupon> p {
margin: 0;
}
#dvCuponesCarrito .cupon .nombre {
font-weight: var(--bold1);
margin-right: 8px;
}
#dvCuponesCarrito .cupon .codigo {
padding: 2px 8px;
border-left: 2px solid rgba(0, 0, 0, 0.1);
border-right: 2px solid rgba(0, 0, 0, 0.1);
margin: 2px 8px 2px 0;
display: inline-block;
}
#dvCuponesCarrito .cupon .info {
color: #007aff;
/* margin-left: 8px; */
text-decoration: underline;
cursor: pointer;
display: inline-block;
}
#dvCuponesCarrito .cupon .aplica {
flex-shrink: 0;
}
#dvCuponesCarrito .cupon .aplica a {
display: block;
text-decoration: none;
color: rgba(0, 0, 0, 0.8);
padding: 4px 8px;
border-radius: 4px;
margin-left: 20px;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
background: rgba(0, 0, 0, 0.05);
}
#dvCuponesCarrito .cupon .aplica a:before {
content: "\f067";
font-weight: 600;
font-family: "Font Awesome 6 Pro";
margin-right: 8px;
font-size: 12px;
}
#dvCuponesCarrito .aplicados {
margin: 0 0 20px;
order: 1;
width: 100%;
margin-top: 4px !important;
}
#dvCuponesCarrito .aplicados> div {
background: #fff;
padding: 8px 16px;
border-radius: var(--radius-default);
}
#dvCuponesCarrito .aplicados> div:not(:last-child) {
margin: 0 0 8px;
}
#dvCuponesCarrito .aplicados> div> div {
display: flex;
justify-content: space-between;
align-items: center;
}
#dvCuponesCarrito .aplicados> div> div.couponSelect {
display: block;
margin: 12px 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 8px;
}
#dvCuponesCarrito .aplicados> div> div.couponSelect> p {
flex-shrink: 0;
margin: 0 0 4px;
font-weight: bold;
}
#dvCuponesCarrito .aplicados> div> div.couponSelect> div {
display: flex;
border: 0;
box-shadow: none;
background-color: transparent;
}
#dvCuponesCarrito .aplicados> div> div.couponSelect> div .trProductoCesta {
/* width: 100%; */
border: 0;
background-color: transparent;
margin: 4px;
}
#dvCuponesCarrito .aplicados> div> div.couponSelect> div .trProductoCesta .tdNombreProducto {
display: inline-flex;
margin: 4px 0;
/* align-items: center; */
background-color: rgba(0, 0, 0, 0.05);
padding: 0;
border-radius: 4px;
overflow: hidden;
}
#dvCuponesCarrito .aplicados> div> div.couponSelect> div .trProductoCesta .tdNombreProducto .radiobtn> span:before {
margin: 0;
}
#dvCuponesCarrito .aplicados> div> div.couponSelect> div .trProductoCesta .tdNombreProducto> div {
width: 32px;
background-color: rgba(0, 0, 0, 0.05);
justify-content: center;
flex-shrink: 0;
}
#dvCuponesCarrito .aplicados> div> div.couponSelect> div .trProductoCesta .tdNombreProducto> a {
padding: 8px;
display: inline-flex;
align-items: center;
}
#dvCuponesCarrito .aplicados> div> div.couponSelect> div .trProductoCesta .tdNombreProducto> a img {
display: block;
max-width: 56px;
border-radius: 4px;
margin-left: 8px;
}
#dvCuponesCarrito .aplicados> div> div.couponSelect> div .trProductoCesta .tdNombreProducto> a.lnkExterno {}
#dvCuponesCarrito .aplicados> div> div> * {
display: inline-flex;
align-items: center;
flex-flow: row wrap;
}
#dvCuponesCarrito .aplicados:not(:last-child) {
margin: 0;
}
#dvCuponesCarrito .aplicados .desc {
display: none;
margin-top: 8px;
}
#dvCuponesCarrito .aplicados> p {
margin: 0;
}
#dvCuponesCarrito .aplicados .nombre {
font-weight: var(--bold1);
display: inline-flex;
align-items: center;
margin: 4px 12px 4px 0;
}
#dvCuponesCarrito .aplicados> div .nombre:before {
content: "\f00c";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
font-size: 24px;
margin-right: 8px;
color: #66bb6a;
}
#dvCuponesCarrito .aplicados .codigo {
padding: 4px 8px;
background-color: rgba(0, 0, 0, 0.05);
border-radius: 4px;
margin-right: 12px;
display: inline-block;
}
#dvCuponesCarrito .aplicados .info {
color: #666;
background-color: #f0f0f0;
padding: 4px 8px;
border-radius: 4px;
margin: 4px 4px 4px 0;
cursor: pointer;
font-size: 12px;
line-height: 14px;
}
#dvCuponesCarrito .aplicados .info:before {
content: "\f05a";
font-family: "Font Awesome 6 Pro";
margin-right: 4px;
}
#dvCuponesCarrito .aplicados .info> span {}
#dvCuponesCarrito .aplicados .eliminar a {
color: #dd2c00;
font-size: 12px;
display: block;
padding: 8px;
}
/*Regalo*/
#dvAceptRegalo {
padding: 0px;
margin: 4px 0 0;
border-radius: 8px;
background: -moz-linear-gradient(top, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 1) 100%);
display: flex;
align-items: center;
}
#dvAceptRegalo> div> div> p:before {
content: "\f06b";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-right: 6px;
/* border-right: 1px solid rgba(0,0,0,0.1); */
display: flex;
align-items: center;
flex-shrink: 0;
font-size: 20px;
}
#dvAceptRegalo .dvAceptRegaloCont {
display: flex;
align-items: center;
flex-flow: row wrap;
}
#dvAceptRegalo> div> div {
margin: 0;
}
#dvAceptRegalo> div> div.checkBoxCont {
display: inline-flex;
margin: 4px 8px 4px 0;
}
#dvAceptRegalo> div> div> p {
font-weight: var(--bold1);
margin: 0;
display: flex;
}
#dvAceptRegalo> div> div> p span:last-child {
display: inline-block;
}
#dvAceptRegalo .pRegaloDesc {
margin: 4px 0;
font-size: 14px;
line-height: 18px;
display: inline-block;
align-self: flex-end;
justify-self: flex-end;
}
#dvAceptRegalo .pRegaloDesc span a {
color: #666;
background-color: rgba(0, 0, 0, 0.05);
padding: 4px 8px;
border-radius: 4px;
margin: 4px 4px 4px 0;
cursor: pointer;
font-size: 12px;
line-height: 14px;
text-decoration: none;
}
#dvAceptRegalo .pRegaloDesc span a:before {
content: "\f05a";
font-family: "Font Awesome 6 Pro";
margin-right: 4px;
}
#dvAceptRegalo .pRegaloDesc .allcontent {
margin: 8px 0;
}
#dvAceptRegalo #dvObservacCli input {
border: 1px solid #eee;
background: #fff;
border-radius: 4px;
margin: 0 0 8px;
padding: 8px 8px;
width: 100%;
box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.05);
}
/*Facturacion*/
#frmDatosCompra {}
.datosCompra {
display: flex;
flex-flow: row-reverse;
overflow: hidden;
align-items: flex-start;
}
.datosCompra .datosCompraRight {
width: 360px;
flex-shrink: 0;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0a000000', endColorstr='#00000000', GradientType=0);
border-radius: 8px 8px 0 0;
}
.datosCompra .datosCompraLeft {
width: 100%;
margin-right: 40px;
}
.datosCompra .dvCabRealizarPedidoMetodo .dvCabRealizarPedidoMetodoInt {
padding: 16px 16px 0;
margin: 0;
border: 0;
font-size: 24px;
line-height: 24px;
}
.datosCompra .datosCompraRight #tblVerCesto {
box-shadow: none;
padding: 12px 0 0;
}
.datosCompra .datosCompraRight #tblVerCesto,
.datosCompra .datosCompraRight #tblVerCesto> tbody,
.datosCompra .datosCompraRight #tblVerCesto> td,
.datosCompra .datosCompraRight #tblVerCesto> tr {
display: block;
width: 100%;
}
.datosCompra .datosCompraRight #tblVerCesto> th,
#tblVerCesto table th,
#tblVerCesto> tbody> tr:first-of-type {
display: none;
}
.datosCompra .datosCompraRight #tblVerCesto #thCantidadProducto,
.datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto,
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto #thImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto,
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto {
width: 100%;
}
.datosCompra .datosCompraRight #tblVerCesto> tbody> tr> td {
padding: 8px 0px 4px;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta {
display: flex;
flex-flow: row wrap;
margin: 0 0 8px;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0a000000', GradientType=0);
padding: 0 4px;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta:nth-last-child(2) {
margin: 0;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdNombreProducto {
width: 100%;
border: 0 !important;
PADDING: 8px 12px 4px;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdCantidadProducto {
width: 45%;
padding: 4px 12px;
max-width: 112px;
}
.datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto .tdCantidadTotal {
padding: 0;
}
.datosCompra #tblVerCesto .tdCantidadProducto .tdCantidadTotal input {
padding: 0;
width: 28px;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto {
width: 45%;
text-align: center;
display: flex;
align-items: center;
justify-content: flex-end;
font-weight: var(--bold1);
font-size: 130%;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto {
width: 10%;
display: flex;
align-items: center;
justify-content: center;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto:before {
font-size: 14px;
}
.datosCompra .datosCompraRight #tblVerCesto> tbody> tr> td:first-child a img {
width: 48px;
border-radius: 4px;
}
.datosCompra .datosCompraRight #tblVerCesto .trTotal {
font-weight: var(--bold1);
display: block;
padding: 0 12px;
/* background: transparent; */
}
.datosCompra .datosCompraRight #tblVerCesto .trTotal> td:first-child,
.datosCompra #tblVerCesto .trTotal> td:last-child {
display: none;
}
.datosCompra .datosCompraRight #tblVerCesto .trTotal> td:first-child:not(:empty) {
display: none;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto #thImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto {
font-size: 16px;
flex: 1;
line-height: 16px;
}
.datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto {
padding: 20px 8px;
}
.datosCompra .datosCompraRight .trTotal .spnTotalCarrito {
font-size: 130%;
}
.datosCompra #dvCestaCont .pIncremPed .spnIncremPed {
padding: 0 12px;
}
.datosCompra #dvCestaCont .cestaEnvioGratis,
.datosCompra #dvCestaCont .cestaEnvioGratis a,
.datosCompra #dvCestaCont .cestaEnvioGratis a span {
width: 100%;
}
.carritoDatos {}
.carritoDatos input[type=text],
.carritoDatos input[type=tel],
.carritoDatos input[type=email],
.carritoDatos textarea,
.carritoDatos select {
border: 1px solid #eee;
background: #f0f0f0;
border-radius: 4px;
margin: 0;
padding: 8px 8px;
width: 100%;
/* box-shadow: inset 0 0 4px rgba(0,0,0,0.05); */
}
.carritoDatos textarea::placeholder {
font-size: 14px;
line-height: 16px;
font-style: italic;
opacity: .8
}
.carritoDatos .radiobtn:not(:last-child) {
margin-right: 8px;
}
.carritoDatos .carritoDatosLeft {}
.carritoDatos .carritoDatosRight {}
.carritoDatos .carritoDatosRight .carritoFacturacion,
.carritoDatos .carritoDatosRight .carritoEnvio,
.carritoDatos .carritoDatosRight .carritoPago,
.carritoDatos .carritoDatosLeft .carritoObservaciones {
margin: 0 0 20px;
padding: 20px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-left-width: 12px !important;
border-radius: 8px;
border-width: 0;
box-shadow: inset 0px -10px 140px rgba(0, 0, 0, 0.05);
}
.carritoDatos .carritoDatosLeft .carritoObservaciones textarea {
height: 88px;
}
.carritoDatos .carritoDatosRight .carritoFacturacion {
border-color: #cfd8dc;
}
.carritoDatos .carritoDatosRight .carritoEnvio {
border-color: #b0bec5;
}
.carritoDatos .carritoDatosRight .carritoPago {
border-color: #90a4ae;
}
.carritoDatos .carritoDatosLeft .carritoObservaciones {
border-color: #b0bec5;
}
.carritoDatos .carritoDatosRight .carritoFacturacion ul,
.carritoDatos .carritoDatosRight .carritoEnvio ul,
.carritoDatos .carritoDatosRight .carritoPago ul {
list-style: none;
padding: 0;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
}
.carritoDatos .carritoDatosRight .carritoFacturacion ul li,
.carritoDatos .carritoDatosRight .carritoEnvio ul li {
width: 49%;
}
.carritoDatos .carritoDatosRight .carritoFacturacion ul li.liObli,
.carritoDatos .carritoDatosRight .carritoEnvio ul li.liObli,
.carritoDatos .carritoDatosRight .carritoFacturacion ul li.li100,
.carritoDatos .carritoDatosRight .carritoEnvio ul li.li100 {
width: 100%;
}
.carritoDatos .carritoDatosRight .carritoFacturacion ul li div,
.carritoDatos .carritoDatosRight .carritoEnvio ul li div,
.carritoDatos .carritoDatosRight .carritoPago ul li div {
margin: 0 0 4px;
}
.carritoDatos .carritoDatosRight .carritoFacturacion ul li div> span:not(.field-validation-error),
.carritoDatos .carritoDatosRight .carritoPago ul li div> span {
margin: 4px 0;
display: block;
font-size: 12px;
line-height: 12px;
}
.carritoDatos .carritoDatosRight .carritoEnvio ul li div> span {
margin: 0 0 4px;
display: block;
}
.carritoDatos .carritoDatosRight .carritoFacturacion ul li div> span.field-validation-valid {
margin: 0;
}
.carritoFacturacion .spnApartEnvFactTit,
.carritoEnvio .spnApartEnvFactTit,
.carritoDatos .spnApartEnvFactTit,
.carritoObservaciones .spnApartEnvFactTit,
.datosCompra #spnCabRealizarPedidoIntBlan {
display: flex;
padding-bottom: 4px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
font-weight: var(--bold1);
margin: 0 0 8px;
text-transform: uppercase;
align-items: center;
font-size: 18px;
width: 100%;
}
.carritoFacturacion .spnApartEnvFactTit:before,
.carritoEnvio .spnApartEnvFactTit:before,
.carritoPago .spnApartEnvFactTit:before,
.carritoObservaciones .spnApartEnvFactTit:before,
.datosCompra #spnCabRealizarPedidoIntBlan:before {
font-weight: 900;
font-family: "Font Awesome 6 Pro" !important;
padding: 4px;
display: flex;
align-items: center;
flex-shrink: 0;
font-size: 24px;
line-height: 24px;
margin: 0 4px 0 0;
align-self: flex-start;
}
.carritoFacturacion .spnApartEnvFactTit:before {
content: "\f277";
}
.carritoEnvio .spnApartEnvFactTit:before {
content: "\f48b";
}
.carritoPago .spnApartEnvFactTit:before {
content: "\f09d";
}
.carritoObservaciones .spnApartEnvFactTit:before {
content: "\f27a";
}
.datosCompra #spnCabRealizarPedidoIntBlan:before {
content: "\f07a";
}
.carritoFacturacion .spnApartEnvFactTit span span,
.carritoEnvio .spnApartEnvFactTit span span,
.carritoDatos .spnApartEnvFactTit span span {
font-size: 14px;
display: inline-block;
opacity: 0.8;
line-height: 16px;
}
.carritoFacturacion #dvApartEnvFactRdBt,
.carritoEnvio .dvAcepEnv {
margin: 0 0 12px;
}
.carritoEnvio .dvAcepEnv {
display: flex;
gap: 8px;
}
.carritoEnvio .dvAcepEnv.oculto{
display:none;
}
.carritoEnvio .radioEnvio {}
.carritoEnvio .radioEnvio input[type="radio"] {
opacity: 0;
position: absolute;
}
.carritoEnvio .radioEnvio label {
display: inline-flex;
gap: 8px;
align-items: center;
background: #fff;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
padding: 8px 12px;
border-radius: 8px;
opacity: 0.5;
cursor: pointer;
}
.carritoEnvio .radioEnvio label:after,
.carritoEnvio .radioEnvio label:before {
font-weight: 900;
font-family: "Font Awesome 6 Pro";
}
.carritoEnvio .radioEnvio label:after {
color: #999999;
margin: 0 0 0 auto;
width: 24px;
text-align: center;
}
.carritoEnvio .radioEnvio input[type="radio"]:checked + label {
opacity: 1;
font-weight: var(--bold1);
}
.carritoEnvio .radioEnvio input[type="radio"]:checked + label:before {
content: "\f00c";
margin-right: 4px;
}
.carritoEnvio .radioEnvio.radioEnvio--normal label:after {
content: "\f015"
}
.carritoEnvio .radioEnvio.radioEnvio--recogida label:after {
content: "\f3c5"
}
.carritoEnvio .radioEnvio.radioEnvio--punto label:after {
content: "\f54e"
}
.carritoPuntoRecogida > div {
display: grid;
grid-template-columns: 60px auto;
gap: 12px;
align-items: flex-end;
max-width: 380px;
}
.carritoPuntoRecogida select {
background: #fff;
}
.carritoPuntoRecogida .carritoPuntoRecogida__cp {
grid-column: span 2;
display: inline-flex;
flex-direction: column;
}
.carritoPuntoRecogida .carritoPuntoRecogida__cp> span,
.carritoPuntoRecogida__pais> span,
.carritoPuntoRecogida__prov> span {
font-size: 12px;
line-height: 120%;
margin-bottom: 4px;
}
.carritoPuntoRecogida .carritoPuntoRecogida__cp input {
background: #fff;
height: 40px;
}
.ulMetodoEnvio .open-pr-modal {
border: 0;
background: #2051DA;
appearance: inherit;
-webkit-appearance: inherit;
padding: 4px 8px;
font-size: 15px;
color: #fff;
border-radius: 4px;
}
.carritoDatos .carritoDatosRight .carritoEnvio .ulMetodoEnvio .open-pr-modal+ .field-validation-error {
margin-top: 4px;
}
.ulMetodoEnvio .open-pr-modal--change {
background: #666;
}
.ulMetodoEnvio .pr-point-name {
display: flex;
align-items: center;
}
.ulMetodoEnvio .pr-point-name i {
margin-right: 4px;
color: #2051DA;
font-size: 22px;
}
#ulTodosMetodosEnvioPuntoRecogida.ulMetodoEnvio {
margin-top: 12px;
}
#ulTodosMetodosEnvioPuntoRecogida.ulMetodoEnvio .pr-point-info {
margin: 12px 0 0;
padding-top: 12px;
border-top: 1px solid #eee;
}
#ulTodosMetodosEnvioPuntoRecogida.ulMetodoEnvio .pr-point-name> span {
margin: 0;
font-weight: var(--bold1);
}
#ulTodosMetodosEnvioPuntoRecogida.ulMetodoEnvio .pr-point-address {
font-size: 14px;
line-height: 140%;
opacity: 0.75;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 100%;
margin: 0 0 12px;
}
.ulMetodoEnvio .open-pr-modal i {
margin-right: 4px;
}
.puntoRecogida-modal {
align-items: flex-end;
padding-bottom: 0;
}
.puntoRecogida-modal .wrap {
padding: 50px 0 0;
max-height: calc(100vh - 8px - 36px);
background: none;
border-radius: 8px 8px 0 0;
box-shadow: none;
width: 100%;
max-width: 640px;
}
@supports (max-height: 100dvh) {
.puntoRecogida-modal .wrap {
max-height: calc(100dvh - 8px);
}
}
.modalPuntoRecogida {
position: relative;
display: flex;
flex-direction: column;
max-height: calc(100vh - 58px - 36px);
overflow: hidden;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
color: #333;
background: #fff;
border-radius: 8px 8px 0 0;
}
@supports (max-height: 100dvh) {
.modalPuntoRecogida {
max-height: calc(100dvh - 58px);
}
}
.puntoRecogida-modal .close {
display: none;
}
.puntoRecogida-modal .content {
position: relative;
}
.modalPuntoRecogida-close {
width: 38px;
height: 38px;
display: grid;
border-radius: 50%;
place-content: center;
background: #666;
color: #fff;
font-size: 24px;
font-weight: bold;
position: absolute;
z-index: 1;
top: -8px;
right: 4px;
cursor: pointer;
transform: translateY(-100%);
}
.modalPuntoRecogida .pikup__map {
min-height: 40vh;
border-radius: 8px 8px 0 0;
box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.15);
}
.modalPuntoRecogida .pickup__list {
flex: 1;
overflow: auto;
padding: 12px 0;
scroll-behavior: smooth;
}
.modalPuntoRecogida .pickup__point {
display: grid;
grid-template-columns: 28px auto;
gap: 8px;
padding: 16px 12px;
border-bottom: 1px solid #eee;
text-align: left;
}
.modalPuntoRecogida .pickup__point--selected {
animation: blinkSelected 800ms linear forwards;
animation-delay: 800ms;
}
@keyframes blinkSelected {
0% {
background: #fff;
}
30% {
background: #ddd;
}
70% {
background: #fff;
}
100% {
background: #eee;
}
}
.modalPuntoRecogida .pickup__point .pickup__point__marker {
font-size: 32px;
display: flex;
justify-content: center;
height: 32px;
align-items: center;
position: relative;
}
.modalPuntoRecogida .pickup__point .pickup__point__marker span {
display: block;
position: absolute;
top: 4px;
left: 50%;
font-size: 18px;
line-height: 100%;
font-weight: bold;
color: #fff;
transform: translateX(-50%);
font-family: Arial, Helvetica, sans-serif;
}
.modalPuntoRecogida .pickup__point .pickup__point__info {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.modalPuntoRecogida .pickup__point .pickup__point__name {
text-transform: uppercase;
font-size: 1.15em;
line-height: 1.2em;
font-weight: bold;
display: block;
margin: 0 0 0.35rem;
}
.modalPuntoRecogida .pickup__point .pickup__point__address {
display: block;
margin: 0 0 0.5rem;
font-size: 0.9em;
line-height: 1.2em;
}
.modalPuntoRecogida .pickup__point .pickup__point__opening {
display: none;
margin: 0 0 0.5rem;
font-size: 0.9em;
line-height: 1.2em;
opacity: 0.75;
}
.modalPuntoRecogida .pickup__point .pickup__point__button {
display: inline-flex;
background: #2051DA;
appearance: inherit;
-webkit-appearance: inherit;
padding: 6px 12px;
color: #fff;
border-radius: 4px;
text-transform: uppercase;
font-size: 14px;
line-height: 1;
text-decoration: none;
border: 0;
}
.modalPuntoRecogida .pickup__point__map-marker {
background-image: url(/Content/images/location-pin.svg);
width: 28px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
background-position: center;
background-repeat: no-repeat;
font-size: 18px;
}
.modalPuntoRecogida .pickup__point__map-marker> span {
margin-top: -5px;
}
#dvTipoEnvioPuntoRecogida.oculto {
display: none;
margin-bottom: 12px;
}
#dvApartEnvFactCheck {
margin: 0 0 12px;
}
.ulMetodoEnvio {}
#liForEnvObsEspec {
display: block;
margin: 20px 0 0;
}
/*#liForEnvObsEspec input {
width: 24px;
height: 24px;
margin-right: 4px;
vertical-align: top;
}*/
#liForEnvObsEspec textarea {
display: block;
margin: 8px 60px 0 0;
width: 100%;
height: 60px;
min-height: 60px;
resize: vertical;
}
/*Facturación usuario registrado*/
#carritoFacturacionData p {
margin: 0;
}
#carritoFacturacionData p:first-of-type {
font-weight: bold;
}
#carritoEnvioData {
margin: 0 0 20px
}
#carritoEnvioData p {
margin: 0;
}
#carritoEnvioData p:first-of-type {
font-weight: bold;
}
#carritoFacturacionData a,
#carritoEnvioData a {
display: inline-block;
background: rgba(0, 0, 0, 0.1);
padding: 8px;
border-radius: 4px;
margin-top: 4px;
text-decoration: none;
text-transform: uppercase;
font-size: 12px;
line-height: 12px;
font-weight: var(--bold1);
}
#carritoFacturacionData a:before,
#carritoEnvioData a:before {
content: "\f044";
font-weight: 900;
font-family: "Font Awesome 6 Pro" !important;
margin: 0 4px 0 0;
}
#carritoFacturacionData .wLog,
#carritoEnvioData .wLog {
padding: 12px;
border: 1px dashed rgba(0, 0, 0, 0.2);
border-radius: 8px;
background: rgba(255, 255, 255, 0.5);
display: block;
text-align: right;
}
#carritoFacturacionData .wLog p,
#carritoEnvioData .wLog p {
text-align: left;
}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio {
display: block;
}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li {
width: auto;
display: flex;
/* border: 2px solid rgba(0,0,0,0.1); */
overflow: hidden;
border-radius: 4px;
overflow: hidden;
margin: 0;
}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li:not(:last-child) {
margin: 0 0 8px;
}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li:not(#liForEnvObsEspec) div:not(.radiobtn):not(.allcontent):not(.button-pr-modal):not(.pr-point-info):not(.pr-point-name):not(.pr-point-address) {
padding: 8px;
border: 2px solid rgba(0, 0, 0, 0.1);
width: 100%;
margin: 0;
overflow: hidden;
}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li:not(#liForEnvObsEspec) div.radiobtn {
width: 32px;
background: rgba(0, 0, 0, 0.1);
display: flex;
align-items: flex-start;
justify-content: center;
padding: 8px 0;
flex-shrink: 0;
margin: 0;
}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li:not(#liForEnvObsEspec) div.radiobtn> span:before {
margin: 0;
}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li> div> span {
margin: 0 0 4px;
display: inline-block;
}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li> div .dvTransImage {
float: right;
margin: 4px;
border-radius: 4px;
border: 0;
padding: 4px;
width: auto;
max-width: 72px;
}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li> div .dvTransImage p {
margin: 0;
width: 100%;
}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li> div .dvTransImage p img {
display: block;
margin: 0;
max-width: 100%;
}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li> div .lnkSubrayado {
margin-left: 8px;
display: inline-flex;
align-items: center;
text-decoration: none;
}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li> div .lnkSubrayado:after {
content: "\f105";
font-family: "Font Awesome 6 Pro";
font-weight: 900;
font-size: 12px;
margin-left: 4px;
}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li> div> p:last-of-type {
font-size: 14px;
line-height: 18px;
margin: 0 0 12px;
}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li> div> p.desc> span a {
color: #666;
background-color: #f0f0f0;
padding: 4px 8px;
border-radius: 4px;
margin: 4px 4px 4px 0;
cursor: pointer;
font-size: 12px;
line-height: 14px;
text-decoration: none;
display: inline-block;
}
.carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li> div> p.desc> span a:before {
content: "\f05a";
font-family: "Font Awesome 6 Pro";
margin-right: 4px;
}
.carritoDatos .carritoDatosRight .carritoPago {
display: block;
}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li {
width: auto;
display: flex;
/* border: 2px solid rgba(0,0,0,0.1); */
overflow: hidden;
border-radius: 4px;
overflow: hidden;
WIDTH: 100%;
}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li:not(:last-child) {
margin: 0 0 8px;
}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li> div:not(.radiobtn) {
padding: 8px;
border: 2px solid rgba(0, 0, 0, 0.1);
border-left: 0;
width: 100%;
margin: 0;
}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li div.radiobtn {
width: 32px;
background: rgba(0, 0, 0, 0.1);
display: flex;
align-items: flex-start;
justify-content: center;
padding: 8px 0;
flex-shrink: 0;
margin: 0;
}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li div.radiobtn> span:before {
margin: 0;
}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li> div> span {
margin: 0;
display: inline-block;
}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoTarjetas {
margin: 8px 0 0;
}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoTarjetas> .liMetodoPagoImg {
display: inline-block;
max-width: 60px;
margin-right: 4px;
}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoTarjetas img {
display: block;
margin: 0;
max-width: 100%;
}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoObservaciones {
font-size: 14px;
line-height: 18px;
}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoObservaciones> span a {
color: #666;
background-color: #f0f0f0;
padding: 4px 8px;
border-radius: 4px;
margin: 0px 4px 0px 0;
cursor: pointer;
font-size: 12px;
line-height: 14px;
text-decoration: none;
display: inline-block;
}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoObservaciones> span a:before {
content: "\f05a";
font-family: "Font Awesome 6 Pro";
margin-right: 4px;
}
.carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .radiobtn input[type="radio"]:checked {
background: red;
}
.carritoDatos .carritoDatosRight .carritoObservaciones {
display: block;
}
#dvLnkCarrito {
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
}
/*RESUMEN PEDIDO*/
.generic .genericCont .resumenCarrito {
display: flex;
justify-content: space-between;
}
.generic .genericCont .resumenCarrito .spnApartEnvFactTit,
.generic .genericCont .resumenProductos .spnApartEnvFactTit {
display: flex;
justify-content: space-between;
margin: 0 0 12px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 4px;
text-transform: uppercase;
}
.generic .genericCont .resumenCarrito .spnApartEnvFactTit span span,
.generic .genericCont .resumenProductos .spnApartEnvFactTit span span {
opacity: 0.7;
display: inline-block;
}
.generic .genericCont .resumenCarrito .spnApartEnvFactTit a,
.generic .genericCont .resumenProductos a {
flex-shrink: 0;
text-transform: uppercase;
font-size: 11px;
font-weight: var(--bold1);
text-decoration: none;
color: inherit;
padding: 2px 8px;
background-color: #fff;
border-radius: 4px;
opacity: 0.9;
align-self: center;
}
.generic .genericCont .resumenCarrito .resumenFacturacion,
.resumenCarrito .resumenEnvio {
width: 49.5%;
}
.generic .genericCont .resumenCarrito .resumenFacturacion> div,
.resumenCarrito .resumenEnvio> div,
.resumenProductos,
#dvCuponesCarrito.resumenProductos {
padding: 20px;
margin: 0 0 20px;
border-radius: 4px;
background: rgba(0, 0, 0, 0.05);
}
.generic .genericCont .resumenCarrito .resumenFacturacion> div p,
.generic .genericCont .resumenCarrito .resumenEnvio> div p {
margin: 0 0 8px;
}
.resumenProductos {
border-radius: 4px;
}
.resumenProductos #tblResumenProds {
background-color: #fff;
}
.resumenProductos #tblResumenProds> tbody> tr:first-of-type th {
background: rgba(0, 0, 0, 0.01)
}
.resumenProductos #tblResumenProds> tbody> tr> td.tdSumario {
text-align: right;
}
.resumenProductos #tblResumenProds> tbody> tr.trTotales {
text-align: right;
}
.resumenProductos #tblResumenProds> tbody> tr.trTotales div {
text-align: right;
margin: 4px 0;
display: flex;
align-items: center;
justify-content: flex-end;
}
.resumenProductos #tblResumenProds> tbody> tr.trTotales div span {
display: inline-block;
font-weight: normal;
}
.resumenProductos #tblResumenProds> tbody> tr.trTotales div span {
display: inline-block;
font-weight: normal;
}
.resumenProductos #tblResumenProds> tbody> tr.trTotales div> span:last-child:not(:first-child) {
width: 80px;
margin-left: 8px;
flex-shrink: 0;
/* font-weight: bold; */
}
#dvMetodoPagoBotones {
display: flex;
align-items: flex-end;
justify-content: space-between;
flex-flow: row wrap;
}
#dvMetodoPagoBotones .btnDerCont a {
margin-left: 4px;
}
/* PEDIDO FINALIZADO*/
#spnCabRealizarPedidoIntBlan {
margin: 0 0 4px;
display: inline-block;
}
#dvPedidoFinalInt {}
#dvPedidoFinalInt .encabezado {
font-weight: var(--bold1);
padding-bottom: 8px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin: 0 0 12px;
}
#dvPedidoFinalInt> .dvPedidoFinalDatos {
padding: 12px;
background: rgba(0, 0, 0, 0.05);
border-radius: var(--radius-default);
margin: 0 0 20px;
border-left: 12px solid rgba(0, 0, 0, 0.1)
}
.btnPedidoFinalizado {
display: flex;
justify-content: center;
margin: 0 0 20px;
}
.btnPedidoFinalizado> * {
display: inline-block;
margin: 4px;
padding: 4px 8px;
border-radius: var(--radius-default);
border: 4px solid rgba(0, 0, 0, 0.1);
font-weight: var(--bold1);
color: inherit;
text-decoration: none;
cursor: pointer;
}
/*AMAZON PAY*/
.genericCont.--amazonPay {
max-width: 640px;
padding: 32px;
background-color: #eee;
border-radius: var(--radius-default);
}
#AmazonPayButton {
text-align: center;
}
#AmazonWalletWidgetDiv {
margin-top: 28px;
}
#AmazonWalletWidgetDiv:empty {
display: none;
}
.amazon-next {
margin: 16px 0 0 auto;
}
/*KLARNA*/
.KlarnaMethod {
width: 100%;
max-width: 640px;
margin: 0 auto;
padding: 20px;
border: 8px solid #f0eeeb;
}
.KlarnaMethod:not(:last-child) {
margin-bottom: 40px;
}
.KlarnaMethod .KlarnaAction {
display: flex;
justify-content: flex-end;
margin-top: 12px;
}
.KlarnaMethod .KlarnaAction button {
display: inline-flex;
align-items: center;
text-decoration: none;
background: #333;
color: #fff;
padding: 8px 12px;
border-radius: var(--radius-default);
font-size: 90%;
line-height: 140%;
text-transform: uppercase;
font-weight: var(--bold1);
}
.notKlarna {
width: 100%;
max-width: 640px;
margin: 0 auto;
padding: 20px;
background: #333;
color: #fff;
text-align: center;
}
.notKlarna a {
color: #fff;
}
/*Cookies*/
.cc-banner.cc-bottom,
.cc-window.cc-floating {
background-color: rgba(0, 0, 0, 0.9) !important;
padding: 1em 1.8em;
}
/*TIENDA CERRADA*/
#dvTiendaCerrada {
text-align: center;
padding: 12px;
color: #721c24;
background-color: #f8d7da;
border: 1px solid #f5c6cb;
margin: 8px;
border-radius: 8px;
}
#dvTiendaCerrada .dvBgAma> p:first-child {
font-size: 20px;
margin: 0 0 8px;
font-weight: var(--bold1);
}
body.tiendacatalogo {}
body.tiendacatalogo .fichaBoton {
opacity: .6;
}
body.tiendacatalogo .fichaBoton a {
cursor: not-allowed;
}
/* Legal */
.generic .genericCont .dvLegal {
margin-top: 20px;
}
.generic .genericCont .dvLegal .enc {
font-weight: bold;
margin: 0 0 8px;
font-size: 120%;
}
.generic .genericCont .dvComboBox {
margin-bottom: 20px;
}
.generic .genericCont .dvLegal div:not(:last-child) {
margin: 0 0 20px;
}
#dvErrorContenido {
max-width: var(--max-width);
margin: 0 auto;
padding: 40px
}
#dvErrorContenido p {
margin: 0 0 8px;
}
#dvErrorContenido ul {
padding-left: 18px;
list-style: none;
}
#dvErrorContenido ul li {
margin: 8px 0;
}
/* Sitemap */
.generic .genericCont .dvSiteMap ul ul {
margin-top: 8px;
}
.generic .genericCont .dvSiteMap ul li {
list-style: square;
margin-bottom: 8px;
}
.generic .genericCont .dvSiteMap ul li ul {
margin-left: 20px;
}
.generic .genericCont .dvSiteMap ul li ul li {
list-style: circle;
}
.generic .genericCont .dvSiteMap ul li ul li ul li {
list-style: disc;
}
.generic .genericCont .dvSiteMap a {
color: #333;
font-weight: bold;
}
.generic .genericCont .dvSiteMap .numProdCategoSiteMap {
color: #999;
display: inline-block;
}
.generic .genericCont .dvSiteMap .productosTotalesSiteMap {
color: #333;
font-weight: bold;
margin-top: 40px;
}
/* ERRRORES (nueva contraseña sin requisitos)*/
.validation-summary-errors {
padding: 0;
margin: 0;
}
.validation-summary-errors ul {
padding: 0 !important;
}
.validation-summary-errors ul li {
display: block;
list-style: none;
color: #ff1100;
padding: 0;
margin: 0;
font-weight: var(--bold1);
}
/*PRODUCTOS*/
.RCRProds .RCRProdsPrev {
display: flex;
justify-content: center;
margin: 0 0 20px;
flex-wrap: wrap;
align-items: center;
}
.RCRProds .RCRProdsPrev .numProds {
font-size: 14px;
opacity: 0.8;
display: inline-flex;
align-items: center;
text-align: center;
margin: 8px auto 8px 0;
}
.RCRProds .RCRProdsPrev .RCRProdsPrevRight {
display: flex;
align-items: center;
justify-content: flex-end;
flex-shrink: 0;
}
.RCRProds .RCRProdsPrev #dvOrderBy {
max-width: 460px;
width: 100%;
align-items: center;
}
.RCRProds .RCRProdsPrev #dvOrderBy form {
display: flex;
align-items: center;
}
.RCRProds .RCRProdsPrev #dvOrderBy form> *:first-child:not(:last-child) {
margin-right: 8px;
}
.RCRProds .RCRProdsPrev #dvOrderBy form .select {
width: 100%;
}
.RCRProds .RCRProdsPrev #dvOrderBy form> p {
flex-shrink: 0;
}
.RCRProds .noProds {
border-radius: 4px;
margin: 0 0 20px;
display: flex;
align-items: center;
font-size: 20px;
font-weight: var(--bold1);
opacity: .8;
padding: 20px;
background: #fff9c4;
border: 1px solid #e2dca7;
}
.RCRProds .noProds:before {
content: "\f06a";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
font-size: 24px;
margin-right: 8px;
}
/*Productos*/
.RCRProdsCont {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: var(--productos-margin);
}
/*PRODUCTOS PORTADA*/
.prodlist {
padding: var(--section-margin) 16px;
}
.prodlist .prodlistCont {
max-width: var(--max-width);
margin: 0 auto;
position: relative;
}
.prodlist .prodlistCont .prodlistInfo {
margin: 0 0 20px;
text-align: center;
}
.prodlist .prodlistCont .prodlistInfo .title2 {}
.prodlist .prodlistCont .prodlistInfo p {}
.prodlist> div> p {
text-align: center;
font-size: 120%;
line-height: 120%;
font-weight: var(--bold1);
font-style: italic;
}
.prodlist .RCRProdsCont {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.RCRButton {
text-align: center;
margin-top: 30px;
}
.RCRButton a {
display: inline-flex;
align-items: center;
text-decoration: none;
background: var(--secondary);
color: var(--secondary-invert);
padding: 8px 16px;
border-radius: var(--radius1);
font-size: 90%;
line-height: 140%;
text-transform: uppercase;
font-weight: var(--bold1);
}
.RCRButton a::after {
content: "\f105";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
font-size: 14px;
margin-left: 8px;
}
/*LOGIN CARRITO*/
.loginCart {
margin: 40px auto;
max-width: 720px;
background: rgba(0, 0, 0, 0.05);
display: flex;
overflow: hidden;
border-radius: 8px;
}
.loginCart .title {
font-size: 20px;
line-height: 28px;
margin: 0 0 8px;
font-weight: var(--bold1);
text-transform: uppercase;
}
.loginCart .loginCartReg {
width: 50%;
padding: 20px;
}
.loginCart .loginCartReg input[type="email"],
.loginCart .loginCartReg input[type="password"] {
display: block;
width: 100%;
background-color: #fff;
padding: 8px 12px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 4px;
}
.loginCart .loginCartReg input[type="email"] {
margin: 0 0 8px;
}
.loginCart .loginCartReg input[type="password"] {
margin: 0;
}
.loginCart .loginCartReg input::placeholder {
opacity: .8;
font-style: italic;
}
.loginCart .loginCartReg #lnkRecPwd {
font-size: 12px;
line-height: 14px;
margin: 0 0 8px;
display: inline-block;
}
.loginCart .loginCartReg .spnLogError {
display: block;
color: #dd2c00;
margin: 2px;
font-size: 14px;
font-weight: var(--bold1);
}
.loginCart .loginCartReg .pBtnLogin button {
display: inline-flex;
align-items: center;
justify-content: center;
border: 0;
padding: 8px 16px;
border-radius: var(--radius1);
font-size: 16px;
line-height: 18px;
background-color: var(--secondary);
text-decoration: none;
color: #fff;
font-weight: var(--bold1);
margin-top: 8px;
}
.loginCart .loginCartReg .pBtnLogin button:before {
content: "\f090";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
font-size: 20px;
line-height: 20px;
margin-right: 8px;
}
.loginCart .loginCartNoReg {
width: 50%;
padding: 20px;
background: rgba(0, 0, 0, 0.05);
display: flex;
flex-direction: column;
}
.loginCart .loginCartNoReg> p:nth-child(2) {
flex: 1;
font-size: 14px;
line-height: 18px;
}
.loginCart .loginCartNoReg .pBtnReg {}
.loginCart .loginCartNoReg .pBtnReg a {
display: inline-flex;
align-items: center;
justify-content: center;
border: 0;
padding: 7px 15px;
border-radius: var(--radius1);
font-size: 16px;
line-height: 18px;
background-color: rgba(255, 255, 255, 1);
text-decoration: none;
color: var(--secondary);
font-weight: var(--bold1);
margin-top: 8px;
border: 1px solid var(--secondary);
}
.loginCart .loginCartNoReg .pBtnReg a:before {
content: "\f4fd";
font-weight: 600;
font-family: "Font Awesome 6 Pro";
font-size: 20px;
margin-right: 8px;
line-height: 20px;
}
.loginCart .loginCartNoReg .pBtnReg a:after {
content: "\f101";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
font-size: 14px;
margin-left: 8px;
line-height: 14px;
margin-top: 4px;
}
/*NOTICIAS*/
/* MOSAICO */
.widNot {
text-align: center;
background: #fff;
padding: var(--section-margin) 16px;
background: -moz-linear-gradient(top, var(--light) 0%, #fff 100%);
background: -webkit-linear-gradient(top, var(--light) 0%, #fff 100%);
background: linear-gradient(to bottom, var(--light) 0%, #fff 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#FFFFFF', GradientType=0);
}
}
.noticia .widNot {
padding: 40px 0;
}
.widNot .widNotCont {
max-width: var(--max-width);
margin: 0 auto;
}
.widNot .widNotCont .widNotContInfo {
margin: 0 0 20px;
text-align: center;
padding: 0 20px;
}
.widNot .widNotCont .bgc {}
.bloggalvacio {
padding: var(--section-margin) 16px;
font-weight: var(--bold1);
font-size: 26px;
line-height: 140%;
text-align: center;
}
.bmmin1 .bloggalcont {
text-align: left;
}
.bmmin1 .bloggalcont {
display: flex;
text-decoration: none;
align-items: flex-start;
border-bottom: 1px solid #eee;
padding: 12px 0;
}
.bmmin1 .bloggalcont> a> img {
display: block;
width: 200px;
max-width: 200px;
min-width: 200px;
border-radius: var(--radius-default);
}
.bmmin1 .bloggalcont> div {
width: 100%;
height: 100%;
padding: 12px;
overflow: hidden;
}
.bmmin1 .bloggalcont> .bgc> .bgctitle {
margin: 0 0 4px;
max-height: 72px;
overflow: hidden;
position: relative;
}
.bmmin1 .bloggalcont> .bgc> .bgctitle a {
color: inherit;
text-decoration: none;
font-size: 20px;
line-height: 24px;
display: inline-block;
}
.bmmin1 .bloggalcont> .bgc> .bgctitle:after {
content: "";
display: block;
position: absolute;
top: 48px;
right: 0;
width: 40%;
max-width: 120px;
height: 24px;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
}
.bmmin1 .bloggalcont .bgcdatos {
font-size: 90%;
line-height: 120%;
margin: 0 0 4px;
}
.bmmin1 .bloggalcont .bgcdatos> div,
.bmmin1 .bloggalcont .bgcdatos> a {
display: inline-block;
opacity: .8;
}
.bmmin1 .bloggalcont .bgcdatos .bgccat a {
margin-right: 4px;
}
.bmmin1 .bloggalcont .bgcinfo {
max-height: 40px;
/* Múltiplo del line-height*/
overflow: hidden;
position: relative;
font-size: 16px;
line-height: 20px;
}
.bmmin1 .bloggalcont .bgcinfo h2 {
margin: 0;
font-weight: inherit;
font-size: 14px;
line-height: 20px;
}
.bmmin1 .bloggalcont .bgcinfo p {
margin: 0;
padding: 0;
font-size: 14px;
line-height: 20px;
}
.bmmin1 .bloggalcont .bgcinfo:after {
content: ".";
position: absolute;
right: 0;
bottom: 0;
color: transparent;
width: 100%;
max-width: 80px;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
}
.bmmin2> .widNotCont> .widNotContNots {
column-count: 2;
}
.bmmin2 .bloggalcont {
display: inline-flex;
width: 100%;
text-decoration: none;
align-items: center;
margin-bottom: 12px;
background: #fff;
text-align: left;
border-radius: var(--radius-default);
overflow: hidden;
}
.bmmin2 .bloggalcont .bgc> a {
color: inherit;
text-decoration: none;
max-height: 44px;
display: block;
overflow: hidden;
position: relative;
width: 100%;
}
.bmmin2 .bloggalcont> .bgc> .bgctitle:after {
content: "";
display: block;
position: absolute;
top: 40px;
right: 0;
width: 40%;
max-width: 120px;
height: 24px;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
}
.bmmin2 .bloggalcont> a> img {
display: block;
width: 160px;
max-width: 160px;
}
.bmmin2 .bloggalcont> div {
width: 100%;
height: 100%;
padding: 8px 20px;
overflow: hidden;
max-height: 120px;
overflow: hidden;
}
.bmmin2 .bloggalcont> .bgc> .bgctitle {
margin: 0 0 4px;
max-height: 60px;
overflow: hidden;
position: relative;
font-size: 16px;
line-height: 20px;
}
.bmmin2 .bloggalcont> div> .bgctitle> a {
color: inherit;
text-decoration: none;
}
.bmmin2 .bloggalcont .bgcdatos {
font-size: 90%;
line-height: 120%;
margin: 0 0 4px;
}
.bmmin2 .bloggalcont .bgcdatos> div,
.bmmin1 .bloggalcont .bgcdatos> a {
display: inline-block;
opacity: .8;
vertical-align: middle;
}
.bmmin2 .bloggalcont .bgcdatos .bgccat {
max-height: 35px;
overflow: hidden;
display: inline-flex;
align-items: center;
}
.bmmin2 .bloggalcont .bgcdatos .bgccat a {
margin-right: 4px;
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.bmmin2 .bloggalcont .bgcinfo {
display: none;
max-height: 40px;
/* Múltiplo del line-height*/
overflow: hidden;
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
}
.bmmin2 .bloggalcont .bgcinfo p {
margin: 0;
padding: 0;
}
.bmmin2 .bloggalcont .bgcinfo:after {
content: ".";
position: absolute;
right: 0;
bottom: 0;
color: transparent;
width: 100%;
max-width: 80px;
background: -moz-linear-gradient(left, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 1) 100%);
background: -webkit-linear-gradient(left, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 1) 100%);
background: linear-gradient(to right, rgba(245, 245, 245, 0) 0%, rgba(245, 245, 245, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00f5f5f5', endColorstr='#f5f5f5', GradientType=1);
}
.bmmin3 .widNotContNots {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.bmmin3 .widNotContNots .bloggalcont {
width: 23%;
margin: 0 0 20px;
text-align: left;
}
.bmmin3 .widNotContNots .bloggalcont:nth-child(3):last-child {
margin-right: 25.666%;
}
.bmmin3 .widNotContNots .bloggalcont:nth-child(2):last-child {
margin-right: 51.333%;
}
.bmmin3 .widNotContNots .bloggalcont:first-child:last-child {
margin-right: 76.999%;
}
.bmmin3 .widNotContNots .bloggalcont a {
color: currentcolor;
}
.bmmin3 .widNotContNots .bloggalcont> a> img {
display: block;
width: 100%;
}
.bmmin3 .widNotContNots .bloggalcont> div {
padding: 8px 0 0;
overflow: hidden;
}
.bmmin3 .widNotContNots .bloggalcont .bgctitle a {
margin: 0;
display: block;
width: 100%;
font-size: 14px;
overflow: hidden;
line-height: 16px;
color: #666;
text-decoration: none;
}
.bmmin3 .widNotContNots .bloggalcont .bgcdatos {
font-size: 100%;
line-height: 0;
margin: 8px 0 0;
}
.bmmin3 .widNotContNots .bloggalcont .bgcdatos> div,
.bmmin3 .bloggalcont .bgcdatos> a {
display: inline-block;
opacity: .8;
font-size: 12px;
line-height: 12px;
}
.bmmin3 .widNotContNots .bloggalcont .bgcdatos .bgccat {
display: none;
}
.bmmin3 .widNotContNots .bloggalcont .bgcdatos .bgccat a {
margin-right: 4px;
}
.bmmin3 .widNotContNots .bloggalcont .bgcinfo {
display: none;
max-height: 40px;
/* Múltiplo del line-height*/
overflow: hidden;
position: relative;
}
.bmmin3 .widNotContNots .bloggalcont .bgcinfo p {
margin: 0;
padding: 0;
}
.bmmin3 .widNotContNots .bloggalcont .bgcinfo:after {
content: ".";
position: absolute;
right: 0;
bottom: 0;
color: transparent;
width: 100%;
max-width: 80px;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
}
.bmmin4 {
display: flex;
max-width: var(--max-width);
flex-flow: row wrap;
/* justify-content: space-between; */
}
.bmmin4 .bloggalcont {
width: 23%;
margin: 0 1% 20px;
}
.bmmin4 .bloggalcont> a> img {
display: block;
width: 100%;
}
.bmmin4 .bloggalcont> div {
padding: 8px 0 0;
overflow: hidden;
}
.bmmin4 .bloggalcont> div> .bgcnom> h2 {
margin: 0;
display: block;
width: 100%;
font-size: 12px;
overflow: hidden;
line-height: 16px;
}
.bmmin4 .bloggalcont .bgcdatos {
font-size: 100%;
line-height: 0;
margin: 4px 0 0;
}
.bmmin4 .bloggalcont .bgcdatos> div,
.bmmin4 .bloggalcont .bgcdatos> a {
display: inline-block;
opacity: .8;
font-size: 10px;
line-height: 10px;
}
.bmmin4 .bloggalcont .bgcdatos .bgccat {
display: none;
}
.bmmin4 .bloggalcont .bgcdatos .bgccat a {
margin-right: 4px;
}
.bmmin4 .bloggalcont .bgcinfo {
display: none;
max-height: 40px;
/* Múltiplo del line-height*/
overflow: hidden;
position: relative;
}
.bmmin4 .bloggalcont .bgcinfo p {
margin: 0;
padding: 0;
}
.bmmin4 .bloggalcont .bgcinfo:after {
content: ".";
position: absolute;
right: 0;
bottom: 0;
color: transparent;
width: 100%;
max-width: 80px;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
}
.texto__legal {
margin: 12px 0;
font-size: 12px;
line-height: 140%;
opacity: 0.6;
max-width: 460px;
}
.texto__legal p:not(:last-child) {
margin: 0 0 4px !important;
}
.kitDigital {}
.kitDigital {}
/*******************************
Kit Digital
*******************************/
.kitDigital {
padding: 40px 16px;
font-size: 14px;
line-height: 140%;
text-align: center;
}
.kitDigital> .kitDigitalCont {
max-width: var(--max-width);
margin: 0 auto;
width: 100%;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
align-items: center;
}
.kitDigital .kitDigital__logo {
display: block;
width: 220px;
max-width: 100%;
}
@media screen and (min-width: 1024px) {
.kitDigital> .kitDigitalCont {
grid-template-columns: 220px 220px auto;
text-align: left;
}
}
@media screen and (max-width: 1023px) {
.kitDigital .kitDigital__logo.kitDigital__logo--EU {
grid-area: 1 / 1;
margin: 0 0 0 auto;
}
.kitDigital .kitDigital__logo.kitDigital__logo--TR {
grid-area: 1 / 2;
margin: 0 auto 0 0;
}
.kitDigital .kitDigital__text {
grid-area: 2 / 1 / 3 / 3;
}
}
/* MEDIDAS RESPONSIVE */
@media screen and (min-width: 1024px) {
#login_box {
position: absolute;
z-index: 3;
background-color: #fff;
color: #333;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
top: calc(100% + 8px);
right: 0;
border-top: 4px solid var(--primary);
text-align: center;
width: 260px;
font-weight: normal;
display: none;
}
#cart .cart-prod-list {
font-size: 12px;
line-height: 14px;
position: absolute;
z-index: 3;
background-color: #fff;
color: #333;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
top: calc(100% + 8px);
right: 0;
border-top: 4px solid var(--primary);
width: 360px;
font-weight: normal;
padding: 8px 12px;
}
#cart .cart-prod-list:after {
content: "\f0d8";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
color: var(--primary);
display: block;
position: absolute;
bottom: 100%;
font-size: 24px;
line-height: 10px;
right: 32px;
}
.datosCompra {}
.datosCompra #dvCestaCont {
margin: 0;
}
.datosCompra #dvCuponesCarrito {
display: block;
margin: 20px 0;
}
.datosCompra #dvCuponesCarrito> p {
max-width: 100%;
}
.datosCompra #dvCuponesCarrito .aplicados:not(:last-child),
.datosCompra #dvCuponesCarrito .aplicar:not(:last-child),
.datosCompra #dvCuponesCarrito .aplicables:not(:last-child) {
max-width: 100%;
}
.datosCompra #dvCuponesCarrito .aplicar {
max-width: 100%;
}
.datosCompra #dvCuponesCarrito .aplicar> p:first-child,
.datosCompra #dvCuponesCarrito .aplicables> p:first-child {}
.datosCompra #dvCuponesCarrito .aplicar> p:first-child,
.datosCompra #dvCuponesCarrito .aplicar> p {}
.datosCompra #dvCuponesCarrito .aplicar> p:first-child:before,
.datosCompra #dvCuponesCarrito .aplicables> p:first-child:before {}
.datosCompra #dvCuponesCarrito .aplicados:not(:last-child) {
margin: 0 0 12px;
}
}
/*################
##### 1 0 2 3 ####
################*/
@media screen and (max-width: 1023px) {
#search {
/* flex-direction: column-reverse; */
}
#search.active {
/* opacity: 1; */
}
/*#search .close { display: block; }*/
#search .searchBar input {
font-size: 16px;
line-height: 36px;
}
header .header .headerCont #searchbtn {
display: block;
}
.searchCont #search_results {
position: static;
margin: 20px 0 0;
border-radius: 0;
box-shadow: none;
/* background: rgba(0,0,0,0.05); */
flex: 1;
/* border-top: 1px solid rgba(0,0,0,0.1) */
}
.searchCont #search_results ul {}
.searchCont #search_results ul li {
padding: 8px 0;
}
.searchCont #search_results ul li:not(.liTitle):hover {}
.searchCont #search_results ul li:not(:last-child) {}
.searchCont #search_results ul li.liTitle {
padding: 8px 0;
background: transparent;
}
.searchCont #search_results ul li.liTitle:before {}
.searchCont #search_results ul li p {}
.searchCont #search_results ul li p a {
padding: 4px;
}
.searchCont #search_results ul li p .img {}
.searchCont #search_results ul li p .nom {}
.searchCont #search_results ul li p .nom a {}
.searchCont #search_results ul li.verTodos {
text-align: center;
background-color: rgba(0, 0, 0, 0.05);
padding: 8px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
width: 100%;
}
.searchCont #search_results ul li.verTodos a {
color: black;
}
#user a #btLogout {
display: none;
}
header .hcont> div> .htconr .carrito a> span> .cant {
display: block;
position: absolute;
top: 0;
right: 0;
background: #fff;
width: 22px;
height: 22px;
line-height: 18px;
font-size: 12px;
text-align: center;
border-radius: 100%;
transform: translateX(25%) translateY(-25%);
color: #532A9E;
border: 2px solid;
}
#cart .cart-prod-list .hCartButtons {
display: block;
margin: 28px 0 0;
}
#cart .cart-prod-list .hCartButtons .hCartLink {
width: 100%;
margin: 0 0 8px;
}
#cart .cart-prod-list .hCartButtons .hCartLink a {
padding: 10px 14px;
}
#cart .cart-prod-list .hCartButtons .hOrderLink {
width: 100%;
}
#cart .cart-prod-list .hCartButtons .hOrderLink a {
padding: 12px 16px;
}
#PORT02 .PORT02Cont {
grid-template-columns: 1fr 1fr;
}
.generic .dvPromo .img {
width: 180px;
float: left;
}
.generic .dvPromo .left {}
.generic .dvPromo .right {
width: 260px;
}
#dvContactoCont {
display: block;
}
.dvContactoForm,
#dvContactoPeticionFeita {
padding: 20px 0 0;
border-left: 0;
border-top: 4px dashed rgba(0, 0, 0, 0.1);
margin: 20px 0 0;
max-width: 100%;
}
.dvContatoInfoSup {
display: flex;
}
.dvContatoInfoSup .dvContactoFormRight {
margin-left: 8px;
}
.dvContatoInfoSub {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.dvContatoInfoSub .tac {
width: calc(50% - 6px);
margin: 0;
display: flex;
justify-content: center;
align-items: center;
padding: 8px;
border: 1px dashed #ccc;
border-radius: 4px;
text-align: center;
}
.dvContatoInfoSub input[type="button"] {
width: calc(50% - 6px);
}
.dvContatoInfoSub .ulContatoInfoSubGroup {
width: 50%;
margin-left: 8px;
}
#dvCuponesCarrito .aplicar {
display: block;
}
#dvCuponesCarrito .aplicar> p:first-child {
margin: 0 0 8px;
}
#dvCuponesCarrito .aplicar> p:last-child> label:first-child {
max-width: 100%;
}
.carritoDatos {
display: block;
}
.carritoDatos .carritoDatosLeft,
.carritoDatos .carritoDatosRight {
width: 100%;
padding-right: 0;
padding-left: 0;
}
.usuarios .altaNewsTac {
margin-left: 0;
}
.rightSlide {
position: fixed;
top: 0;
right: -320px;
height: 100%;
z-index: 9;
box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0);
display: flex !important;
flex-direction: column;
width: 320px;
background-color: #fff;
padding: 24px 12px;
max-height: 100%;
overflow: auto;
transition: box-shadow 300ms ease;
transition: right 300ms ease;
}
.rightSlide.active {
right: 0px !important;
box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.4) !important;
z-index: 10;
/* display: flex !important; */
}
.rightSlide.menu_mob.active {
padding: 0;
}
.leftSlide {
display: block;
position: fixed !important;
top: 0;
left: -320px;
height: 100%;
z-index: 9;
box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0);
display: flex;
flex-direction: column;
width: 320px;
background-color: #fff;
max-height: 100%;
overflow: auto;
transition: box-shadow 300ms ease, left 300ms ease;
}
.leftSlide.active {
left: 0px !important;
box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.4) !important;
z-index: 10;
padding: 0;
}
.leftSlide.menu_mob.active {
padding: 0;
}
#search.leftSlide {
display: block;
padding: 24px 12px;
}
#login_box.rightSlide {
justify-content: center;
text-align: center;
padding: 0;
}
#cart .cart-prod-list {
/* padding-top: 40px; */
}
#cart .cart-prod-list ul {
flex: 1;
}
#cart .cart-prod-list .hCartProd {
padding: 12px 8px
}
#cart .cart-prod-list .hCartTotal {
padding: 12px;
font-size: 18px;
line-height: 24px;
}
#cart .cart-prod-list .hCartTotalSinIva {
padding: 12px;
font-size: 12px;
line-height: 24px;
}
#cart .cart-prod-list .hOrderLink {}
#cart .cart-prod-list .hOrderLink a {
font-size: 18px;
line-height: 24px;
}
#cart .cart-prod-list .hCartLink {}
#cart .cart-prod-list .hCartLink a {
font-size: 18px;
line-height: 24px;
}
#cart .cart-prod-list .hCartProd .hCartProdInfo img {
max-width: 60px;
}
#cart .cart-prod-list .hCartProd .hCartProdInfo p {
font-size: 16px;
line-height: 20px;
}
#cart .cart-prod-list .hCartProd .hCartProdDelete {
font-size: 14px;
align-self: center;
}
.datosCompra {
display: block;
}
.datosCompra .datosCompraRight {
width: 100%;
margin: 0 0 20px;
}
.datosCompra .datosCompraleft {
margin: 0;
}
.datosCompra #dvCestaCont .cestaEnvioGratis,
.datosCompra #dvCestaCont .cestaEnvioGratis a,
.datosCompra #dvCestaCont .cestaEnvioGratis a span {}
.datosCompra {}
.datosCompra .datosCompraRight {}
.datosCompra .datosCompraLeft {}
.datosCompra .dvCabRealizarPedidoMetodo .dvCabRealizarPedidoMetodoInt {}
.datosCompra .datosCompraRight #tblVerCesto {}
.datosCompra .datosCompraRight #tblVerCesto,
.datosCompra .datosCompraRight #tblVerCesto> tbody,
.datosCompra .datosCompraRight #tblVerCesto> td,
.datosCompra .datosCompraRight #tblVerCesto> tr {}
.datosCompra .datosCompraRight #tblVerCesto> th,
#tblVerCesto table th,
#tblVerCesto> tbody> tr:first-of-type {}
.datosCompra .datosCompraRight #tblVerCesto #thCantidadProducto,
.datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto,
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto #thImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto,
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto {}
.datosCompra .datosCompraRight #tblVerCesto> tbody> tr> td {
width: 100%;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta {
display: table-row;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta:nth-last-child(2) {}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdNombreProducto {
width: 100%;
display: table-cell;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdCantidadProducto {
display: table-cell;
width: 120px;
}
.datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto .tdCantidadTotal {}
.datosCompra #tblVerCesto .tdCantidadProducto .tdCantidadTotal input {}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto {
width: 80px;
display: table-cell;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto {
width: 32px;
display: table-cell;
position: relative;
min-width: 32px;
text-align: center;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto:before {}
.datosCompra .datosCompraRight #tblVerCesto> tbody> tr> td:first-child a img {}
.datosCompra .datosCompraRight #tblVerCesto .trTotal {}
.datosCompra .datosCompraRight #tblVerCesto .trTotal> td:first-child,
.datosCompra #tblVerCesto .trTotal> td:last-child {}
.datosCompra .datosCompraRight #tblVerCesto .trTotal> td:first-child:not(:empty) {}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto #thImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto {
display: table-cell;
width: 120px;
min-width: 120px;
text-align: right;
}
.datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto {
min-width: 180px;
}
.datosCompra .datosCompraRight .trTotal .spnTotalCarrito {}
.datosCompra #dvCestaCont .pIncremPed .spnIncremPed {}
.datosCompra #dvCestaCont .cestaEnvioGratis,
.datosCompra #dvCestaCont .cestaEnvioGratis a,
.datosCompra #dvCestaCont .cestaEnvioGratis a span {
width: auto;
}
.box4 .slideCont .swiper-container {
padding-left: 20px
}
.box4 .swiper-slide {
width: calc((1/3.5 * 100%) - 20px);
}
.box6 {
padding: 40px 0;
}
.box6 .slideCont .swiper-container {
padding-left: var(--productos-margin);
}
.box6 .slideCont .swiper-slide {
width: calc((1/3.5 * 100%) - var(--productos-margin));
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .switem {
width: calc(50% - 4px)
}
.prodlist .RCRProdsCont {
grid-template-columns: 1fr 1fr 1fr;
}
.boxMini .slideCont,
.boxMiniRel .slideCont {
overflow: visible;
}
.boxMini .slideCont .swiper-slide,
.boxMiniRel .slideCont .swiper-slide {
width: calc((100% / 4) - (12px * 3 / 4));
}
}
/*################
###### 7 6 8 #####
################*/
@media screen and (min-width: 767px) {
header .hcont> div> .htconc .buscador {
display: block !important;
opacity: 1;
}
.menu {
display: block;
}
.cd-secondary-dropdown {
position: static;
padding: 0;
}
.cd-secondary-dropdown ul {
padding: 0;
height: auto;
position: static;
}
.cd-secondary-dropdown ul.move-out {
position: static;
}
.cd-secondary-dropdown ul.is-hidden {
position: absolute;
}
.cd-secondary-dropdown ul.move-out> li> p {
position: absolute;
}
.cd-secondary-dropdown.move-out> li> p {
position: absolute;
}
.menu_mob {
display: none;
}
}
@media screen and (max-width: 768px) {
.socialShare {
transform: scale(1.3);
width: 76.923%;
margin: 0 11.5385% 12px;
}
.socialShare .sswa {
display: block;
}
#login_box:after {
right: 12px;
}
.radiobtn input[type="radio"] {
width: 24px;
height: 24px;
}
.radiobtn> span {}
.radiobtn> span:before {
width: 24px;
height: 24px;
}
header .header {
display: flex;
flex-shrink: 1;
}
header .header .btnmenu.active {
z-index: 11;
border-radius: 100%;
background-color: #fff;
}
header .header .btnmenu.active.translate:first-child {
transform: translateX(320px);
}
header .header .btnmenu.active.translate:last-child {
transform: translateX(-320px);
}
header .header .headerCont {
width: 100%;
}
header .menu {
display: none !important;
}
header .menu.leftSlide {
padding: 0;
display: block;
}
header .menu .menuCont {
display: block;
width: 100%;
}
header .menu .menuCont .menulang {
display: block;
}
.mcPrincipal {
display: block;
position: static;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
visibility: visible;
height: auto;
overflow: hidden;
}
.mcPrincipal> a {
display: none;
}
.mcPrincipal> a span {}
.mcPrincipal .cd-dropdown-trigger {
display: none;
}
.mcPrincipal ul.cd-dropdown li {
height: auto;
}
.mcPrincipal li a {
padding: 20px 12px;
}
.mcPrincipal ul> li.go-back> p> span:after {
padding: 20px 12px;
}
.mcPrincipal ul> li> p> span {}
.cd-dropdown-content {
position: static;
padding: 0;
}
.cd-dropdown-content ul {
padding: 0;
height: auto;
position: static;
}
.cd-dropdown-content ul.move-out {
position: static;
}
.cd-dropdown-content ul.is-hidden {
position: absolute;
}
.cd-dropdown-content ul.move-out> li> p {
position: absolute;
}
.cd-dropdown-content.move-out> li> p {
position: absolute;
}
.mcDestacado {
display: block;
background: rgba(0, 0, 0, 0.05);
}
.mcDestacado ul {
display: block;
}
.mcDestacado ul li {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-left: 0;
}
.mcDestacado ul li a {
display: block;
text-transform: none;
padding: 16px 12px;
width: 100%;
}
.mcDestacado ul li a span {}
.langSelector {
padding: 8px;
}
.menu_mob.leftSlide,
.menu_mob.rightSlide {
display: block;
}
/*MENU*/
/*header .header .btnmenu.active { transform: translateX(320px); z-index: 11; }
header .header .fndmenu.active { width: 100%; opacity: 1; }*/
/*MODAL USUARIO*/
#user {
position: static;
}
/*#login_box { width: 300px; display: flex; bottom: 0; right: -304px; position: fixed; height: 100vh; top: 0; font-size: 18px; flex-flow: column wrap; justify-content: center; border: 0; transition: all 300ms ease; }*/
/*#login_box.active { right: 0; box-shadow: 0 0 40px rgba(0,0,0,1); }*/
#login_box:after {
content: "";
}
#login_box input[type="text"],
#login_box input[type="password"] {
padding: 8px 12px;
}
#login_box .spnLogError {}
#login_box input[type="button"],
#login_box input[type="submit"],
#login_box #lnkBtnReg,
#login_box #btLoginUsu,
#login_box #btLogout {
font-size: 16px;
line-height: 22px;
}
#login_box .title {
font-size: 18px;
margin: 0 0 16px;
}
#login_box .usuario-registrado {
padding: 40px 16px;
}
#login_box .usuario-registrado input[type="button"],
#login_box .UsuReg input[type="submit"] {}
#login_box .usuario-registrado a {}
#login_box .usuario-no-registrado {
padding: 40px 16px;
}
#login_box .usuario-no-registrado input[type="button"],
#login_box .usuario-no-registrado input[type="submit"] {}
.Newsletter #dvNewsletterRegister #dvNewsletterRegisterCont form {
display: block;
}
.Newsletter #dvNewsletterRegister #dvNewsletterRegisterCont form> div {
width: 100%;
}
.Newsletter #dlNewsletterRegister {
margin: 20px 0 0;
padding: 0;
}
.box2 .boxCont> div> div {
flex-flow: row wrap;
}
.box2 .boxCont .boxItem {
width: 100%;
}
.box2 .boxCont .boxItem> div {
padding-bottom: 50%;
}
.box3a {
/* overflow-x: scroll; */
padding: 0 20px 24px 20px;
}
.box3a .boxCont::-webkit-scrollbar {
height: 8px;
}
.box3a .boxCont::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #F5F5F5;
}
.box3a .boxCont::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 0 2px #F5F5F5;
background-color: #ccc;
}
.box3a .boxCont {
overflow-x: auto;
position: relative;
}
.box3a .boxCont .boxItem {
width: 60%;
}
.box3a .boxCont .boxItem> div {
padding-bottom: 45%;
}
.box3a .boxCont .boxItem .bicTitle {
font-size: 100%;
}
.box3 {
/* overflow-x: scroll; */
padding: 0 0px 24px;
}
.box3 .boxCont .boxItem {
width: 60%;
}
.box3 .boxCont .boxItem .bicTitle {
font-size: 100%;
}
.bndBox3 .bndBox3Cont {
display: block;
}
.bndBox3 .bndBox3Cont> div {
width: 100%;
}
.bndBox3 .bndBox3Cont> div:not(:last-child) {
margin: 0 0 12px;
}
footer .footerInfo .footerInfoCont .FICBox:first-child {
width: 100%;
margin-bottom: 24px
}
footer .footerInfo .footerInfoCont .FICBox:nth-of-type(2),
footer .footerInfo .footerInfoCont .FICBox:last-of-type,
footer .footerInfo .footerInfoCont .FICBox:first-of-type {
width: 100%;
margin: 12px 0;
}
footer .footerInfo .footerInfoCont .FICBox:nth-child(2) {
border: 0
}
footer .footerInfo .footerInfoCont .vline {
width: 100%;
height: 2px;
}
.Marcas .genericCont .listadoMarcas ul li {
width: calc(25% - 16px);
}
.contactBand {
display: block;
text-align: center;
}
.contactBand .socialUl {
text-align: center;
}
.generic .dvPromo {
display: block;
}
.generic .dvPromo .img {
width: 180px;
float: left;
}
.generic .dvPromo .left {
width: auto;
}
.generic .dvPromo .right {
width: 100%;
}
#dvValidarChequeRegalo {
display: block;
}
#dvValidarChequeRegalo> form {
margin: 20px 0 0;
max-width: 100%;
}
#dvContactoInfo {
display: block;
}
#dvContactoInfo .ContactoInfo {
width: 100%;
margin: 0 0 20px;
}
#dvContactoInfo .ContactoMapa {
width: 100%;
}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm {
display: block;
}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .dvDatosGeneralesFormLeft {
margin: 0;
}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .dvDatosGeneralesFormRight {
padding: 0;
border: 0;
}
#tblVerCesto,
#tblVerCesto> tbody,
#tblVerCesto> td,
#tblVerCesto> tr {
display: block;
width: 100%;
}
#tblVerCesto> th,
#tblVerCesto table th,
#tblVerCesto> tbody> tr:first-of-type {
display: none;
}
#tblVerCesto #thCantidadProducto,
#tblVerCesto .tdCantidadProducto,
#tblVerCesto .trProductoCesta .tdImporteProducto,
#tblVerCesto #thImporteProducto,
#tblVerCesto .tdImporteTotalProducto,
#tblVerCesto .trProductoCesta .tdEliminaProducto {
width: 100%;
}
#tblVerCesto> tbody> tr> td {
padding: 8px;
}
#tblVerCesto .trProductoCesta {
display: flex;
flex-flow: row wrap;
/* margin: 0 0 20px; */
background: rgba(0, 0, 0, 0.02);
}
#tblVerCesto .trProductoCesta .tdNombreProducto {
width: 100%;
}
#tblVerCesto .trProductoCesta .tdCantidadProducto {
width: 45%;
}
#tblVerCesto .tdCantidadProducto .tdCantidadTotal {
padding: 4px 0;
}
#tblVerCesto .trProductoCesta .tdImporteProducto {
width: 45%;
text-align: center;
display: flex;
align-items: center;
justify-content: flex-end;
font-weight: var(--bold1);
font-size: 130%;
}
#tblVerCesto .trProductoCesta .tdEliminaProducto {
width: 10%;
display: flex;
align-items: center;
justify-content: center;
}
#tblVerCesto .trProductoCesta .tdEliminaProducto:before {
font-size: 14px;
}
#tblVerCesto> tbody> tr> td:first-child a img {
width: 80px;
border-radius: 4px;
}
#tblVerCesto .trTotal {
font-weight: var(--bold1);
display: block;
}
#tblVerCesto .trTotal> td:first-child,
#tblVerCesto .trTotal> td:last-child {
display: none;
}
#tblVerCesto .trTotal> td:first-child:not(:empty) {
display: block;
}
#tblVerCesto .trProductoCesta .tdImporteProducto,
#tblVerCesto #thImporteProducto,
#tblVerCesto .tdImporteTotalProducto {
font-size: 120%;
}
.trTotal .spnTotalCarrito {
font-size: 130%;
}
#dvCuponesCarrito .aplicados> div {
padding: 4px 8px;
}
#dvCuponesCarrito .aplicados .nombre {}
#dvCuponesCarrito .aplicados .eliminar a {
font-size: 14px;
}
#dvCuponesCarrito .aplicar {
max-width: 100%;
}
#dvCuponesCarrito> p {
max-width: 100%;
}
#dvCuponesCarrito .aplicados:not(:last-child) {
order: 0;
margin-bottom: 8px;
}
#dvPedidosListUserCont table tr td {
padding: 12px 4px;
}
#dvPedidosListUserCont table th:last-child,
#dvPedidosListUserCont table th:nth-child(5),
#dvPedidosListUserCont table th:nth-child(4),
#dvPedidosListUserCont table th:nth-child(6) {
display: none;
}
#dvPedidosListUserCont table tr td:last-child,
#dvPedidosListUserCont table tr td:nth-child(5),
#dvPedidosListUserCont table tr td:nth-child(4),
#dvPedidosListUserCont table tr td:nth-child(6) {
display: none;
}
#dvPedidosListUserCont table tr td:nth-child(3) {
width: 90px;
min-width: 90px;
}
#tblResumenProds,
#tblResumenProds> tbody,
#tblResumenProds> td,
#tblResumenProds> tr {
display: block;
width: 100%;
}
#tblResumenProds> th,
#tblResumenProds table th,
#tblResumenProds> tbody> tr:first-of-type {
display: none;
}
#tblResumenProds #thCantidadProducto,
#tblResumenProds .tdCantidadProducto,
#tblResumenProds .trProductoCesta .tdImporteProducto,
#tblResumenProds #thImporteProducto,
#tblResumenProds .tdImporteTotalProducto,
#tblResumenProds .trProductoCesta .tdEliminaProducto {
width: 100%;
}
#tblResumenProds> tbody> tr> td {
padding: 8px;
}
#tblResumenProds .trProductoCesta {
display: flex;
flex-flow: row wrap;
margin: 0 0 20px;
background: rgba(0, 0, 0, 0.02);
}
#tblResumenProds .trProductoCesta .tdNombreProducto {
width: 100%;
}
#tblResumenProds .trProductoCesta .tdCantidadProducto {
width: 45%;
}
#tblResumenProds .tdCantidadProducto .tdCantidadTotal {
padding: 4px 0;
}
#tblResumenProds .trProductoCesta .tdImporteProducto {
width: 45%;
text-align: center;
display: flex;
align-items: center;
justify-content: flex-end;
font-weight: var(--bold1);
font-size: 130%;
}
#tblResumenProds .trProductoCesta .tdEliminaProducto {
width: 10%;
display: flex;
align-items: center;
justify-content: center;
}
#tblResumenProds .trProductoCesta .tdEliminaProducto:before {
font-size: 14px;
}
#tblResumenProds> tbody> tr> td:first-child a img {
width: 80px;
}
#tblResumenProds .trTotal {
font-weight: var(--bold1);
}
#tblResumenProds .trTotal> td:first-child,
#tblResumenProds .trTotal> td:last-child {
display: none;
}
#tblResumenProds .trProductoCesta .tdImporteProducto,
#tblResumenProds #thImporteProducto,
#tblResumenProds .tdImporteTotalProducto {
font-size: 120%;
}
.generic .genericCont .resumenCarrito {
display: block;
}
.generic .genericCont .resumenCarrito .resumenFacturacion,
.resumenCarrito .resumenEnvio {
width: 100%;
}
.resumenProductos #tblResumenProds,
.resumenProductos #tblResumenProds> tbody,
.resumenProductos #tblResumenProds td,
.resumenProductos #tblResumenProds tr {
display: block;
width: 100%;
text-align: center;
}
.resumenProductos #tblResumenProds tr {
display: flex;
flex-flow: row wrap;
padding: 8px;
}
.resumenProductos #tblResumenProds> tbody> tr> td:first-child {
font-weight: var(--bold1);
}
.resumenProductos #tblResumenProds> tbody> tr:not(.trTotales)> td:first-child:before {
content: "\f105";
font-weight: 900;
font-family: "Font Awesome 6 Pro";
margin-right: 4px;
font-size: 16px;
}
.resumenProductos #tblResumenProds> tbody> tr> td:nth-child(2) {
width: 50%;
text-align: left;
}
.resumenProductos #tblResumenProds> tbody> tr> td:nth-child(3) {
width: 50%;
text-align: right;
}
.resumenProductos #tblResumenProds> tbody> tr.trTotales div:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding-bottom: 4px;
}
/*catalogo*/
body.catalog footer .footerInfo .footerInfoCont .FICBox:first-of-type {
width: 100%;
}
body.catalog footer .footerInfo .footerInfoCont .FICBox:nth-of-type(2) {
width: 0;
}
body.catalog footer .footerInfo .footerInfoCont .FICBox:last-of-type {
width: 100%;
}
.datosCompra {}
.datosCompra .datosCompraRight {}
.datosCompra .datosCompraLeft {}
.datosCompra .dvCabRealizarPedidoMetodo .dvCabRealizarPedidoMetodoInt {
padding: 12px 12px 0;
}
.datosCompra .datosCompraRight #tblVerCesto {}
.datosCompra .datosCompraRight #tblVerCesto,
.datosCompra .datosCompraRight #tblVerCesto> tbody,
.datosCompra .datosCompraRight #tblVerCesto> td,
.datosCompra .datosCompraRight #tblVerCesto> tr {
padding: 0;
}
.datosCompra .datosCompraRight #tblVerCesto> th,
#tblVerCesto table th,
#tblVerCesto> tbody> tr:first-of-type {}
.datosCompra .datosCompraRight #tblVerCesto #thCantidadProducto,
.datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto,
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto #thImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto,
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto {}
.datosCompra .datosCompraRight #tblVerCesto> tbody> tr> td {
display: table-cell;
width: auto;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta {
display: flex;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta:nth-last-child(2) {}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdNombreProducto {
width: 100%;
display: block;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdCantidadProducto {
display: block;
width: 45%;
max-width: 100%;
}
.datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto .tdCantidadTotal {}
.datosCompra #tblVerCesto .tdCantidadProducto .tdCantidadTotal input {}
.datosCompra .datosCompraRight #tblVerCesto> tbody> tr> td:first-child a img {}
.datosCompra .datosCompraRight #tblVerCesto .trTotal {}
.datosCompra .datosCompraRight #tblVerCesto .trTotal> td:first-child,
.datosCompra #tblVerCesto .trTotal> td:last-child {}
.datosCompra .datosCompraRight #tblVerCesto .trTotal> td:first-child:not(:empty) {}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto #thImporteProducto,
.datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto {
display: block;
width: 120px;
min-width: 120px;
text-align: right;
}
.datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto {
min-width: 180px;
display: table-cell;
width: 100%;
padding: 8px;
}
.datosCompra .datosCompraRight .trTotal .spnTotalCarrito {}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto {
width: 45% !important;
text-align: center;
display: flex;
align-items: center;
justify-content: flex-end;
font-weight: var(--bold1);
font-size: 120%;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto {
width: 10%;
display: flex;
align-items: center;
justify-content: center;
}
.datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto:before {}
.datosCompra #dvCestaCont .pIncremPed .spnIncremPed {}
.datosCompra #dvCestaCont .cestaEnvioGratis,
.datosCompra #dvCestaCont .cestaEnvioGratis a,
.datosCompra #dvCestaCont .cestaEnvioGratis a span {
width: auto;
}
/*NOTICIAS*/
.widNot .widNotCont .bgc {
padding: 0 12px;
}
.bmmin2> .widNotCont> .widNotContNots {
column-count: 1;
}
.bmmin3 .widNotContNots {
justify-content: space-between;
}
.bmmin3 .bloggalcont> .bgc {
padding: 0;
margin: 0 0 8px;
}
.bmmin3 .bloggalcont {
text-align: left;
width: calc(50% - 10px);
text-decoration: none;
padding: 0;
}
.bmmin3 .bloggalcont:nth-child(3n-1) {
margin: 0 0 20px;
}
.bmmin3 .bloggalcont> .bgc> .bgctitle {}
.bmmin3 .bloggalcont> .bgc> .bgctitle:after {
top: 40px
}
.bmmin3 .bloggalcont> .bgc> .bgctitle a {
font-size: 16px;
line-height: 20px;
}
.bmmin3 .bloggalcont .bgcinfo {
display: none;
}
.box4 .swiper-slide {
width: calc((1/2.7 * 100%) - (var(--productos-margin)*(2/3)));
}
.box6 .slideCont .swiper-slide {
width: calc((1/3.5 * 100%) - var(--productos-margin));
}
}
/*################
###### 6 4 0 #####
################*/
@media screen and (min-width: 640px) {
#search {
display: block !important;
opacity: 1;
}
}
@media screen and (max-width: 640px) {
.SimpleModal.modal-mcd .title {
font-size: 24px;
line-height: 140%;
}
#PORT02 .PORT02Cont {
grid-template-columns: 1fr;
grid-gap: 16px;
}
.dvBanner:not(.slideCupones3) {
padding: 12px;
}
.boxMini {}
.Marcas .genericCont .listadoMarcas ul li {
width: calc(33.333% - 16px);
}
#dvContactoCont {}
#dvContactoInfo {}
#dvContactoInfo> p {}
#dvContactoInfo .ContactoInfo {}
#dvContactoInfo .ContactoMapa {}
#dvContactoInfo .ContactoMapa iframe {}
.dvContactoForm {}
#ulContatoInfo {}
#ulContatoInfo .dvContactoFormItem,
#ulContatoInfo .dvContactoFormGroup {}
#ulContatoInfo input[type="text"],
#ulContatoInfo textarea {}
.dvContatoInfoSup {
display: block;
}
.dvContatoInfoSup .dvContactoFormLeft {}
.dvContatoInfoSup .dvContactoFormLeft .dvContactoFormItem {}
.dvContatoInfoSup .dvContactoFormLeft .dvContactoFormItem input {}
.dvContatoInfoSup .dvContactoFormRight {
margin: 0;
}
.dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem {}
.dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo {}
.dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo textarea {}
.dvContatoInfoSub {
display: block;
}
.dvContatoInfoSub .ulContatoInfoSubItem {}
.dvContatoInfoSub .ulContatoInfoSubItem .dvContactoInfo:last-child {
max-width: 100%;
}
.dvContatoInfoSub .tac {
width: 100%;
margin: 0 0 12px;
}
.dvContatoInfoSub input[type="button"] {
width: 100%
}
.dvContatoInfoSub .tac .dvContactoInfo {}
.dvContatoInfoSub .ulContatoInfoSubGroup {
width: 100%;
margin: 0;
}
.dvContatoInfoSub input[type="submit"] {}
.generic .genericCont #dvDetFactEnv {
display: block;
}
.generic .genericCont #dvDetFactEnv> * {
width: 100%;
}
.carritoDatos .carritoDatosRight .carritoFacturacion ul li,
.carritoDatos .carritoDatosRight .carritoEnvio ul li {
width: 100%;
margin: 0 0 4px;
}
.carritoDatos .carritoDatosRight .carritoFacturacion,
.carritoDatos .carritoDatosRight .carritoEnvio,
.carritoDatos .carritoDatosRight .carritoPago,
.carritoDatos .carritoDatosLeft .carritoObservaciones {
padding: 12px;
}
.carritoEnvio .dvAcepEnv {
flex-direction: column;
}
.carritoEnvio .dvAcepEnv.oculto {
display:none;
}
.carritoEnvio .radioEnvio label {
width: 100%;
}
#dvLnkCarrito .btnIzq span {
display: none;
}
#dvMetodoPagoBotones {
flex-direction: column-reverse;
align-items: center;
}
#dvMetodoPagoBotones .btnDerCont {
margin: 0 0 32px;
align-items: center;
}
#dvMetodoPagoBotones .btnDerCont> * {
align-self: center;
}
.formBox> div #ulContatoInfo .dvContatoInfoSup {
display: block;
}
.formBox> div #ulContatoInfo .dvContactoFormLeft {
margin: 0;
width: 100%;
}
.formBox> div #ulContatoInfo .dvContactoFormRight {
margin: 0;
width: 100%;
}
.formBox> div #ulContatoInfo .dvContatoInfoSub {
display: block;
}
.formBox> div #ulContatoInfo .dvContatoInfoSub .tac,
.formBox> div #ulContatoInfo .dvContatoInfoSub #bc_enviar {
width: 100%;
margin: 0 0 8px;
}
.formBox> div #ulContatoInfo input[type="text"],
.formBox> div #ulContatoInfo input[type="tel"],
.formBox> div #ulContatoInfo input[type="email"],
.formBox> div #ulContatoInfo textarea {
padding: 8px;
}
.SimpleModal.modal-mcd .wrap {
padding: 32px 12px 12px;
max-height: 100vh;
}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .nombre {
font-size: 16px;
line-height: 20px;
}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .codigo {
font-size: 14px;
line-height: 18px;
}
.SimpleModal.modal-mcd .cuponInfoCont {
display: block;
margin: 0 auto;
}
.SimpleModal.modal-mcd .cuponInfoCont .img {
width: 100%;
}
.SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText {
width: 100%;
min-height: 130px;
flex: 1;
padding: 24px 8px;
}
.loginCart {
display: block;
text-align: center;
}
.loginCart .loginCartReg {
width: 100%;
}
.loginCart .loginCartNoReg {
width: 100%;
}
.breadcrumb {
margin: 0 0 12px;
}
.bmmin1 .bloggalcont> a> img {
width: 160px;
max-width: 160px;
min-width: 160px;
}
.box2 .boxCont .boxItem {
margin-bottom: var(--mosaico-margin)
}
.box3 .boxCont .boxItem {
width: calc((1/1.333 * 100%) - (var(--mosaico-margin)*(2/3)));
}
.box4 .slideCont .sw {
padding-left: 0;
}
.box4 .swiper-slide {
width: calc((1/1.75 * 100%) - (var(--productos-margin)*(2/3)));
}
.box6 .slideCont .swiper-slide {
width: calc((1/2 * 100%) - var(--productos-margin));
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .switem {
width: calc(100% - 4px)
}
.RCRProdsCont,
.prodlist .RCRProdsCont {
grid-template-columns: 1fr 1fr;
}
.RCRProds .RCRProdsPrev {
flex-direction: column;
}
.RCRProds .RCRProdsPrev .RCRProdsPrevRight {
justify-content: center;
width: 100%;
max-width: 420px;
}
.RCRProds .RCRProdsPrev .numProds {
margin: 8px auto;
}
.boxMini .slideCont .swiper-slide,
.boxMiniRel .slideCont .swiper-slide {
width: calc((100% / 2) - (12px * 2 / 3));
}
.bmmin3 .widNotContNots .bloggalcont {
width: 48%;
}
.bmmin3 .widNotContNots .bloggalcont:nth-child(3):last-child,
.bmmin3 .widNotContNots .bloggalcont:nth-child(2):last-child,
.bmmin3 .widNotContNots .bloggalcont:first-child:last-child {
margin-right: inherit;
}
}
/*################
###### 4 8 0 #####
################*/
@media screen and (max-width: 480px) {
.news1 .newsCont .newsMail form {
display: block;
}
.news1 .newsCont .newsMail .newsInput {}
.news1 .newsCont .newsMail .newsBtn {
margin: 8px auto 0;
padding: 8px 12px;
width: 100%;
}
footer {
text-align: center;
}
footer .footerInfo .footerInfoCont {
/* flex-flow:column-reverse wrap; */
}
footer .footerInfo .footerInfoCont .FICBox {
width: 100%;
margin-bottom: 32px;
}
footer .footerInfo .footerInfoCont .FICBox .FICBoxList {
column-count: 1;
}
footer .footerEnd .footerEndCont> div {
width: 100%;
}
footer .footerInfo .footerInfoCont .FICBox .FICBoxList li {
justify-content: center;
}
footer .footer-footerEnd .footerEndCont .FECPaxinas {
margin-top: 12px;
}
footer .footerEnd .footerEndCont .FECPaxinas {
justify-content: center;
}
.Marcas .genericCont .listadoMarcas ul li {
width: calc(50% - 16px);
}
.Newsletter #dlNewsletterRegister .newsletterEnvio .dlCaptcha {
margin: 0 0 12px;
width: 100%;
}
.Newsletter #dlNewsletterRegister .newsletterEnvio {
display: block;
}
.dvContatoInfoSub .ulContatoInfoSubItem {
display: block;
}
.dvContatoInfoSub .dvCaptcha {
width: 100%;
margin: 0 0 12px;
}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect span {
width: 20%;
}
.usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect span:nth-child(2) {
width: 45%
}
/* header .header .btnmenu.active.translate { transform: translateX(280px); }*/
header .header .btnmenu.active.translate:first-child {
transform: translateX(280px);
}
header .header .btnmenu.active.translate:last-child {
transform: translateX(-280px);
}
.leftSlide.menu_mob {
left: -280px;
width: 280px;
}
.rightSlide.menu_mob {
right: -280px;
width: 280px;
}
/*header .menu { left: -280px; width: 280px; }*/
#tblVerCesto> tbody> tr> td:first-child a img {
width: 56px;
}
#tblVerCesto .trTotal #liPagaMasTardeSim {
flex-direction: column;
max-width: 360px;
margin: 0 auto;
}
#tblVerCesto .trTotal #liPagaMasTardeSim:before {
height: 50px;
width: 100%;
justify-content: center;
}
#dvLnkCarrito {
flex-direction: column;
}
#dvLnkCarrito .btnDer {
width: 100%;
margin: 0 0 12px;
justify-content: center;
}
#dvLnkCarrito .btnIzq {
width: 100%;
justify-content: center;
}
#dvMetodoPagoBotones .btnDerCont {
margin: 0 0 12px;
}
#dvMetodoPagoBotones .btnDerCont> * {
width: 100%;
justify-content: center;
margin: 0 0 12px;
}
#dvMetodoPagoBotones .btnIzq {
width: 100%;
justify-content: center;
}
.SimpleModal.LoginRegister-modal .wrap {
padding: 48px 12px 12px;
}
#Res .RCRProdsCont .prodItem {
width: 100%;
margin: 0 auto 20px;
max-width: 280px;
}
.slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo:before {
display: none;
}
.generic .dvPromo {
max-width: 300px;
margin: 0 auto;
}
.generic .dvPromo:not(:last-child) {
margin: 0 auto 20px;
}
.generic .dvPromo .img {
width: 100%;
float: none;
padding: 12px 12px 0;
}
.generic .dvPromo .img a {
max-width: 280px;
padding: 0;
}
.generic .dvPromo .left {
width: 100%;
}
.generic .dvPromo .right {
width: 100%;
}
.dvBanner.envioMini .dvBannerCont {
font-size: 12px;
line-height: 14px;
}
/* MOSAICO */
.bmmin1 .bloggalcont> a> img {
width: 120px;
max-width: 120px;
min-width: 120px;
}
.bmmin1 .bloggalcont .bgcinfo {
max-height: 40px;
display: none;
}
/*.box4 .swiper-slide { width: calc((1/1.333 * 100%) - 20px); }*/
.box4 {
padding: var(--section-margin) 0;
}
.socialBox--fixed .socialUl a {
width: 48px;
height: 48px;
font-size: 28px;
}
}
/* ANIMACIONES */
@-webkit-keyframes inM {
50% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(45deg);
}
}
@keyframes inM {
50% {
transform: rotate(0deg);
}
100% {
transform: rotate(45deg);
}
}
@-webkit-keyframes outM {
50% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(45deg);
}
}
@keyframes outM {
50% {
transform: rotate(0deg);
}
100% {
transform: rotate(45deg);
}
}
@-webkit-keyframes inT {
0% {
-webkit-transform: translateY(0px) rotate(0deg);
}
50% {
-webkit-transform: translateY(5px) rotate(0deg);
}
100% {
-webkit-transform: translateY(5px) rotate(135deg);
}
}
@keyframes inT {
0% {
transform: translateY(0px) rotate(0deg);
}
50% {
transform: translateY(5px) rotate(0deg);
}
100% {
transform: translateY(5px) rotate(135deg);
}
}
@-webkit-keyframes outT {
0% {
-webkit-transform: translateY(0px) rotate(0deg);
}
50% {
-webkit-transform: translateY(5px) rotate(0deg);
}
100% {
-webkit-transform: translateY(5px) rotate(135deg);
}
}
@keyframes outT {
0% {
transform: translateY(0px) rotate(0deg);
}
50% {
transform: translateY(5px) rotate(0deg);
}
100% {
transform: translateY(5px) rotate(135deg);
}
}
@-webkit-keyframes inBtm {
0% {
-webkit-transform: translateY(0px) rotate(0deg);
}
50% {
-webkit-transform: translateY(-5px) rotate(0deg);
}
100% {
-webkit-transform: translateY(-5px) rotate(135deg);
}
}
@keyframes inBtm {
0% {
transform: translateY(0px) rotate(0deg);
}
50% {
transform: translateY(-5px) rotate(0deg);
}
100% {
transform: translateY(-5px) rotate(135deg);
}
}
@-webkit-keyframes outBtm {
0% {
-webkit-transform: translateY(0px) rotate(0deg);
}
50% {
-webkit-transform: translateY(-5px) rotate(0deg);
}
100% {
-webkit-transform: translateY(-5px) rotate(135deg);
}
}
@keyframes outBtm {
0% {
transform: translateY(0px) rotate(0deg);
}
50% {
transform: translateY(-5px) rotate(0deg);
}
100% {
transform: translateY(-5px) rotate(135deg);
}
}
@keyframes blink {
0% {
opacity: 1;
}
16.6666% {
opacity: 0;
}
33.3333% {
opacity: 1;
}
50% {
opacity: 0;
}
66.6666% {
opacity: 1;
}
83.3333% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes blink {
0% {
opacity: 1;
}
16.6666% {
opacity: 0;
}
33.3333% {
opacity: 1;
}
50% {
opacity: 0;
}
66.6666% {
opacity: 1;
}
83.3333% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes flash {
0% {
opacity: 1
}
3% {
opacity: 0
}
6% {
opacity: 1
}
9% {
opacity: 0
}
12% {
opacity: 1
}
15% {
opacity: 0
}
18% {
opacity: 1
}
100% {
opacity: 1
}
}
@keyframes flash {
0% {
opacity: 1
}
3% {
opacity: 0
}
6% {
opacity: 1
}
9% {
opacity: 0
}
12% {
opacity: 1
}
15% {
opacity: 0
}
18% {
opacity: 1
}
100% {
opacity: 1
}
}
/*******************************
OPINIONS
*******************************/
.opinions.dvCajaBannerPerso {
padding: var(--section-margin) 16px;
background: -moz-linear-gradient(top, var(--light) 0%, #fff 100%);
background: -webkit-linear-gradient(top, var(--light) 0%, #fff 100%);
background: linear-gradient(to bottom, var(--light) 0%, #fff 100%);
}
.opinions.dvCajaBannerPerso .title2 {
text-align: center;
}
.opinions.dvCajaBannerPerso .container {
max-width: var(--max-width);
margin: 0 auto;
}
.opinions.dvCajaBannerPerso .swiper-container-horizontal>.swiper-pagination-bullets {
bottom: 0;
}
.opinions.dvCajaBannerPerso .swiper-container {
padding-bottom: 40px;
overflow: hidden;
position: relative;
}
.opinions.dvCajaBannerPerso .opinions__item {
padding: 0 1rem 1rem;
}
.opinions.dvCajaBannerPerso .opinions__text {
font-style: italic;
}
.opinions--estilo1.dvCajaBannerPerso .opinions__title {
margin: 0 0 0.6rem;
}
.opinions.dvCajaBannerPerso .swiper-pagination {
line-height: 100%;
}
.opinions--estilo2.dvCajaBannerPerso .swiper-button-prev,
.opinions--estilo2.dvCajaBannerPerso .swiper-button-next {
display: none;
}
/* Estilo 1 */
.opinions--estilo1.dvCajaBannerPerso .opinions__item {
display: flex;
flex-direction: column-reverse;
padding: 1rem;
background: #fff;
border-radius: var(--radius1);
}
.opinions--estilo1.dvCajaBannerPerso .opinions__text {
font-style: italic;
position: relative;
padding: 0 0 1rem;
}
.opinions--estilo1.dvCajaBannerPerso .opinions__title {
margin: 0;
}
.opinions--estilo1.dvCajaBannerPerso .opinions__title {
padding: 0.5rem 0 0;
border-top: 1px solid rgba(0, 0, 0, 0.2);
}
/* Estilo 2 */
.opinions--estilo2.dvCajaBannerPerso .swiper-container {
padding: 20px 0 0;
overflow: hidden;
position: relative;
}
.opinions--estilo2.dvCajaBannerPerso .swiper-pagination {
display: none;
}
.opinions--estilo2.dvCajaBannerPerso .swiper-button-next,
.opinions--estilo2.dvCajaBannerPerso .swiper-button-prev {
width: 60px;
height: 40px;
text-align: center;
background: var(--secondary);
color: #fff;
left: inherit;
top: 0;
left: inherit;
transform: translate(0);
margin: 0;
}
.opinions--estilo2.dvCajaBannerPerso .swiper-button-prev {
right: 62px;
left: inherit;
border-radius: var(--radius1) 0 0 var(--radius1);
display: flex;
}
.opinions--estilo2.dvCajaBannerPerso .swiper-button-next {
right: 0;
border-radius: 0 var(--radius1) var(--radius1) 0;
display: flex;
}
.opinions--estilo2.dvCajaBannerPerso .swiper-button-next:after,
.opinions--estilo2.dvCajaBannerPerso .swiper-button-prev:after {
font-size: 20px;
}
.opinions--estilo2.dvCajaBannerPerso .opinions__item {
display: flex;
flex-direction: column;
background: #fff;
border-radius: var(--radius1);
overflow: hidden;
padding: 1rem 0 0;
}
.opinions--estilo2.dvCajaBannerPerso .opinions__text {
font-style: italic;
margin: 0 0 0.75rem;
position: relative;
order: 1;
padding: 0 1rem;
}
.opinions--estilo2.dvCajaBannerPerso .opinions__title {
margin: 0;
}
.opinions--estilo2.dvCajaBannerPerso .opinions__text:before {
font-size: 3rem;
color: var(--primary);
opacity: 0.5;
content: '\f10d';
line-height: 100%;
font-weight: 900;
display: block;
margin: 0 0 1rem;
font-family: "Font Awesome 6 Pro";
}
.opinions--estilo2.dvCajaBannerPerso .opinions__title {
order: 2;
padding: 0 1rem 1rem;
margin: 0;
}
.opinions--estilo2.dvCajaBannerPerso .opinions__stars {
order: 3;
background: #eee;
padding: 1rem;
color: #ff8345;
}
/*Cambiar iconos de carrito: f07a f290 f847 f49c f49d*/
.fa-shopping-cart:before { content: "\f07a"!important; font-weight:var(--weight-fa); }
/*Cambiar iconos de carrito: f007 f0c0 f2bd f508 f582 f406 f7bd*/
.fa-user:before { content: "\f2bd"!important; font-weight:var(--weight-fa);}
.fa-search:before{font-weight:var(--weight-fa);}
header{border-bottom:1px solid rgba(0,0,0,0.1); border-top:2px solid var(--secondary); }
/* Estilo para dise�o 1B */
/*
.tiendaPortada header{position:absolute;top:0;left:0;width:100%; z-index:2; border:0; background:none;}
*/
/* PreHeader */
header .preHeader { background: var(--light);display:none; }
header .preHeader .preHeaderCont { padding: 4px 8px; display: flex; justify-content: space-between; align-items: center; font-weight: normal; font-size: 12px; line-height: 140%; max-width: var(--max-width); margin: 0 auto; }
header .preHeader .preHeaderCont .phcLeft { }
header .preHeader .preHeaderCont .phcLeft p { text-transform: uppercase; font-weight: var(--bold1); color: #333; font-size: 15px; }
header .preHeader .preHeaderCont .phcRight { flex-shrink: 0; margin-left: 12px; display: flex; flex-flow: row wrap; align-items: center; }
/*Menu*/
.mcPrincipal .navTrigger{display:none;}
.mcPrincipal .cd-dropdown-trigger span:before{content:'\f0c9'; font-family:'Font Awesome 6 Pro'; margin-right:12px;}
/*Header*/
header .menu{padding-bottom:0;}
header .header { position: relative; max-width: 100%; }
header .header .headerCont { padding:12px; display: flex; justify-content: space-between; align-items: center; max-width: var(--max-width); margin: 0 auto; }
header .header .btnmenu { padding: 0; display: none; align-items: initial; position: relative; z-index: 6; transform: translateX(0); background-color: transparent; transition: all 300ms ease; }
header .header .btnmenu:first-child { margin-right: 12px}
header .header .btnmenu:last-child { margin-left: 12px;}
header .header .fndmenu { display: block; width: 0%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 2; transition: opacity 300ms ease; opacity: 0; padding: 0; }
header .header .headerCont .hcLeft { margin-right: 20px; max-width: 100%; flex-shrink: 0; display: flex; align-items: center;}
header .header .headerCont .hcLeft .hcLogo { /*width: 100%;*/ }
header .header .headerCont .hcLeft .hcLogo a { }
header .header .headerCont .hcLeft .hcLogo a img { display: block; max-width: 200px; width: 100%; }
header .header .headerCont .hcCenter { display: flex; justify-content: flex-end; width: 100%; }
/* Carrito */
#cart {margin-left: 30px;font-weight: var(--bold1); font-size: 16px; line-height: 140%; flex-shrink: 0;position: relative;}
#cart > a { text-decoration: none; display: flex; line-height: 28px; border: 0; overflow: visible; align-items: center; position: relative; color: inherit; }
#cart > a i { font-size: 20px; width: 28px; height: 28px; text-align: center; display: inline-flex; justify-content: center; align-items: center; color:var(--primary); border-radius: var(--radius1);}
#cart > a > span { padding: 0 0 0 4px; }
#cart > a > span .cant:before{content:'(';}
#cart > a > span .cant:after{content:')';}
#cart > a > span span:last-child{display:none;}
/* Usuario */
#user { margin-left: 30px; font-weight: var(--bold1); font-size: 16px; line-height: 140%; flex-shrink: 0; position: relative; }
#user > a { text-decoration: none; display: flex; line-height: 28px; border: 0; overflow: hidden; align-items: center; color: inherit; }
#user a i:not(#btLogout) { font-size: 22px; width: 28px; height: 28px; text-align: center; display: inline-flex; justify-content: center; align-items: center; color:var(--primary); border-radius: var(--radius1); }
#user a #btLogout { margin: 4px 16px 4px 0; font-size: 12px; }
#user a > span { padding: 0 0 0 8px; max-width: 140px; text-overflow: ellipsis; display: block; white-space: nowrap; overflow: hidden; }
/* Buscador */
#searchbtn { display: none; }
#searchbtn a { text-decoration: none; display: flex; line-height: 32px; border: 0; overflow: hidden; align-items: center; display: block; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); font-size: 20px;}
#searchbtn a i { text-align: center; display: inline-flex; justify-content: center; align-items: center; }
#searchbtn a i { font-size: 20px; width: 38px;height: 38px; }
#search {display: none;}
#search .searchBar { position: relative;}
#search .searchBar input {padding: 4px 36px 4px 4px; border-bottom: 1px solid;width: 100%;font-size: 15px; line-height: 24px; margin: 0; border-radius:0; background:transparent;}
#search .searchBar input:focus { outline: none; border-color: #b9b9b9; }
#search .searchBar a { text-decoration:none; right:4px; display: block; position: absolute; top: 50%; transform: translateY(-50%); color: inherit; font-size: 20px;}
header .menu .menuCont{align-items:center;}
.langSelector{padding-right:12px;}
/*################
##### 1 0 2 3 ####
################*/
@media screen and (min-width: 1024px) {
#cart .cart-prod-list:after{right:26px;}
}
@media screen and (max-width: 1023px) {
header .header .headerCont .hcLeft .hcLogo a img{max-width:180px;}
#user{margin-left:8px;}
#cart{margin-left:8px;}
#user a > span { display: none; }
#cart a > span { padding: 0; margin: 0; }
#cart > a i{width:38px; height:38px;font-size:22px; }
#user a i:not(#btLogout){width:38px; height:38px;font-size:22px; }
header .header .headerCont .hcCenter{justify-content:flex-end;}
.searchCont{width: auto;}
}
/*################
##### 9 6 0 ####
################*/
@media screen and (max-width: 960px) {
}
/*################
##### 7 6 8 ####
################*/
@media screen and (min-width: 769px) {
.cd-dropdown{top:calc(100% + 8px);}
}
@media screen and (max-width: 768px) {
header .header .btnmenu{display:flex;}
}
/*################
##### 6 4 0 ####
################*/
@media screen and (min-width: 640px) {
}
@media screen and (max-width: 640px) {
header .header .headerCont .hcLeft .hcLogo a img{max-width:160px;}
header .header .headerCont .hcLeft { flex-shrink: 1; width: 100%; }
header .header .headerCont .hcCenter { flex-shrink: 1; width: auto; }
}
/*################
##### 4 8 0 ####
################*/
@media screen and (max-width: 480px) {
header .header .headerCont{padding:8px 12px;}
header .header .headerCont .hcLeft{margin-right:12px;}
}
/**
* Swiper 4.2.6
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://www.idangero.us/swiper/
*
* Copyright 2014-2018 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: May 1, 2018
*/
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width: auto;height: auto;margin-top: -20px;z-index:9;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat;font-size: 20px;padding: 4px;line-height: 40px;}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto;}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:-8px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#333}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
/*Botones*/
.panel__desc--skin1 .boxCont .bicBtn {display: inline-flex;align-items: center;text-decoration: none;color: var(--secondary-invert); background:var(--secondary); padding: 8px 16px; border-radius: var(--radius1); font-size: 90%;line-height: 140%; text-transform: uppercase; font-weight: var(--bold1);}
/*#PORT01 { margin: calc(var(--mosaico-margin)/2) auto; }*/
/*############
PANEL SIMPLE
� Im�genes 2:1 horizontales (1200x600) */
.panel__simple--skin1 { margin:0 auto; max-width: 1920px; padding:0;border-radius:0 0 var(--radius-default) var(--radius-default); overflow: hidden; }
.panel__simple--skin1 .switem { position: relative; border-radius:0 0 var(--radius-default) var(--radius-default); overflow: hidden; }
.panel__simple--skin1 .switem a { text-decoration: none; color: white; }
.panel__simple--skin1 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; }
.panel__simple--skin1 .switem .switemimg img { display: block; width: 100%; }
.panel__simple--skin1 .switem, .panel__simple--skin1 .switem.swiper-slide-active:active { transform: scale(0.95); transition: all 100ms ease; opacity: .8; }
.panel__simple--skin1 .switem.swiper-slide-active:active a { cursor: grabbing; }
.panel__simple--skin1 .switem .switeminfocont { }
.panel__simple--skin1 .switem .switeminfo { display: flex; flex-direction: column; justify-content: center; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); color: #fff; padding: 16px 48px; position: absolute; top: 0; left: 0; right: 12px; width: 40%; bottom: 0px; background: rgba(var(--filtroPortada),0.4); text-align: center; }
.panel__simple--skin1 .switem .switeminfo .switemtitle .title { font-size: var(--font-xl); line-height: 120%; text-overflow: inherit; white-space: inherit; }
.panel__simple--skin1 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; }
.panel__simple--skin1 .switem .switeminfo .switemdesc { margin: 0 0 12px; }
.panel__simple--skin1 .switem .switeminfo .switemdesc:last-child { margin: 0; }
.panel__simple--skin1 .switem .switeminfo .switemdesc p { margin: 0; }
.panel__simple--skin1 .switem.swiper-slide-duplicate-active,
.panel__simple--skin1 .switem.swiper-slide-active { transform: scale(1); opacity: 1; }
.panel__simple--skin1 .swiper-button-next { right: 2px; text-shadow: 1px 0px 0 white }
.panel__simple--skin1 .swiper-button-prev { left: 2px; text-shadow: -1px 0px 0 white }
.panel__simple--skin1 .switem .switeminfo .switemadd{display: inline-flex;align-items: center;text-decoration: none;color: var(--secondary-invert); background:var(--secondary); padding: 8px 12px; border-radius: var(--radius1); font-size: 90%;line-height: 140%; text-transform: uppercase; font-weight: var(--bold1);}
.panel__simple--skin1 .switem .switeminfo .switemadd:after { content: "\f105"; font-weight: var(--bold1); font-family: "Font Awesome 6 Pro"; font-size: 14px; margin-left: 8px; }
.panel__simple--skin2 { margin:0 auto; max-width: 1920px; padding:0;border-radius:0 0 var(--radius-default) var(--radius-default); overflow: hidden; --polygon:32px;
--path:polygon(var(--polygon) 0, 100% 0, 100% 100%, 0 100%);}
.panel__simple--skin2 .switem { position: relative; overflow: hidden; border-radius:0 0 var(--radius-default) var(--radius-default);background: var(--primary);}
.panel__simple--skin2 .switem a { text-decoration: none; color: white; display:grid; flex-direction:row-reverse; grid-template-columns: 40% 60%;}
.panel__simple--skin2 .switem .switemimg {grid-column:2; grid-row:1; background-position: center; background-size: cover; overflow: hidden; position: relative; clip-path:var(--path); }
.panel__simple--skin2 .switemimg:last-child{grid-column: 1 / 3; clip-path:none; }
.panel__simple--skin2 .switem .switemimg img { display: block; width: 100%; }
.panel__simple--skin2 .switem, .panel__simple--skin2 .switem.swiper-slide-active:active { transform: scale(0.95); transition: all 100ms ease; opacity: .8; }
.panel__simple--skin2 .switem.swiper-slide-active:active a { cursor: grabbing; }
.panel__simple--skin2 .switem .switeminfocont { }
.panel__simple--skin2 .switem .switeminfo {grid-column:1; grid-row:1; display: flex; flex-direction: column; justify-content: center; color: #fff; padding: 20px 40px; text-align: center; }
.panel__simple--skin2 .switem .switeminfo .switemtitle .title { font-size: var(--font-xl); line-height: 1.25em; text-overflow: inherit; white-space: inherit; }
.panel__simple--skin2 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; }
.panel__simple--skin2 .switem .switeminfo .switemdesc { margin: 0 0 12px; }
.panel__simple--skin2 .switem .switeminfo .switemdesc:last-child { margin: 0; }
.panel__simple--skin2 .switem .switeminfo .switemdesc p { margin: 0; }
.panel__simple--skin2 .switem.swiper-slide-duplicate-active,
.panel__simple--skin2 .switem.swiper-slide-active { transform: scale(1); opacity: 1; }
.panel__simple--skin2 .swiper-button-next { right: 2px; text-shadow: 1px 0px 0 white }
.panel__simple--skin2 .swiper-button-prev { left: 2px; text-shadow: -1px 0px 0 white }
.panel__simple--skin2 .switem .switeminfo .switemadd{display: inline-flex;align-items: center;text-decoration: none;color: var(--primary-invert); border:1px solid #fff; padding: 8px 12px; border-radius: var(--radius1); font-size: 90%;line-height: 140%; text-transform: uppercase; font-weight: var(--bold1);}
.panel__simple--skin2 .switem .switeminfo .switemadd:after { content: "\f105"; font-weight: var(--bold1); font-family: "Font Awesome 6 Pro"; font-size: 14px; margin-left: 8px; }
.panel__simple--skin3 { padding:0;}
.panel__simple--skin3 .switem { position: relative; overflow: hidden; }
.panel__simple--skin3 .switem a { text-decoration: none; color:inherit; }
.panel__simple--skin3 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; }
.panel__simple--skin3 .switem .switemimg img { display: block; width: 100%; object-fit: cover; height:70vh; }
.panel__simple--skin3 .switem .switemimg:after{z-index:1; content:''; display:block;position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.panel__simple--skin3 .switem, .panel__simple--skin3 .switem.swiper-slide-active:active { transform: scale(0.95); transition: all 100ms ease; opacity: .8; }
.panel__simple--skin3 .switem.swiper-slide-active:active a { cursor: grabbing; }
.panel__simple--skin3 .switem .switeminfocont { padding: 24px;max-width:640px; background: rgba(255,255,255,0.85); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); border-radius:var(--radius1);}
.panel__simple--skin3 .switem .switeminfo { display: flex; flex-direction: column; align-items:flex-start; position: absolute; left: 0; right:0; padding:32px 20px; margin:0 auto; bottom:50%; transform:translateY(50%); z-index:2; max-width:calc(var(--max-width) + 40px);}
.panel__simple--skin3 .switem .switeminfo .switemtitle .title { font-size: var(--font-xl); line-height: 1.25em; text-overflow: inherit; white-space: inherit; }
.panel__simple--skin3 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; }
.panel__simple--skin3 .switem .switeminfo .switemdesc { margin: 0 0 16px; }
.panel__simple--skin3 .switem .switeminfo .switemdesc:last-child { margin: 0; }
.panel__simple--skin3 .switem .switeminfo .switemdesc p { margin: 0; }
.panel__simple--skin3 .switem.swiper-slide-duplicate-active,
.panel__simple--skin3 .switem.swiper-slide-active { transform: scale(1); opacity: 1; }
.panel__simple--skin3 .swiper-button-next { right: 2px; text-shadow: 1px 0px 0 white }
.panel__simple--skin3 .swiper-button-prev { left: 2px; text-shadow: -1px 0px 0 white }
.panel__simple--skin3 .switem .switeminfo .switemadd{display: inline-flex;align-items: center;text-decoration: none;color: var(--secondary-invert); background:var(--secondary); padding: 8px 12px; border-radius: var(--radius1); font-size: 90%;line-height: 140%; text-transform: uppercase; font-weight: var(--bold1);}
.panel__simple--skin3 .switem .switeminfo .switemadd:after { content: "\f105"; font-weight: var(--bold1); font-family: "Font Awesome 6 Pro"; font-size: 14px; margin-left: 8px; }
.panel__simple--skin4 { padding:0;}
.panel__simple--skin4 .switem { position: relative; overflow: hidden; }
.panel__simple--skin4 .switem a { text-decoration: none; color:inherit; }
.panel__simple--skin4 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative;}
.panel__simple--skin4 .switem .switemimg img { display: block; width: 100%; object-fit: cover; height:70vh; }
.panel__simple--skin4 .switem .switemimg:not(:last-child):after{z-index:1; content:''; display:block;position: absolute; width: 100%; height: 100%; left: 0; top: 0;background: linear-gradient(to right, rgba(var(--filtroPortada),.75) 0%, rgba(var(--filtroPortada),.50) 40%, rgba(var(--filtroPortada),0) 100%);}
.panel__simple--skin4 .switem, .panel__simple--skin4 .switem.swiper-slide-active:active { transform: scale(0.95); transition: all 100ms ease; opacity: .8; }
.panel__simple--skin4 .switem.swiper-slide-active:active a { cursor: grabbing; }
.panel__simple--skin4 .switem .switeminfocont {max-width:640px;}
.panel__simple--skin4 .switem .switeminfo { display: flex; color:#fff; flex-direction: column; align-items:flex-start; justify-content:center; position: absolute; left: 0; right:0; top:50%; transform:translateY(-50%); padding:32px 20px; margin:0 auto; bottom:0; z-index:2; max-width:calc(var(--max-width) + 40px);}
.panel__simple--skin4 .switem .switeminfo .switemtitle .title { font-size: var(--font-xl); line-height: 1.25em; text-overflow: inherit; white-space: inherit; text-shadow:0px 1px 4px rgba(0,0,0.25);}
.panel__simple--skin4 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; }
.panel__simple--skin4 .switem .switeminfo .switemdesc { margin: 0 0 16px;text-shadow:0px 1px 4px rgba(0,0,0.25) }
.panel__simple--skin4 .switem .switeminfo .switemdesc:last-child { margin: 0; }
.panel__simple--skin4 .switem .switeminfo .switemdesc p { margin: 0; }
.panel__simple--skin4 .switem.swiper-slide-duplicate-active,
.panel__simple--skin4 .switem.swiper-slide-active { transform: scale(1); opacity: 1; }
.panel__simple--skin4 .swiper-button-next { right: 2px; text-shadow: 1px 0px 0 white }
.panel__simple--skin4 .swiper-button-prev { left: 2px; text-shadow: -1px 0px 0 white }
.panel__simple--skin4 .switem .switeminfo .switemadd{display: inline-flex;align-items: center;text-decoration: none;color: var(--secondary-invert); background:var(--secondary); padding: 8px 12px; border-radius: var(--radius1); font-size: 90%;line-height: 140%; text-transform: uppercase; font-weight: var(--bold1);}
.panel__simple--skin4 .switem .switeminfo .switemadd:after { content: "\f105"; font-weight: var(--bold1); font-family: "Font Awesome 6 Pro"; font-size: 14px; margin-left: 8px; }
.panel__simple--skin5 { margin:0 auto; max-width: 1920px; padding:0; --polygon:38px;
--path:polygon(100% 0, 100% calc(100% - var(--polygon)), 50% 100%, 0% calc(100% - var(--polygon)), 0 0);}
.panel__simple--skin5 .switem { position: relative; }
.panel__simple--skin5 .switem a { text-decoration: none; color: white; }
.panel__simple--skin5 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; clip-path:var(--path); }
.panel__simple--skin5 .switem .switemimg img { display: block; width: 100%; object-fit: cover;}
.panel__simple--skin5 .switem, .panel__simple--skin5 .switem.swiper-slide-active:active { transform: scale(0.95); transition: all 100ms ease; opacity: .8; }
.panel__simple--skin5 .switem.swiper-slide-active:active a { cursor: grabbing; }
.panel__simple--skin5 .switem .switeminfocont {max-width:640px; }
.panel__simple--skin5 .switem .switeminfo { clip-path:var(--path); display: flex; flex-direction: column; justify-content: center; align-items:center;color: #fff; padding:32px 20px; position: absolute; top: 0; left: 0; width: 100%; bottom: 0px; background: rgba(var(--filtroPortada),0.35); text-align: center; }
.panel__simple--skin5 .switem .switeminfo .switemtitle .title { font-size: var(--font-xl); line-height: 1.25em;text-overflow: inherit; white-space: inherit; text-shadow:0px 1px 4px rgba(0,0,0.25)}
.panel__simple--skin5 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; }
.panel__simple--skin5 .switem .switeminfo .switemdesc { margin: 0 0 12px; text-shadow:0px 1px 4px rgba(0,0,0.25)}
.panel__simple--skin5 .switem .switeminfo .switemdesc:last-child { margin: 0; }
.panel__simple--skin5 .switem .switeminfo .switemdesc p { margin: 0; }
.panel__simple--skin5 .switem.swiper-slide-duplicate-active,
.panel__simple--skin5 .switem.swiper-slide-active { transform: scale(1); opacity: 1; }
.panel__simple--skin5 .swiper-button-next { right: 2px; text-shadow: 1px 0px 0 white }
.panel__simple--skin5 .swiper-button-prev { left: 2px; text-shadow: -1px 0px 0 white }
.panel__simple--skin5 .switem .switeminfo .switemadd{display: inline-flex;align-items: center;text-decoration: none;color: var(--secondary-invert); background:var(--secondary); padding: 8px 12px; border-radius: var(--radius1); font-size: 90%;line-height: 140%; text-transform: uppercase; font-weight: var(--bold1);}
.panel__simple--skin5 .switem .switeminfo .switemadd:after { content: "\f105"; font-weight: var(--bold1); font-family: "Font Awesome 6 Pro"; font-size: 14px; margin-left: 8px; }
@media screen and (max-width: 768px) {
.panel__simple--skin1 .switem .switeminfo { position:static; padding: 20px; width:100%; background:rgba(var(--filtroPortada),1);}
.panel__simple--skin1 .switem .switeminfo .switemdesc { display: block; }
.panel__simple--skin1 .swiper-button-next, .panel__simple--skin1 .swiper-button-prev { display:none; }
.panel__simple--skin2{--path:polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - var(--polygon)));}
.panel__simple--skin2 .switem a {flex-direction:column; display:flex;}
.panel__simple--skin2 .switem .switeminfo{ padding: 20px;}
.panel__simple--skin2 .switem .switeminfo .switemdesc { margin: 0 0 12px; }
.panel__simple--skin2 .swiper-button-next, .panel__simple--skin2 .swiper-button-prev { display:none; }
}
@media screen and (max-width: 640px) {
.panel__simple--skin3 .switem .switeminfocont{width:calc(100% - 32px); margin:0 auto;box-shadow:0px 0px 12px rgba(var(--filtroPortada),0.1); }
.panel__simple--skin3 .switem .switemimg img{height: auto; }
.panel__simple--skin3 .switem .switeminfo{ position:static; transform:translate(0%,0%); text-align:center; padding:0;text-align:center; margin-top:-32px;padding-bottom:1rem; }
.panel__simple--skin3 .switem .switeminfocont{padding:16px;}
.panel__simple--skin4 .switem .switemimg img{height: auto; }
.panel__simple--skin4 .switem .switeminfo { justify-content:flex-end; align-items:center; top:inherit;transform:translateY(0); bottom:0;text-align:center;}
.panel__simple--skin4 .switem .switemimg:not(:last-child):after{ background: linear-gradient(to top, rgba(var(--filtroPortada),.75) 20%, rgba(var(--filtroPortada),0) 70%);}
.panel__simple--skin5{--polygon:20px;}
.panel__simple--skin5 .switem .switeminfo {justify-content:flex-end;background: linear-gradient(to top, rgba(var(--filtroPortada),.75) 20%, rgba(var(--filtroPortada),0) 100%);}
}
.panel__simple--skin6{
max-width:calc(var(--max-width) * 1.36);
margin:0 auto;
border-radius:0 0 var(--radius-default) var(--radius-default);
overflow:hidden;
--polygon:16px;
--path:polygon(100% 0, 100% 100%, 50% calc(100% - var(--polygon)), 0 100%, 0 0);
}
.panel__simple--skin6 .switem{
background: var(--light);
display: flex;
border-radius:0 0 var(--radius-default) var(--radius-default);
}
.panel__simple--skin6 .switemimg {
grid-area:1 / 1;
position: relative;
overflow: hidden;
position: relative;
clip-path: var(--path);
}
.panel__simple--skin6 .switemimg:last-child{
clip-path:none;
}
.panel__simple--skin6 .switemimg img {
display: block;
width: 100%;
object-fit: cover;
}
.panel__simple--skin6 .switemimg:last-child img{
border-radius:0;
}
.panel__simple--skin6 .switem a, .panel__simple--skin5 .switem > a {
text-decoration: none;
color: inherit;
display:grid;
flex:1;
}
.panel__simple--skin6 .switem,
.panel__simple--skin6 .switem.swiper-slide-active:active{
transform: scale(0.95);
transition: all 100ms ease; opacity: .8;
}
.panel__simple--skin6 .switem.swiper-slide-duplicate-active,
.panel__simple--skin6 .switem.swiper-slide-active {
transform: scale(1);
opacity: 1;
}
.panel__simple--skin6 .switeminfo {
display: grid;
padding: 16px;
position:relative;
z-index:1;
}
.panel__simple--skin6 .switeminfocont {
text-align:center;
max-width:640px;
margin: 0 auto;
}
.panel__simple--skin6 .switemtitle{
margin: 0 0 0.75rem;
}
.panel__simple--skin6 .switemtitle:last-child {
margin-bottom: 0;
}
.panel__simple--skin6 .switemdesc {
margin: 0 0 1rem;
}
.panel__simple--skin6 .switemdesc:last-child {
margin-bottom: 0;
}
/* Textos - Modificar tama�os*/
.panel__simple--skin6 .switemtitle h2{
margin: 0;
font-size: var(--font-xl);
line-height:1.25em;
font-family:var(--font2,var(--font1));
font-weight: var(--bold2,var(--bold1));
color: var(--primary);
}
.panel__simple--skin6 .switemdesc p{
font-size: var(--font-s);
line-height:1.4em;
}
.panel__simple--skin6 .switemadd span {
display:inline-block;
background: var(--secondary);
color: var(--secondary-invert);
text-transform:uppercase;
border-radius: var(--radius1);
padding: 0.5rem 1.25rem;
text-decoration:none;
font-size:0.95rem;
}
.panel__simple--skin6 .switemadd span:after{
font-family: "Font Awesome 6 Pro";
content:'\f178';
margin:0 0 0 8px;
}
@media screen and (min-width: 769px) {
.panel__simple--skin6{
--path:polygon(0 0, 100% 0, 100% 100%, 0 100%, var(--polygon) 50%);
--polygon:32px;
}
.panel__simple--skin6 .switem > a {
grid-template-columns: 40% 60%;
}
.panel__simple--skin6 .switemimg {
grid-column: 2;
}
.panel__simple--skin6 .switemimg:last-child{
grid-column: 1 / 3;
}
.panel__simple--skin6 .switeminfo {
place-content:center center;
grid-column:1;
padding:32px;
}
.panel__simple--skin6 .switemadd:hover .button{
padding: 0.5rem 1.75rem;
}
.panel__simple--skin6 .switemimg img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
}
/*############
PANEL DOBLE
� Combinado con box3
� Im�genes 4:3 horizontales (640x480)*/
.panel__doble--skin1 { padding: var(--section-margin) 16px; }
.panel__doble--skin1 .boxCont .boxItem { border-radius: var(--radius-default); overflow: hidden; border: 0; }
.panel__doble--skin1 .boxCont .boxItem .boxItemCont {position:absolute;bottom:0;left:0; width:100%; padding:32px 16px 16px; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(to bottom, rgba(var(--filtroPortada),0) 0%,rgba(var(--filtroPortada),0.25) 50%,rgba(var(--filtroPortada),0.4) 100%); }
.panel__doble--skin1 .boxCont .boxItem .boxItemCont:after { content: "\f054"; font-family: "Font Awesome 6 Pro"; margin-left: 8px; flex-shrink: 0; color: #fff; font-weight: 600; }
.panel__doble--skin1 .boxCont .boxItem .bicTitle { text-transform: inherit; line-height: 120%; font-size: var(--font-m); text-transform: inherit; text-shadow:0px 1px 3px rgba(var(--filtroPortada),0.35);}
.panel__doble--skin1[data-items="1"] .boxCont .boxItem { width: 100%; }
.panel__doble--skin1[data-items="2"] .boxCont .boxItem { width: calc((1/2 * 100%) - (var(--mosaico-margin) * (1/2)) );}
.panel__doble--skin1 .boxCont .boxItem { width: calc((1/2.33 * 100%) - (var(--mosaico-margin) / 2)); }
/*############
PANEL TRIPLE
� Combinado con box3
� Im�genes 3:4 verticales (480x640) */
.panel__triple--skin1 { padding: var(--section-margin) 16px; }
.panel__triple--skin1 .boxCont .boxItem { border-radius: var(--radius-default); overflow: hidden; border: 0; /* Para separarlos ser�a mejor tocar el js del box3*/ }
.panel__triple--skin1 .boxCont .boxItem .boxItemCont {position:absolute;bottom:0;left:0; width:100%; padding:32px 16px 16px; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(to bottom, rgba(var(--filtroPortada),0) 0%,rgba(var(--filtroPortada),0.25) 50%,rgba(var(--filtroPortada),0.4) 100%); }
.panel__triple--skin1 .boxCont .boxItem .boxItemCont:after { content: "\f054"; font-family: "Font Awesome 6 Pro"; margin-left: 8px; flex-shrink: 0; color: #fff; font-weight: 600; }
.panel__triple--skin1 .boxCont .boxItem .bicTitle { text-transform: inherit; line-height: 120%; font-size: var(--font-m); text-transform: inherit; text-shadow:0px 1px 3px rgba(var(--filtroPortada),0.35); }
.panel__triple--skin1[data-items="1"] .boxCont .boxItem { width: 100%; max-height: 400px; }
.panel__triple--skin1[data-items="2"] .boxCont .boxItem { width: calc((1/2 * 100%) - (var(--mosaico-margin) * (1/2)) ); }
.panel__triple--skin1[data-items="3"] .boxCont .boxItem { width: calc((1/3 * 100%) - (var(--mosaico-margin) * (2/3)) ); }
.panel__triple--skin1 .boxCont .boxItem { width: calc( (1/3.333 * 100%) - (var(--mosaico-margin) / 2) ); }
/*############
PANEL DESCRIPTIVO */
.panel__desc--skin1 { padding: var(--descriptivo-margin) 16px; }
.panel__desc--skin1 .boxCont { max-width: var(--max-width); margin: 0 auto; }
.panel__desc--skin1 .boxCont > div .swiper-wrapper { display: grid; grid-template-columns: repeat(12, 1fr); /*grid-template-rows: repeat(8, 1fr);*/ grid-row-gap: var(--descriptivo-margin); }
.panel__desc--skin1 .swiper-slide { background: transparent !important; }
.panel__desc--skin1 .boxCont .boxItem { margin: 0; overflow: hidden; border: 0; grid-column-start: 1; grid-column-end: 13; }
.panel__desc--skin1 .boxCont .boxItem a { display: flex; flex-direction: column; text-decoration: none; color: inherit; }
/*Info*/
.panel__desc--skin1 .boxCont .boxItem .boxItemCont { padding: 20px 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.panel__desc--skin1 .boxItem .bicTitle { font-size: var(--font-m); line-height: 120%; margin: 0 0 12px; letter-spacing: 0.5px; }
.panel__desc--skin1 .boxItem .bicTitle:last-child { margin-bottom: 0; }
.panel__desc--skin1 .boxCont .bicDesc { margin: 0 0 12px; }
.panel__desc--skin1 .boxCont .bicDesc p:not(:last-child),.panel__desc--skin1 .boxCont .bicDesc ul:not(:last-child),.panel__desc--skin1 .boxCont .bicDesc ol:not(:last-child){margin: 0 0 16px;}
.panel__desc--skin1 .boxCont .bicDesc ul, .panel__desc--skin1 .boxCont .bicDesc ol{padding-left:20px;}
/*Imagen*/
.panel__desc--skin1 .boxCont .boxItem a img { display: block; width: 100%; height: 100%; border-radius: var(--radius-default); object-fit: contain;}
.panel__desc--skin1 .swiper-button-next, .panel__desc--skin1 .swiper-button-prev { display: none; }
/*############
MOSAICO */
.mosaico--skin1 .swiper-button-next, .mosaico--skin1 .swiper-button-prev { display: none; }
.mosaico--skin1 { padding: var(--section-margin) 16px; color: #fff; }
.mosaico--skin1 .boxCont { max-width: var(--max-width); margin: 0 auto; }
.mosaico--skin1 .boxCont .swiper-wrapper { display: grid; grid-template-columns: repeat(12, 1fr); /*grid-template-rows: repeat(8, 1fr);*/ grid-gap: var(--mosaico-margin); }
.mosaico--skin1 .boxCont .boxItem { border-radius: var(--radius-default); overflow: hidden; display: flex; background: transparent !important; }
.mosaico--skin1 .boxCont .boxItem > div { display: flex; width:100%;}
.mosaico--skin1 .boxCont .boxItem > div a { position: relative; display: flex; color: inherit; width:100%;}
.mosaico--skin1 .boxCont .boxItem .boxItemImg { display: flex; align-items: baseline; }
.mosaico--skin1 .boxCont .boxItem .boxItemImg img,
.mosaico--skin1 .boxCont .boxItem .boxItemImg picture{ display: block; width: 100%; height: 100%; object-fit: cover; }
.mosaico--skin1 .boxCont .boxItem .boxItemCont { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; padding:32px 16px 16px; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(to bottom, rgba(var(--filtroPortada),0) 0%,rgba(var(--filtroPortada),0.25) 50%,rgba(var(--filtroPortada),0.4) 100%); }
.mosaico--skin1 .boxCont .boxItem .boxItemCont:after { content: "\f054"; font-family: "Font Awesome 6 Pro"; margin-left: 8px; flex-shrink: 0; color: #fff; font-weight: 600; }
.mosaico--skin1 .boxCont .boxItem .boxItemCont .bicTitle {line-height: 120%; font-size: var(--font-m); text-transform: inherit; margin: 0;text-shadow:0px 1px 3px rgba(var(--filtroPortada),0.35);}
.mosaico--skin1[data-items="1"] .boxCont .boxItem { grid-column-start: 1; grid-column-end: 13; }
.mosaico--skin1[data-items="2"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 7; }
.mosaico--skin1[data-items="2"] .boxCont .boxItem:nth-child(2) { grid-column-start: 7; grid-column-end: 13; }
.mosaico--skin1[data-items="3"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 9; grid-row-start: 1; grid-row-end: 3; }
.mosaico--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.mosaico--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.mosaico--skin1[data-items="4"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 8; grid-row-start: 1; grid-row-end: 2; }
.mosaico--skin1[data-items="4"] .boxCont .boxItem:nth-child(2) { grid-column-start: 8; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.mosaico--skin1[data-items="4"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 6; grid-row-start: 2; grid-row-end: 3; }
.mosaico--skin1[data-items="4"] .boxCont .boxItem:nth-child(4) { grid-column-start: 6; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.mosaico--skin1[data-items="5"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 7; grid-row-start: 1; grid-row-end: 2; }
.mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(2) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 5; grid-row-start: 2; grid-row-end: 3; }
.mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) { grid-column-start: 5; grid-column-end: 9; grid-row-start: 2; grid-row-end: 3; }
.mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(5) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 9; grid-row-start: 1; grid-row-end: 3; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(2) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(3) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(4) { grid-column-start: 5; grid-column-end: 13; grid-row-start: 3; grid-row-end: 5; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(5) { grid-column-start: 1; grid-column-end: 5; grid-row-start: 4; grid-row-end: 5; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(6) { grid-column-start: 1; grid-column-end: 5; grid-row-start: 3; grid-row-end: 4; }
/*############
CATEGOR�AS */
.categorias--skin1 .swiper-button-next, .categorias--skin1 .swiper-button-prev { display: none; }
.categorias--skin1 { padding: var(--section-margin) 16px; color: #fff; }
.categorias--skin1 .boxCont { max-width: var(--max-width); margin: 0 auto; }
.categorias--skin1 .boxCont .swiper-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: var(--mosaico-margin); justify-content: center; }
.categorias--skin1[data-items="3"] .boxCont .swiper-wrapper,
.categorias--skin1[data-items="6"] .boxCont .swiper-wrapper,
.categorias--skin1[data-items="9"] .boxCont .swiper-wrapper,
.categorias--skin1[data-items="15"] .boxCont .swiper-wrapper,
.categorias--skin1[data-items="18"] .boxCont .swiper-wrapper { grid-template-columns: repeat(3, 1fr); }
.categorias--skin1[data-items="5"] .boxCont .swiper-wrapper,
.categorias--skin1[data-items="10"] .boxCont .swiper-wrapper,
.categorias--skin1[data-items="15"] .boxCont .swiper-wrapper { display: grid; grid-template-columns: repeat(5, 1fr); }
.categorias--skin1 .boxCont .boxItem { background: none !important; display: flex; position:relative;}
.categorias--skin1 .boxCont .boxItem > div { display: flex; flex-direction:column; }
.categorias--skin1 .boxCont .boxItem a { color: #333; text-decoration: none; display: flex; flex-direction: column; overflow: hidden; border-radius: var(--radius-default); border: 1px solid #eee; flex:1;}
.categorias--skin1 .boxCont .boxItem img { display: block; width: 100%; object-fit:cover; aspect-ratio: 1 / 1; }
.categorias--skin1 .boxCont .boxItem .boxItemCont { padding: 8px; text-align: center; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.categorias--skin1 .boxCont .boxItem .boxItemCont .title3 { margin: 0; font-weight: normal; color: inherit; text-decoration: none; }
/*############
PORTADAS CLASSIC */
.noportada { display: block; margin: 0 auto; max-width: 100%; }
.dvPortada .swiper-pagination { display: none; }
.dvPortada .switem a[href="#"] { cursor: default; }
.cportada1 { margin: 0 auto; max-width: var(--max-width);; }
.cportada1 .switem { position: relative; }
.cportada1 .switem a { text-decoration: none; color: white; }
.cportada1 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; padding-bottom: 37.5% }
.cportada1 .switem .switemimg img { display: block; position: absolute; max-width: 100%; max-height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 9999px 9999px rgba(var(--filtroPortada),.8) }
.cportada1 .switem .switeminfo { position: absolute; right: 12px; width: 40%; bottom: 12px; padding: 16px; background: rgba(var(--filtroPortada),0.8); text-align: center; border-radius: 4px; }
.cportada1 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; }
.cportada1 .switem .switeminfo .switemdesc { margin: 0 0 12px; }
.cportada1 .switem .switeminfo .switemdesc:last-child { margin: 0; }
.cportada1 .switem .switeminfo .switemdesc p { margin: 0; }
.cportada1 .switem .switeminfo .switemadd { color: white; font-size: 100%; padding: 8px 12px; border: 1px solid; display: inline-block; border-radius: 4px; line-height: 140%; }
.cportada1 .switem .switeminfo .switemadd span { display: flex; align-items: center; }
.cportada1 .switem .switeminfo .switemadd span:after { content: "\f105"; font-family: "Font Awesome 6 Pro"; margin-left: 4px; width: 8px; text-align: center; }
.cportada2 { max-width: var(--max-width);; margin: 0 auto; }
.cportada2 .switem { position: relative; }
.cportada2 .switem a { text-decoration: none; color: white; }
.cportada2 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; padding-bottom: 37.5% }
.cportada2 .switem .switemimg img { display: none; }
.cportada2 .switem .switeminfo { position: absolute; right: 12px; width: 40%; bottom: 12px; padding: 16px; background: rgba(var(--filtroPortada),0.8); text-align: center; border-radius: 4px; }
.cportada2 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; }
.cportada2 .switem .switeminfo .switemdesc { margin: 0 0 12px; }
.cportada2 .switem .switeminfo .switemdesc:last-child { margin: 0; }
.cportada2 .switem .switeminfo .switemdesc p { margin: 0; }
.cportada2 .switem .switeminfo .switemadd { color: white; font-size: 100%; padding: 8px 12px; border: 1px solid; display: inline-block; border-radius: 4px; line-height: 140%; }
.cportada2 .switem .switeminfo .switemadd span { display: flex; align-items: center; }
.cportada2 .switem .switeminfo .switemadd span:after { content: "\f105"; font-family: "Font Awesome 6 Pro"; margin-left: 4px; }
.cportada3 { margin: 0 auto; }
.cportada3 .switem { position: relative; }
.cportada3 .switem a { text-decoration: none; }
.cportada3 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; height: 600px }
.cportada3 .switem .switemimg img { display: none; }
.cportada3 .switem .switeminfo { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #333; background-color: rgba(255,255,255,0.9); padding: 20px; max-width: 640px; align-self: center; box-shadow: 0 10px 30px rgba(var(--filtroPortada),0.5); border-radius: 8px; text-align: center; color: #333; }
.cportada3 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; }
.cportada3 .switem .switeminfo .switemdesc { margin: 0 0 12px; }
.cportada1 .switem .switeminfo .switemdesc:last-child { margin: 0; }
.cportada3 .switem .switeminfo .switemdesc p { margin: 0; }
.cportada3 .switem .switeminfo .switemadd { color: #067ABD; font-size: 100%; padding: 8px 12px; border: 1px solid; display: inline-block; border-radius: 4px; line-height: 140%; }
.cportada3 .switem .switeminfo .switemadd span { display: flex; align-items: center; }
.cportada3 .switem .switeminfo .switemadd span:after { content: "\f105"; font-family: "Font Awesome 6 Pro"; margin-left: 4px; width: 8px; text-align: center; }
.cportada4 { margin: 0 auto; }
.cportada4 .switem { position: relative; }
.cportada4 .switem a { text-decoration: none; color: white; }
.cportada4 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; height: 460px; }
.cportada4 .switem .switemimg img { display: none; position: absolute; max-width: 100%; max-height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 1400px 1400px rgba(var(--filtroPortada),0.8) }
.cportada4 .switem .switeminfo { position: absolute; left: 0px; width: 100%; bottom: 0; width: 100%; padding: 16px; text-align: center; border-radius: 4px; background: -moz-linear-gradient(top, rgba(var(--filtroPortada),0) 0%, rgba(var(--filtroPortada),0.5) 35%, rgba(var(--filtroPortada),0.7) 100%); background: -webkit-linear-gradient(top, rgba(var(--filtroPortada),0) 0%,rgba(var(--filtroPortada),0.5) 35%,rgba(var(--filtroPortada),0.7) 100%); background: linear-gradient(to bottom, rgba(var(--filtroPortada),0) 0%,rgba(var(--filtroPortada),0.5) 35%,rgba(var(--filtroPortada),0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); text-shadow: 0 -2px 4px rgba(var(--filtroPortada),.8) }
.cportada4 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; }
.cportada4 .switem .switeminfo .switemdesc { margin: 0 0 12px; }
.cportada4 .switem .switeminfo .switemdesc:last-child { margin: 0; }
.cportada4 .switem .switeminfo .switemdesc p { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.cportada4 .switem .switeminfo .switemadd { color: white; font-size: 100%; padding: 8px 12px; border: 1px solid; display: inline-block; border-radius: 4px; line-height: 140%; }
.cportada4 .switem .switeminfo .switemadd span { display: flex; align-items: center; }
.cportada4 .switem .switeminfo .switemadd span:after { content: "\f105"; font-family: "Font Awesome 6 Pro"; margin-left: 4px; width: 8px; text-align: center; }
.cportada5 { margin: 0 auto; }
.cportada5 .switem { position: relative; }
.cportada5 .switem a { text-decoration: none; color: white; }
.cportada5 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; height: 460px; }
.cportada5 .switem .switemimg .blur { width: 100%; height: 100%; background-size: cover; background-position: center; filter: blur(40px); top: 0; position: absolute; }
.cportada5 .switem .switemimg img { display: block; position: absolute; max-width: 100%; max-height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; }
.cportada5 .switem .switeminfo { position: absolute; z-index: 2; left: 0px; width: 100%; bottom: 0; width: 100%; padding: 16px; text-align: center; border-radius: 4px; background: -moz-linear-gradient(top, rgba(var(--filtroPortada),0) 0%, rgba(var(--filtroPortada),0.5) 35%, rgba(var(--filtroPortada),0.7) 100%); background: -webkit-linear-gradient(top, rgba(var(--filtroPortada),0) 0%,rgba(var(--filtroPortada),0.5) 35%,rgba(var(--filtroPortada),0.7) 100%); background: linear-gradient(to bottom, rgba(var(--filtroPortada),0) 0%,rgba(var(--filtroPortada),0.5) 35%,rgba(var(--filtroPortada),0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); text-shadow: 0 -2px 4px rgba(var(--filtroPortada),.8) }
.cportada5 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; }
.cportada5 .switem .switeminfo .switemdesc { margin: 0 0 12px; }
.cportada5 .switem .switeminfo .switemdesc:last-child { margin: 0; }
.cportada5 .switem .switeminfo .switemdesc p { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.cportada5 .switem .switeminfo .switemadd { color: white; font-size: 100%; padding: 8px 12px; border: 1px solid; display: inline-block; border-radius: 4px; line-height: 140%; }
.cportada5 .switem .switeminfo .switemadd span { display: flex; align-items: center; }
.cportada5 .switem .switeminfo .switemadd span:after { content: "\f105"; font-family: "Font Awesome 6 Pro"; margin-left: 4px; width: 8px; text-align: center; }
@media screen and (min-width: 1024px) {
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 5; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) { grid-column-start: 5; grid-column-end: 9; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) { grid-column-start: 9; grid-column-end: 13; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3n-1) a { flex-direction: var(--descriptivo-reverse); }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 5; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) { grid-column-start: 5; grid-column-end: 9; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) a { flex-direction: var(--descriptivo-reverse); }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(5) { grid-column-start: 9; grid-column-end: 13; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 5; grid-row-start: 1; grid-row-end: 2; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(2) { grid-column-start: 5; grid-column-end: 9; grid-row-start: 1; grid-row-end: 2; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(3) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(4) { grid-column-start: 1; grid-column-end: 5; grid-row-start: 2; grid-row-end: 3; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(5) { grid-column-start: 5; grid-column-end: 9; grid-row-start: 2; grid-row-end: 3; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(6) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(3n-1) a { flex-direction: var(--descriptivo-reverse); }
}
@media screen and (max-width: 1023px) {
/*############
PANEL DESCRIPTIVO */
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 7; grid-row-start: 1; grid-row-end: 2; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) a { flex-direction: var(--descriptivo-reverse); }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) a { flex-direction: row; justify-content: space-between; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) a > div { width: calc(50% - var(--descriptivo-margin)); }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) a { flex-direction: row; justify-content: space-between; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) a > div { width: calc(50% - (var(--descriptivo-margin)/2)); }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 3; grid-row-end: 4; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) a { flex-direction: var(--descriptivo-reverse); }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(5) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 3; grid-row-end: 4; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 7; grid-row-start: 1; grid-row-end: 2; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(2) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 2; grid-row-end: 3; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(4) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(5) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 3; grid-row-end: 4; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(6) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 3; grid-row-end: 4; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(3n-1) a { flex-direction: column; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(2n) a { flex-direction: var(--descriptivo-reverse); }
/*############
CATEGOR�AS */
.categorias--skin1[data-items="5"] .boxCont .swiper-wrapper,
.categorias--skin1[data-items="10"] .boxCont .swiper-wrapper,
.categorias--skin1[data-items="15"] .boxCont .swiper-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); }
}
@media screen and (max-width: 768px) {
.panel__doble--skin1 { padding: var(--section-margin) 0; }
.panel__dople--skin1 .boxCont .boxItem { width: calc((1/2 * 100%) - (var(--mosaico-margin) / 2)); }
.panel__doble--skin1[data-items="2"] .boxCont .boxItem:nth-child(2) { margin: inherit; }
.panel__doble--skin1 .boxCont .boxItem .boxItemCont{padding:12px 8px 8px;}
.panel__triple--skin1 { padding: var(--section-margin) 0; }
.panel__triple--skin1 .boxCont .boxItem,
.panel__triple--skin1[data-items="1"] .boxCont .boxItem,
.panel__triple--skin1[data-items="2"] .boxCont .boxItem,
.panel__triple--skin1[data-items="3"] .boxCont .boxItem { width: calc((1/2 * 100%) - (var(--mosaico-margin) / 2)); }
.panel__triple--skin1 .boxCont .boxItem .boxItemCont{ padding:12px 8px 8px;}
/*DESCRIPTIVO*/
.mosaico--skin1 .boxCont .swiper-wrapper { grid-gap: var(--mosaico-margin); }
.mosaico--skin1 .boxCont .boxItem .boxItemCont { padding:12px 8px 8px; }
.mosaico--skin1 .boxCont .boxItem .boxItemCont:after { font-size: 16px; line-height: 100%; }
.categorias--skin1 .boxCont .swiper-wrapper { grid-gap: var(--mosaico-margin); }
.categorias--skin1 .boxCont .swiper-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); }
.categorias--skin1[data-items="2"] .boxCont .swiper-wrapper,
.categorias--skin1[data-items="4"] .boxCont .swiper-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); }
/*############
PORTADAS CLASSIC */
.cportada1 .switem .switeminfo { left: 0; bottom: 0; width: 100%; border-radius: 0; right: 0; padding: 8px 4px; }
.cportada1 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0; }
.cportada1 .switem .switeminfo .switemtitle .title { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cportada1 .switem .switeminfo .switemdesc { display: none; }
.cportada1 .switem .switeminfo .switemdesc p { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 80%; }
.cportada1 .switem .switeminfo .switemadd { position: absolute; top: -10px; right: 10px; transform: translateY(-100%); right: 10px; background: rgba(var(--filtroPortada),0.6); font-size: 80%; padding: 4px 8px; }
.cportada2 .switem .switeminfo { left: 0; bottom: 0; width: 100%; border-radius: 0; right: 0; padding: 8px 4px; }
.cportada2 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0; }
.cportada2 .switem .switeminfo .switemtitle .title { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cportada2 .switem .switeminfo .switemdesc { display: none; }
.cportada2 .switem .switeminfo .switemdesc p { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 80%; }
.cportada2 .switem .switeminfo .switemadd { position: absolute; top: -10px; right: 10px; transform: translateY(-100%); right: 10px; background: rgba(var(--filtroPortada),0.6); font-size: 80%; padding: 4px 8px; }
.cportada3 .switem .switeminfo { max-width: 80%; }
.cportada3 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 4px; }
.cportada3 .switem .switeminfo .switemtitle .title { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cportada3 .switem .switeminfo .switemdesc:not(:last-child) { margin: 0 0 8px; }
.cportada3 .switem .switeminfo .switemdesc p { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 80%; }
.cportada3 .switem .switeminfo .switemadd { padding: 4px 8px }
.cportada4 .switem .switemimg { height: 360px; }
.cportada4 .switem .switeminfo .switemdesc { display: none; }
.cportada5 .switem .switemimg { height: 360px; }
.cportada5 .switem .switeminfo .switemdesc { display: none; }
}
@media screen and (min-width: 641px) {
/*DESCRIPTIVO*/
.panel__desc--skin1 .boxCont > div .swiper-wrapper{grid-gap: var(--descriptivo-margin);}
.panel__desc--skin1[data-items="1"] .boxCont .boxItem { width: 100%; }
.panel__desc--skin1[data-items="1"] .boxCont .boxItem a { flex-direction: row-reverse; align-items: center; justify-content: space-between; }
.panel__desc--skin1[data-items="1"] a > div { width: calc(50% - (var(--descriptivo-margin)) / 2) }
.panel__desc--skin1[data-items="2"] .boxCont .boxItem:first-child, .panel__desc--skin1[data-items="4"] .boxCont .boxItem:nth-child(2n-1) { grid-column-start: 1; grid-column-end: 7; }
.panel__desc--skin1[data-items="2"] .boxCont .boxItem:nth-child(2), .panel__desc--skin1[data-items="4"] .boxCont .boxItem:nth-child(2n) { grid-column-start: 7; grid-column-end: 13; }
.panel__desc--skin1[data-items="2"] .boxCont .boxItem:nth-child(2n) a, .panel__desc--skin1[data-items="4"] .boxCont .boxItem:nth-child(2n) a { flex-direction: var(--descriptivo-reverse); }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 7; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(2) { grid-column-start: 7; grid-column-end: 13; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(2) a { flex-direction: var(--descriptivo-reverse); }
/* FIN DESCRIPTIVO*/
}
@media screen and (max-width: 640px) {
.panel__doble--skin1 .boxCont .boxItem,
.panel__triple--skin1 .boxCont .boxItem { width: calc((1/1.333 * 100%) - 2px); }
.panel__triple--skin1[data-items="2"] .boxCont .boxItem,
.panel__doble--skin1[data-items="2"] .boxCont .boxItem { width: calc((1/1.333 * 100%) - 2px); }
.mosaico--skin1 .boxCont .boxItem .boxItemCont .bicTitle,
.panel__triple--skin1 .boxCont .boxItem .bicTitle,
.panel__doble--skin1 .boxCont .boxItem .bicTitle{ font-size:var(--font-s); line-height:1.25em;}
/*Los 2 son los px que pone la swiper entre elementos (4px)*/
/*DESCRIPTIVO*/
.panel__desc--skin1 .boxCont > div .swiper-wrapper { }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 3; grid-row-end: 4; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) a { flex-direction: column; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) a { flex-direction: column; }
.panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) a > div { width: 100%; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(2) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 3; grid-row-end: 4; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 4; grid-row-end: 5; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(5) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 5; grid-row-end: 6; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(2) a { flex-direction: column; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) a { flex-direction: column }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) a > div { width: 100%; }
.panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) a { flex-direction: column; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(2) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 3; grid-row-end: 4; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(4) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 4; grid-row-end: 5; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(5) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 5; grid-row-end: 6; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(6) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 6; grid-row-end: 7; }
.panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(2n) a { flex-direction: column; }
/*FIN DESCRIPTIVO*/
.mosaico--skin1[data-items="3"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.mosaico--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 2; grid-row-end: 3; }
.mosaico--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.mosaico--skin1[data-items="4"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 7; grid-row-start: 1; grid-row-end: 4; }
.mosaico--skin1[data-items="4"] .boxCont .boxItem:nth-child(2) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.mosaico--skin1[data-items="4"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 4; grid-row-end: 6; }
.mosaico--skin1[data-items="4"] .boxCont .boxItem:nth-child(4) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 2; grid-row-end: 6; }
.mosaico--skin1[data-items="5"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(2) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 2; grid-row-end: 5; }
.mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 5; grid-row-end: 7; }
.mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(5) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 3; grid-row-end: 7; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(2) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 2; grid-row-end: 3; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(3) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(4) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 3; grid-row-end: 4; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(5) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 4; grid-row-end: 5; }
.mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(6) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 4; grid-row-end: 5; }
.categorias--skin1 .boxCont .swiper-wrapper { grid-template-columns: repeat(2, 1fr) !important; }
}
@media screen and (max-width: 460px) {
.cportada1 .switem .switeminfo { padding: 8px; }
.cportada1 .switem .switemimg { }
.cportada1 .swiper-container:hover .swiper-button-next,
.cportada1 .swiper-container:hover .swiper-button-prev { display: none; }
.cportada2 .switem .switemimg {padding-bottom: 56.26%}
.cportada2 .switem .switeminfo {padding: 8px; }
.cportada2 .switem .switemimg { }
.cportada4 .switem .switemimg { height: 280px; }
.cportada5 .switem .switemimg { height: 280px; }
}
:root {
--ratio: 1.195;
--font-size: 1rem;
--line-height: 1.4em;
--font-s: calc(var(--ratio) * var(--font-size));
--font-m: calc(var(--ratio) * var(--font-s));
--font-l: calc(var(--ratio) * var(--font-m));
--font-xl: calc(var(--ratio) * var(--font-l));
--font-color: #222;
--primary: #000; /* Color precios, t�tulos...*/
--secondary: #fd0100; /*Color botones, link*/
--primary-invert: #fff; /*Texto de los botones*/
--secondary-invert: #fff; /*Texto de los botones*/
--light: #f0f0f0;
--dark: #222;
--dark-invert: #fff;
--radius1: 4px; /*Border-radius de los botones*/
--weight-fa: 300; /*Weight de los iconos*/
--font1:'Lato'; /* Fuente 1 */
--font2:'Lato'; /* Fuente 2 */
--bold1: 700; /* Bold 1 */
--bold2: 700; /* Bold 2 */
--radius-default: 8px;/*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: 30px; /*Espacio entre elementos de los mosaicos y box2 [Se puede cambiar en 768px]*/
--descriptivo-margin: 60px; /*Espacio entre elementos de los paneles descriptivos [Se puede cambiar en 768px]*/
--descriptivo-reverse: column; /*[PC](column/column-reverse) Configura si interesa alternar elementos con imagen y texto revertidos*/
--menu-height: 40px; /*Altura del men� en slide (categs2)*/
--menu-bg: #fff; /*Color de fondo del men� en slide (categs2)*/
--productos-margin: 16px; /*Espacio entre elementos de los productos de portada, resultados, box3, box4 y box6)*/
--section-margin: 60px; /* Margen entre secciones de la portada */
--max-width: 1280px; /* Ancho m�ximo de la tienda */
--filtroPortada: 0,0,0;
}
/* Titulos */
.title1 { font-family:var(--font2,var(--font1));font-weight: var(--bold2,var(--bold1));}
.title2 { font-family:var(--font2,var(--font1));font-weight: var(--bold2,var(--bold1));}
.title3 { font-family:var(--font2,var(--font1));font-weight: var(--bold2,var(--bold1));}
.panel__simple--skin4 .switem .switeminfo .switemtitle .title{font-family:var(--font2,var(--font1));font-weight: var(--bold2,var(--bold1));}
#PORT01 .title1 ~ .title2{
font-size:var(--font-l);
color:#A1A1A1;
}
/* 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;}
/* Background light para los paneles */
.panel--light{
background:var(--light);
}
#PORT02{padding:0;}
.titulo{padding:var(--section-margin) 16px 16px;text-align:center; }
.titulo .title2{max-width:var(--max-width);margin:0 auto;}
.button,.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);
}
.categorias--skin1 .bicDesc{margin:0 0 12px;}
.categorias--skin1 .boxCont .boxItem .boxItemCont .title3{font-size:var(--font-m);}
#enlfix { position: fixed; bottom: 52px; right: 0; opacity: 1; z-index: 8; }
#enlfix ul { display: flex; flex-direction: column-reverse; }
#enlfix ul li { margin: 2px 0; list-style: none; border-radius: 8px 0 0 8px; border: 1px solid #fff; border-right: 0; padding: 0 10px; }
#enlfix ul li a { height: 50px; display: inline-flex; align-items: center; color: #fff; text-decoration: none; }
#enlfix ul li a p { margin: 7px 0 0 0; }
#enlfix ul li a i { margin-right: 8px; font-size: 26px; }
#enlfix ul li.what { background: #1BD741; }
#enlfix ul li.what a p span:nth-child(1) { display: block; font-weight: 700; text-transform: uppercase; font-size: 14px; margin: 0; line-height: 100%; }
#enlfix ul li.what a p span:nth-child(2) { font-size: 20px; line-height: 130%; }
#enlfix ul li.telf { background: #FD0100; }
#enlfix ul li.telf a p span:nth-child(1) { display: block; font-weight: 700; text-transform: uppercase; font-size: 14px; margin: 0; line-height: 100%; }
#enlfix ul li.telf a p span:nth-child(2) { font-size: 20px; line-height: 130%; }
.news1{background:#f5f5f5;}
footer{background:var(--primary);}
footer p:not(:last-child){
margin-bottom:8px;
}
body.catalog footer .footerInfo .footerInfoCont .FICBox:first-of-type{width:75%;}
body.catalog footer .footerInfo .footerInfoCont .FICBox:last-of-type{width:20%;}
.categorias--skin1 .boxCont .boxItem img{aspect-ratio:auto;}
.categorias--skin1 .boxCont .boxItem .boxItemCont .title3{margin: 0 0 8px; font-weight:var(--bold1);}
.panel__desc--skin1 .boxItem .bicTitle{letter-spacing:0;}
.panel__simple--skin3 .switem .switeminfocont{background:var(--primary); color:var(--primary-invert);}
.banda-contacto .seo1{
background:var(--primary);
color:var(--primary-invert);
}
.banda-contacto .title1{color:var(--primary-invert);}
.panel__simple--skin3 .switem .switeminfo{left:50%; transform:translate(-50%,0); bottom:0; align-items:center;text-align:center;}
.categorias--skin1 .boxCont .boxItem a{background:#fff; border:0;}
.widNot{background:#fff;}
/* Eliminar padding arriba en los paneles */
.panel--nogap-up{
padding-top:0;
}
/*################
##### 1 0 2 3 ####
################*/
@media screen and (min-width: 1023px) {
}
@media screen and (max-width: 1023px) {
:root {
--ratio: 1.175;
}
}
/*################
##### 9 6 0 ####
################*/
@media screen and (min-width: 960px) {
}
@media screen and (max-width: 960px) {
}
/*################
##### 7 6 8 ####
################*/
@media screen and (min-width: 768px) {
.categorias--skin1 .boxCont .swiper-wrapper{grid-template-columns:repeat(2, 1fr);}
}
@media screen and (max-width: 768px) {
:root {
--mosaico-margin: 20px; /*[M�vil]Espacio entre elementos de los mosaicos y box2*/
--descriptivo-margin: 40px; /*[M�vil]Espacio entre elementos de los paneles descriptivos*/
--section-margin: 40px;/*[M�vil]Espacio entre secciones de portada */
}
}
/*################
##### 6 4 0 ####
################*/
@media screen and (min-width: 640px) {
}
@media screen and (max-width: 640px) {
:root {
--productos-margin: 12px; /*[M�vil]Espacio entre elementos de los productos de portada, resultados, box3, box4 y box6)*/
--ratio: 1.125;
}
.panel__simple--skin3 .switem .switeminfo{transform:translate(0); padding-bottom:0;}
.categorias--skin1 .boxCont .swiper-wrapper {
grid-template-columns: 1fr !important;
}
}
/*################
##### 4 8 0 ####
################*/
@media screen and (max-width: 480px) {
/*#Res .RCRProdsCont { grid-template-columns: 1fr; }*/
}