/* Minification failed. Returning unminified contents. (1490,22): run-time error CSS1039: Token not allowed after unary operator: '-font1' (1491,17): run-time error CSS1039: Token not allowed after unary operator: '-font-color' (1492,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size' (1493,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height' (1496,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' (1497,30): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (1522,23): run-time error CSS1039: Token not allowed after unary operator: '-menu-height' (1523,22): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg' (1601,23): run-time error CSS1039: Token not allowed after unary operator: '-menu-height' (1630,25): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (1653,23): run-time error CSS1039: Token not allowed after unary operator: '-menu-height' (1664,48): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg' (1664,64): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg' (1664,80): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg' (1670,47): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg' (1670,63): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg' (1670,79): run-time error CSS1039: Token not allowed after unary operator: '-menu-bg' (1691,65): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (1698,133): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (1714,88): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (1719,126): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (1725,278): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (1748,118): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (1754,104): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (1762,257): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (1778,102): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (1811,212): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (1813,232): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (1833,221): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (1837,188): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (1845,29): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (1845,66): run-time error CSS1039: Token not allowed after unary operator: '-primary' (1846,29): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (1847,29): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (1853,157): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (1855,153): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (1855,207): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (1856,90): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (1856,153): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (1856,207): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (1859,158): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (1859,214): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (1877,51): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (1900,62): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (1907,93): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (1921,99): run-time error CSS1039: Token not allowed after unary operator: '-primary' (1924,206): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (1925,91): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (1929,174): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (1932,136): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (1944,151): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (1945,157): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (1947,78): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (1948,63): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (1953,159): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (1953,227): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (1955,158): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (1955,226): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (1955,250): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (1957,124): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (1961,87): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (1961,132): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2013,24): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (2014,39): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (2065,58): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (2066,35): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (2071,58): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (2072,35): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (2084,34): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (2085,34): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (2087,55): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin' (2087,97): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin' (2093,123): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (2094,133): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (2108,96): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (2113,22): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (2115,34): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (2116,60): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin' (2122,95): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (2128,21): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (2129,36): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (2134,90): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2135,69): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin' (2150,23): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (2151,36): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (2156,71): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin' (2176,42): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (2225,116): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2228,220): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (2230,114): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (2232,109): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2261,62): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2264,62): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2267,53): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2269,236): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (2289,88): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (2301,211): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2301,263): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (2302,30): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (2304,84): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (2315,47): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2388,140): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2389,141): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2394,83): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (2415,100): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2418,84): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (2418,135): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (2436,152): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2437,99): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2440,56): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2507,57): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (2508,32): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (2537,122): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (2546,122): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2555,12): run-time error CSS1030: Expected identifier, found '.' (2555,37): run-time error CSS1031: Expected selector, found ')' (2555,37): run-time error CSS1025: Expected comma or open brace, found ')' (2559,12): run-time error CSS1030: Expected identifier, found '.' (2559,37): run-time error CSS1031: Expected selector, found ')' (2559,37): run-time error CSS1025: Expected comma or open brace, found ')' (2567,12): run-time error CSS1030: Expected identifier, found '.' (2567,37): run-time error CSS1031: Expected selector, found ')' (2567,37): run-time error CSS1025: Expected comma or open brace, found ')' (2573,12): run-time error CSS1030: Expected identifier, found '.' (2573,37): run-time error CSS1031: Expected selector, found ')' (2573,37): run-time error CSS1025: Expected comma or open brace, found ')' (2579,12): run-time error CSS1030: Expected identifier, found '.' (2579,37): run-time error CSS1031: Expected selector, found ')' (2579,37): run-time error CSS1025: Expected comma or open brace, found ')' (2584,16): run-time error CSS1030: Expected identifier, found '.' (2584,41): run-time error CSS1031: Expected selector, found ')' (2584,41): run-time error CSS1025: Expected comma or open brace, found ')' (2598,137): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (2627,40): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (2633,126): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (2650,52): run-time error CSS1039: Token not allowed after unary operator: '-primary' (2651,50): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (2657,177): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (2659,111): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (2660,95): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2669,68): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (2671,51): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (2678,154): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (2681,84): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (2688,93): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2752,51): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2767,148): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2796,247): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2796,311): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (2800,165): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (2810,62): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (2819,87): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2820,152): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2827,55): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2828,168): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2844,188): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2844,252): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (2888,206): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2888,273): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (2896,111): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2924,201): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2924,300): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (2943,199): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2943,302): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (2944,43): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2960,74): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2961,158): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2972,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (2992,138): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3001,106): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3008,152): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3032,103): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3034,60): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3075,107): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3077,64): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3080,283): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3082,47): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3086,67): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3092,110): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3096,92): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3099,166): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3104,87): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (3109,53): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3117,92): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (3135,57): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3150,51): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3184,196): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3188,73): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3247,136): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3292,258): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3339,179): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3360,50): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3361,108): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (3363,102): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (3363,173): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3366,14): run-time error CSS1030: Expected identifier, found '-' (3366,14): run-time error CSS1031: Expected selector, found '-' (3366,14): run-time error CSS1025: Expected comma or open brace, found '-' (3376,175): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (3376,273): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3383,95): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3394,37): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (3414,125): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3426,131): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3431,83): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin' (3434,27): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (3435,43): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (3439,97): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3443,94): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (3443,119): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert' (3443,178): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (3443,268): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3450,88): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3457,121): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3458,158): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (3458,225): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (3458,289): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3464,152): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (3464,268): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (3464,298): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3464,345): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (3472,63): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (3479,39): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (3482,31): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (3482,72): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3486,119): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (3505,179): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (3548,39): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (3578,21): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (3621,177): run-time error CSS1039: Token not allowed after unary operator: '-primary' (3622,225): run-time error CSS1039: Token not allowed after unary operator: '-primary' (3623,118): run-time error CSS1039: Token not allowed after unary operator: '-primary' (3775,65): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin' (3776,76): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin' (3948,169): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3952,47): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3987,173): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (3991,51): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4002,89): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4049,209): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4070,62): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin' (4071,72): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin' (4161,55): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin' (4162,72): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin' (4164,67): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin' (4165,74): run-time error CSS1039: Token not allowed after unary operator: '-productos-margin' (4247,33): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (4382,73): run-time error CSS1039: Token not allowed after unary operator: '-weight-fa' (4385,65): run-time error CSS1039: Token not allowed after unary operator: '-weight-fa' (4386,36): run-time error CSS1039: Token not allowed after unary operator: '-weight-fa' (4397,195): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (4399,92): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4407,128): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (4419,44): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4421,175): run-time error CSS1039: Token not allowed after unary operator: '-primary' (4421,206): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (4428,46): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4430,190): run-time error CSS1039: Token not allowed after unary operator: '-primary' (4430,221): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (4439,81): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (4441,43): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (4443,101): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (4475,22): run-time error CSS1030: Expected identifier, found ':' (4475,28): run-time error CSS1031: Expected selector, found ')' (4475,28): run-time error CSS1025: Expected comma or open brace, found ')' (4476,22): run-time error CSS1030: Expected identifier, found ':' (4476,28): run-time error CSS1031: Expected selector, found ')' (4476,28): run-time error CSS1025: Expected comma or open brace, found ')' (4520,1): run-time error CSS1019: Unexpected token, found '}' (4556,35): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (4559,35): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (4562,37): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (4570,104): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4570,123): run-time error CSS1039: Token not allowed after unary operator: '-primary' (4580,197): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (4580,225): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4589,219): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4595,200): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (4603,158): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (4604,219): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4604,286): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (4610,107): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (4615,84): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4617,78): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4626,222): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (4631,166): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4637,122): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4639,103): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4647,289): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4647,403): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (4654,124): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (4658,100): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4661,78): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (4665,128): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4668,238): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (4668,317): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4673,177): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (4683,182): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4689,144): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4694,153): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (4694,255): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (4711,133): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4713,132): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (4723,138): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (4743,80): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (4746,91): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4752,41): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (4796,52): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4845,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4846,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4850,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4851,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (4866,16143): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4866,16184): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (4866,16248): run-time error CSS1019: Unexpected token, found '@keyframes' (4866,16281): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (4868,114): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert' (4868,150): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (4868,202): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (4868,292): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4875,73): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (4892,129): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert' (4892,165): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (4892,217): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (4892,307): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4893,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4896,73): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (4903,196): run-time error CSS1039: Token not allowed after unary operator: '-primary' (4913,129): run-time error CSS1039: Token not allowed after unary operator: '-color1-neg' (4913,205): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (4913,295): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4914,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4917,73): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (4924,145): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (4925,161): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (4925,236): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (4935,129): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert' (4935,165): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (4935,217): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (4935,307): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4936,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4939,73): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (4947,221): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (4947,296): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (4957,129): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert' (4957,165): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (4957,217): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (4957,307): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4958,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4961,73): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (4978,129): run-time error CSS1039: Token not allowed after unary operator: '-secondary-invert' (4978,165): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (4978,217): run-time error CSS1039: Token not allowed after unary operator: '-radius1' (4978,307): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4979,98): run-time error CSS1039: Token not allowed after unary operator: '-bold1' (4982,82): run-time error CSS1039: Token not allowed after unary operator: '-primary' (5011,61): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (5023,38): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (5024,62): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (5031,91): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin' (5032,78): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin' (5038,39): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (5039,63): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (5046,92): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin' (5047,92): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin' (5048,81): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin' (5052,37): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin' (5053,48): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (5054,168): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin' (5067,110): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (5075,33): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (5076,44): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (5077,154): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin' (5080,57): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (5120,36): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (5121,47): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (5122,116): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin' (5136,155): run-time error CSS1039: Token not allowed after unary operator: '-radius-default' (5146,46): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (5160,30): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (5221,96): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse' (5226,93): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse' (5236,96): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse' (5245,93): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse' (5247,101): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin' (5252,102): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin' (5254,93): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse' (5265,94): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse' (5278,38): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (5279,75): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin' (5282,39): run-time error CSS1039: Token not allowed after unary operator: '-section-margin' (5286,92): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin' (5291,59): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin' (5296,62): run-time error CSS1039: Token not allowed after unary operator: '-mosaico-margin' (5336,67): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin' (5339,71): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-margin' (5344,165): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse' (5348,93): run-time error CSS1039: Token not allowed after unary operator: '-descriptivo-reverse' (5448,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5449,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5450,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5451,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5452,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5453,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5454,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5455,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5456,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5457,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5458,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5459,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5460,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5461,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5462,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5463,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5464,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5465,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5466,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5467,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5468,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5469,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5470,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5471,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5475,29): run-time error CSS1039: Token not allowed after unary operator: '-font2' (5475,50): run-time error CSS1039: Token not allowed after unary operator: '-primary' (5477,23): run-time error CSS1039: Token not allowed after unary operator: '-font2' (5480,30): run-time error CSS1039: Token not allowed after unary operator: '-font2' (5486,85): run-time error CSS1039: Token not allowed after unary operator: '-font1' (5489,40): run-time error CSS1039: Token not allowed after unary operator: '-primary' (5490,49): run-time error CSS1039: Token not allowed after unary operator: '-primary' (5558,12): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5559,12): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5560,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5580,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5618,21): run-time error CSS1039: Token not allowed after unary operator: '-max-width' (5642,22): run-time error CSS1039: Token not allowed after unary operator: '-primary' (5645,22): run-time error CSS1039: Token not allowed after unary operator: '-primary' (5684,49): run-time error CSS1039: Token not allowed after unary operator: '-light' (5690,22): run-time error CSS1039: Token not allowed after unary operator: '-primary' (5695,22): run-time error CSS1039: Token not allowed after unary operator: '-primary' (5699,46): run-time error CSS1039: Token not allowed after unary operator: '-light' (5702,22): run-time error CSS1039: Token not allowed after unary operator: '-light' (5705,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary' (5708,22): run-time error CSS1039: Token not allowed after unary operator: '-light' (5709,33): run-time error CSS1039: Token not allowed after unary operator: '-primary' (5713,22): run-time error CSS1039: Token not allowed after unary operator: '-primary' (5717,17): run-time error CSS1039: Token not allowed after unary operator: '-primary' */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* swiper */ #gallery .swiper-container { width: 100%; height: 0; margin-left: auto; margin-right: auto; padding-bottom: 75%; } #gallery .swiper-slide { background-size: cover; background-position: center; } #gallery .swiper-container.swiperthumbs { box-sizing: border-box; margin: 8px 0; padding: 0; height: 80px;} #gallery .swiper-container.swiperthumbs .swiper-slide { width: 120px; height: 100%; margin-right: 8px; opacity: 0.4; } #gallery .swiper-container.swiperthumbs .swiper-slide-active { opacity: 1; } #gallery .reswiper-container.only-thumbs > div:first-of-type { display: none; } #gallery .reswiper-container.no-thumbs > div:last-of-type { display: none; } #gallery .reswiper-container.only-thumbs > div:last-of-type .swiper-slide { width: 120px; height: 100px; margin-right: 8px; opacity: 1; } #gallery .swiper-wrapper { position: absolute; } #gallery .simpleModal .swiper-wrapper { position: static; } #gallery .swiper-zoom-container:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(255,255,255,0.85); backdrop-filter:blur(4px); } #gallery .swiper-container { position: relative; } #gallery .swiper-zoom-container:before { content: "\f002"; font-weight: 900; font-family: "Font Awesome 5 Pro"; color: white; background: rgba(0,0,0,0.6); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate( -50%, -50%); border-radius: 4px; opacity: 0; transition: all 300ms ease; cursor: pointer;} #gallery .swiper-zoom-container:hover:before { opacity: 1; } #gallery .swiper-zoom-container img { z-index: 1; cursor: pointer; } /* flechas*/ /*#gallery .swiper-button-prev, #gallery .swiper-button-next { background-image: none; font-size: 48px; color: #fff; } #gallery .swiper-button-prev:before { content: "\f104"; font-family: "Font Awesome 5 Pro"; font-weight: 200; text-shadow: 5px 0 0 rgba(0,0,0,0.5);} #gallery .swiper-button-next:before { content: "\f105"; font-family: "Font Awesome 5 Pro"; font-weight: 200; text-shadow: -5px 0 0 rgba(0,0,0,0.5);} #gallery .swiper-button-prev svg, #gallery .swiper-button-next svg { -webkit-filter: drop-shadow( 0px 1px 4px rgba(255, 255, 255, 0.5)); filter: drop-shadow( 0px 1px 4px rgba(255,255,255,0.5)); }*/ #gallery .swiper-container-horizontal > .swiper-pagination-bullets, #gallery .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 12px;} /* modal */ .simpleModal .swiper-container { width: 100%; height: 0; margin-left: auto; margin-right: auto; padding-bottom: 75%; } .simpleModal .swiper-slide { background-size: cover; background-position: center; } .simpleModal .swiper-container.swiperthumbs { box-sizing: border-box; margin: 8px 0; padding: 0 0 12%; } .simpleModal .swiper-container.swiperthumbs .swiper-slide { width: 120px; height: 100%; margin-right: 8px; opacity: 0.4; } .simpleModal .swiper-container.swiperthumbs .swiper-slide-active { opacity: 1; } .simpleModal .reswiper-container.only-thumbs > div:first-of-type { display: none; } .simpleModal .reswiper-container.no-thumbs > div:last-of-type { display: none; } .simpleModal .reswiper-container.only-thumbs > div:last-of-type .swiper-slide { width: 120px; height: 100px; margin-right: 8px; opacity: 1; } .simpleModal .swiper-wrapper { position: absolute; } .simpleModal .simpleModal .swiper-wrapper { position: static; } /*.simpleModal .swiper-button-prev, .simpleModal .swiper-button-next { background-image: none; font-size: 48px; color: #fff; } .simpleModal .swiper-button-prev:before { content: "\f104"; font-family: "Font Awesome 5 Pro"; text-shadow: 4px 0 0 rgba(0,0,0,0.5); font-weight: 200; } .simpleModal .swiper-button-next:before { content: "\f105"; font-family: "Font Awesome 5 Pro"; text-shadow: -4px 0 0 rgba(0,0,0,0.5); font-weight: 200; }*/ .simpleModal .swiper-button-prev svg, #gallery .swiper-button-next svg { -webkit-filter: drop-shadow( 0px 1px 4px rgba(255, 255, 255, 0.5)); filter: drop-shadow( 0px 1px 4px rgba(255,255,255,0.5)); } .simpleModal { display: none; justify-content: center; align-items: center; position: fixed; width: 100%; height: 100vh; top: 0; left: 0; z-index: 10; margin: 0 auto; } .simpleModal .navigation { display: flex; align-items: center; justify-content: flex-end; height: 40px; background: black; color: white; padding: 8px 0; font-size: 20px; } .simpleModal .navigation .close, .simpleModal .navigation .zoomin, .simpleModal .navigation .zoomout { cursor: pointer; display: inline-block; padding: 4px; width: 28px; height: 28px; margin-left: 16px; } .simpleModal .swiper-container:not(.swiperthumbs) .swiper-slide { background-image: none !important; } .simpleModal .wrap { display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; width: 100%; height: 100vh; background: rgba(0,0,0,0.95); text-align: center; box-shadow: 0 0 30px rgba(0, 0, 0, .5); color: #333; padding: 8px; } .simpleModal .swiper-pagination-bullets { border-top: solid 1px rgba(80,80,80,1); border-bottom: solid 1px rgba(80,80,80,1); background: rgba(80,80,80,.5); display: none;} .simpleModal .swiper-pagination-bullet { border: solid 1px white; } .simpleModal .swiper-pagination-bullet { background: #fff; } .simpleModal .swiper-container { height: 100%; padding-bottom: 40px; justify-self: flex-start; } .simpleModal .swiper-container.swiperthumbs { padding-bottom: 10px; height: 140px; justify-self: flex-end; } /*.simpleModal .swiper-button-prev, .simpleModal.swiper-button-next { color: #fff; }*/ #gallery .swiper-button-prev svg, #gallery .swiper-button-next svg { -webkit-filter: drop-shadow( 0px 1px 4px rgba(0, 0, 0, 0.5)); filter: drop-shadow( 0px 1px 4px rgba(0,0,0,0.5)); } .cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s} .cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1} .cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em} @media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}} .cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block} .cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0} /* -------------------------------- Main Components -------------------------------- */ .cd-dropdown-wrapper { position: relative; display: flex; } .no-touch .cd-dropdown-trigger:hover { } .cd-dropdown-trigger::before, .cd-dropdown-trigger::after { /* this is the arrow inside the dropdown trigger*/ content: ''; position: absolute; top: 50%; margin-top: -1px; height: 2px; width: 9px; background: #ffffff; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: width 0.3s, -webkit-transform 0.3s; -moz-transition: width 0.3s, -moz-transform 0.3s; transition: width 0.3s, transform 0.3s; } .cd-dropdown-trigger::before { right: 22px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .cd-dropdown-trigger::after { right: 17px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } @media only screen and (min-width: 769px) { .cd-dropdown-trigger.dropdown-is-active { } .no-touch .cd-dropdown-trigger.dropdown-is-active:hover { } .cd-dropdown-trigger.dropdown-is-active::before, .cd-dropdown-trigger.dropdown-is-active::after { /* transform the arrow into a 'X' */ width: 14px; } .cd-dropdown-trigger.dropdown-is-active::before { /* transform the arrow into a 'X' */ -webkit-transform: translateX(5px) rotate(-45deg); -moz-transform: translateX(5px) rotate(-45deg); -ms-transform: translateX(5px) rotate(-45deg); -o-transform: translateX(5px) rotate(-45deg); transform: translateX(5px) rotate(-45deg); } .cd-dropdown-trigger.dropdown-is-active::after { /* transform the arrow into a 'X' */ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } } .cd-dropdown h2, .cd-dropdown-content a, .cd-dropdown-content ul a { } @media only screen and (min-width: 769px) { .cd-dropdown h2, .cd-dropdown-content a, .cd-dropdown-content ul a { } } @media only screen and (min-width: 769px) { .cd-dropdown h2, .cd-dropdown-content a, .cd-dropdown-content ul a { } } .cd-dropdown h2, .cd-dropdown-content a, .cd-dropdown-content ul a, .cd-dropdown-content .cd-divider { } .cd-dropdown { position: fixed; z-index: 9; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; color: #333; visibility: hidden; /* Force Hardware Acceleration */ -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s; -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s; transition: transform 0.5s 0s, visibility 0s 0.5s; } .cd-dropdown h2 { /* dropdown title - mobile version only */ position: relative; z-index: 1; } .cd-dropdown .cd-close { /* 'X' close icon - mobile version only */ position: absolute; z-index: 1; right: 0; top: 0; height: 50px; width: 50px; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; color: transparent; } .cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before { /* this is the 'X' icon */ content: ''; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); height: 20px; width: 2px; background-color: #333; } .cd-dropdown .cd-close::after { -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } .cd-dropdown .cd-close::before { -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg); } .cd-dropdown.dropdown-is-active { visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0s; -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0s; transition: transform 0.5s 0s, visibility 0s 0s; } @media only screen and (min-width: 769px) { .cd-dropdown .cd-close { top: 5px; } } @media only screen and (min-width: 769px) { .cd-dropdown { position: absolute; top: calc(100% - 2px); /* reset style*/ height: auto; width: auto; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); background-color: #ffffff; color: #111433; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); opacity: 0; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s; } .open-to-left .cd-dropdown { /* use the .open-to-left class if you want to open the dropdown on the left */ right: 0; left: auto; } .cd-dropdown h2, .cd-dropdown .cd-close { /* on desktop - hide title and 'X' */ display: none; } .cd-dropdown.dropdown-is-active { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.3s 0s, visibility 0.3s 0s, -webkit-transform 0.3s 0s; -moz-transition: opacity 0.3s 0s, visibility 0.3s 0s, -moz-transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0.3s 0s, transform 0.3s 0s; } } .cd-dropdown-content, .cd-dropdown-content ul { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; padding-top: 50px; } .cd-dropdown-content a, .cd-dropdown-content ul a { display: block; /* truncate text with ellipsis if too long */ overflow: hidden; } .cd-dropdown-content li:first-of-type > p, .cd-dropdown-content ul li:first-of-type > p { border-top-width: 0; } .cd-dropdown-content li:last-of-type > a, .cd-dropdown-content ul li:last-of-type > a { border-bottom-width: 1px; } .cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider { } .cd-dropdown-content .cd-divider + li > p, .cd-dropdown-content ul .cd-divider + li > p { border-top-width: 0; } .cd-dropdown-content p, .cd-dropdown-content .cd-search, .cd-dropdown-content .cd-divider, .cd-dropdown-content ul a, .cd-dropdown-content ul .cd-search, .cd-dropdown-content ul .cd-divider { /* Force Hardware Acceleration */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .cd-dropdown-content.is-hidden, .cd-dropdown-content ul.is-hidden { /* push the secondary dropdown items to the right */ -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .cd-dropdown-content.is-hidden > li > p, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > p, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > p, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > p, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider { /* lower down the dropdown items opacity - when secondary dropdown slides in or for dropdown items hidden on the right */ opacity: 0; } .cd-dropdown-content.move-out > li > p, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.move-out > li > p, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider { /* push the dropdown items to the left when secondary dropdown slides in */ -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .dropdown-is-active .cd-dropdown-content, .dropdown-is-active .cd-dropdown-content ul { -webkit-overflow-scrolling: touch; } @media only screen and (min-width: 769px) { .cd-dropdown-content, .cd-dropdown-content ul { padding-top: 60px; } .cd-dropdown-content a, .cd-dropdown-content ul a { } } @media only screen and (min-width: 769px) { .cd-dropdown-content, .cd-dropdown-content ul { padding-top: 0; overflow: visible; } .cd-dropdown-content a, .cd-dropdown-content ul a { } .cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider { background-color: transparent; color: #b3b3b3; border-top: 1px solid #ebebeb; } .cd-dropdown-content .cd-divider + li > p, .cd-dropdown-content ul .cd-divider + li > p { border-top-width: 1px; } .cd-dropdown-content.is-hidden > li > p, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > p, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > p, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > p, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider { /* reset mobile style */ opacity: 1; } } .cd-dropdown-content .see-all a { /* different style for the See all links */ color: #3f8654; } .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item { /* items with picture (or icon) and title */ height: 80px; line-height: 80px; } .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item h3, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 { /* truncate text with ellipsis if too long */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item { padding-left: 90px; } .cd-dropdown-content .cd-dropdown-gallery img { position: absolute; display: block; height: 40px; width: auto; left: 20px; top: 50%; margin-top: -20px; } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item { padding-left: 75px; position: relative; } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p { color: #111433; /* hide description on small devices */ display: none; } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before { /* item icon */ content: ''; display: block; position: absolute; left: 20px; top: 50%; margin-top: -20px; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center center; background-size: 40px 40px; } @media only screen and (min-width: 769px) { .cd-dropdown-content { /* reset mobile style */ position: static; height: auto; width: 280px; display: none; } .cd-dropdown.dropdown-is-active .cd-dropdown-content { display: block; } .cd-dropdown-content > li:last-of-type a { border-bottom: none; } .no-touch .cd-dropdown-content > li:not(.has-children) a:hover { } .cd-dropdown-content.move-out > li > p, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider { /* reset mobile style */ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } .cd-dropdown-content .cd-secondary-dropdown, .cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); left: 100%; height: auto; background-color: #ffffff; box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1); } .cd-dropdown-content .cd-secondary-dropdown::after, .cd-dropdown-content .cd-dropdown-gallery::after, .cd-dropdown-content .cd-dropdown-icons::after { clear: both; content: ""; display: table; } .open-to-left .cd-dropdown-content .cd-secondary-dropdown, .open-to-left .cd-dropdown-content .cd-dropdown-gallery, .open-to-left .cd-dropdown-content .cd-dropdown-icons { /* use the .open-to-left class if you want to open the dropdown on the left */ left: auto; right: 100%; } .cd-dropdown-content .cd-secondary-dropdown.is-hidden, .cd-dropdown-content .cd-dropdown-gallery.is-hidden, .cd-dropdown-content .cd-dropdown-icons.is-hidden { /* reset mobile style */ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-dropdown-content .cd-secondary-dropdown.fade-in, .cd-dropdown-content .cd-dropdown-gallery.fade-in, .cd-dropdown-content .cd-dropdown-icons.fade-in { /* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */ -webkit-animation: cd-fade-in 0.2s; -moz-animation: cd-fade-in 0.2s; animation: cd-fade-in 0.2s; } .cd-dropdown-content .cd-secondary-dropdown.fade-out, .cd-dropdown-content .cd-dropdown-gallery.fade-out, .cd-dropdown-content .cd-dropdown-icons.fade-out { /* animate secondary dropdown items when hovering over of of the .cd-dropdown-content list items */ -webkit-animation: cd-fade-out 0.2s; -moz-animation: cd-fade-out 0.2s; animation: cd-fade-out 0.2s; } .cd-dropdown-content .cd-secondary-dropdown > .go-back, .cd-dropdown-content .cd-dropdown-gallery > .go-back, .cd-dropdown-content .cd-dropdown-icons > .go-back { display: none; } .cd-dropdown-content .cd-secondary-dropdown > .see-all, .cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all { position: absolute; bottom: 20px; height: 45px; text-align: center; } .cd-dropdown-content .cd-secondary-dropdown > .see-all a, .cd-dropdown-content .cd-dropdown-gallery > .see-all a, .cd-dropdown-content .cd-dropdown-icons > .see-all a { margin: 0; height: 100%; line-height: 45px; background: #ebebeb; pointer-events: auto; -webkit-transition: color 0.2s, background-color 0.2s; -moz-transition: color 0.2s, background-color 0.2s; transition: color 0.2s, background-color 0.2s; } .no-touch .cd-dropdown-content .cd-secondary-dropdown > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-gallery > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-icons > .see-all a:hover { } .cd-dropdown-content .cd-secondary-dropdown .cd-dropdown-item, .cd-dropdown-content .cd-secondary-dropdown a, .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-gallery a, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons a { border: none; } .cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons { padding: 20px 30px 100px; } .cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all { width: calc(100% - 60px); } .cd-dropdown-content .cd-dropdown-icons > li, .cd-dropdown-content .cd-secondary-dropdown > li { width: 100%; } .cd-dropdown-content .cd-secondary-dropdown { overflow: hidden; } .cd-dropdown-content .cd-secondary-dropdown::before { /* this is the separation line in the middle of the .cd-secondary-dropdown element */ position: absolute; content: ''; top: 290px; left: 15px; height: 1px; width: 520px; background-color: #ebebeb; display: none; } .cd-dropdown-content .cd-secondary-dropdown > li > p { pointer-events: none; } .cd-dropdown-content .cd-secondary-dropdown > li > p::after, .cd-dropdown-content .cd-secondary-dropdown > li > p::before { /* hide the arrow */ display: none; } .cd-dropdown-content .cd-secondary-dropdown.move-out > li > p { /* reset mobile style */ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-dropdown-content .cd-secondary-dropdown > li { } .cd-dropdown-content .cd-secondary-dropdown > li:nth-of-type(2n) { border-right-width: 0; } .cd-dropdown-content .cd-secondary-dropdown > li > ul { /* reset mobile style */ -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); position: relative; height: auto; } .cd-dropdown-content .cd-secondary-dropdown > li > ul > .go-back { display: none; } .cd-dropdown-content .cd-secondary-dropdown a { /*padding-left: 0;*/ } .no-touch .cd-dropdown-content .cd-secondary-dropdown a:hover { } .cd-dropdown-content .cd-secondary-dropdown ul { overflow: hidden; height: auto; } .cd-dropdown-content .cd-secondary-dropdown .go-back a { padding-left: 20px; color: transparent; } .no-touch .cd-dropdown-content .cd-secondary-dropdown .go-back a:hover { color: transparent; } .cd-dropdown-content .cd-secondary-dropdown .go-back a::before, .cd-dropdown-content .cd-secondary-dropdown .go-back a::after { left: 0; } .cd-dropdown-content .cd-secondary-dropdown .see-all { } .cd-dropdown-content .cd-dropdown-gallery { width: 600px; padding-bottom: 100px; } .cd-dropdown-content .cd-dropdown-gallery > li { width: 48%; float: left; margin-right: 4%; } .cd-dropdown-content .cd-dropdown-gallery > li:nth-of-type(2n) { margin-right: 0; } .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item { padding: 0; height: auto; line-height: normal; color: #3f8654; margin-bottom: 2em; } .cd-dropdown-content .cd-dropdown-gallery > li:nth-last-of-type(2) a, .cd-dropdown-content .cd-dropdown-gallery > li:last-of-type a { margin-bottom: 0; } .cd-dropdown-content .cd-dropdown-gallery img { position: static; height: auto; width: 100%; margin: 0 0 0.6em; } .cd-dropdown-content .cd-dropdown-icons { width: 600px; } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item { height: 80px; line-height: 1.2; padding: 24px 0 0 85px; } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item:hover { } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 { color: #3f8654; } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p { display: block; } .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before { left: 25px; } .cd-dropdown-content > .has-children > ul { visibility: hidden; min-height: 100%; display: none; } .cd-dropdown-content > .has-children > ul.is-active { /* when hover over .cd-dropdown-content items - show subnavigation */ visibility: visible; display: block; } .cd-dropdown-content > .has-children > .cd-secondary-dropdown.is-active > li > ul { /* if .cd-secondary-dropdown is visible - show also subnavigation */ visibility: visible; } .cd-dropdown-content > .has-children > p.is-active { } .cd-dropdown-content > .has-children > p.is-active::before, .cd-dropdown-content > .has-children > p.is-active::after { background: #3f8654; } .open-to-left .cd-dropdown-content > .has-children > p.is-active { box-shadow: inset -2px 0 0 #3f8654; } } @-webkit-keyframes cd-fade-in { 0% { opacity: 0; visibility: visible; } 100% { opacity: 1; visibility: visible; } } @-moz-keyframes cd-fade-in { 0% { opacity: 0; visibility: visible; } 100% { opacity: 1; visibility: visible; } } @keyframes cd-fade-in { 0% { opacity: 0; visibility: visible; } 100% { opacity: 1; visibility: visible; } } @-webkit-keyframes cd-fade-out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: visible; } } @-moz-keyframes cd-fade-out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: visible; } } @keyframes cd-fade-out { 0% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: visible; } } .cd-search input[type="search"] { width: 100%; height: 50px; padding: 0 20px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-color: #242643; color: #ffffff; border: none; border-radius: 0; } .cd-search input[type="search"]::-webkit-input-placeholder { color: #ffffff; } .cd-search input[type="search"]::-moz-placeholder { color: #ffffff; } .cd-search input[type="search"]:-moz-placeholder { color: #ffffff; } .cd-search input[type="search"]:-ms-input-placeholder { color: #ffffff; } .cd-search input[type="search"]:focus { background: #ffffff; color: #111433; outline: none; } .cd-search input[type="search"]:focus::-webkit-input-placeholder { color: rgba(17, 20, 51, 0.4); } .cd-search input[type="search"]:focus::-moz-placeholder { color: rgba(17, 20, 51, 0.4); } .cd-search input[type="search"]:focus:-moz-placeholder { color: rgba(17, 20, 51, 0.4); } .cd-search input[type="search"]:focus:-ms-input-placeholder { color: rgba(17, 20, 51, 0.4); } @media only screen and (min-width: 769px) { .cd-search input[type="search"] { background-color: #ebebeb; } .cd-search input[type="search"]::-webkit-input-placeholder { color: #b3b3b3; } .cd-search input[type="search"]::-moz-placeholder { color: #b3b3b3; } .cd-search input[type="search"]:-moz-placeholder { color: #b3b3b3; } .cd-search input[type="search"]:-ms-input-placeholder { color: #b3b3b3; } } .has-children > p, .go-back a { position: relative; } .has-children > p::before, .has-children > p::after, .go-back a::before, .go-back a::after { } .has-children > p::before, .go-back a::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .has-children > p::after, .go-back a::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } @media only screen and (min-width: 769px) { .has-children > p::before, .has-children > p::after, .go-back a::before, .go-back a::after { background: #b3b3b3; } } .has-children > p { } .has-children > p::before, .has-children > p::after { /* arrow goes on the right side - children navigation */ right: 20px; -webkit-transform-origin: 9px 50%; -moz-transform-origin: 9px 50%; -ms-transform-origin: 9px 50%; -o-transform-origin: 9px 50%; transform-origin: 9px 50%; } @media only screen and (min-width: 769px) { .open-to-left .cd-dropdown-content > .has-children > p { padding-left: 40px; padding-right: 20px; } .open-to-left .cd-dropdown-content > .has-children > p::before, .open-to-left .cd-dropdown-content > .has-children > p::after { right: auto; left: 20px; -webkit-transform-origin: 1px 50%; -moz-transform-origin: 1px 50%; -ms-transform-origin: 1px 50%; -o-transform-origin: 1px 50%; transform-origin: 1px 50%; } } .cd-dropdown-content .go-back a { padding-left: 40px; } .cd-dropdown-content .go-back a::before, .cd-dropdown-content .go-back a::after { /* arrow goes on the left side - go back button */ left: 20px; -webkit-transform-origin: 1px 50%; -moz-transform-origin: 1px 50%; -ms-transform-origin: 1px 50%; -o-transform-origin: 1px 50%; transform-origin: 1px 50%; } .cd-main-content { background-color: #e6e6e6; min-height: calc(100vh - 100px); padding: 2em 5%; line-height: 2; } .no-js .cd-dropdown-wrapper:hover .cd-dropdown { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .no-js .cd-dropdown-wrapper .cd-close { display: none; } .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} *, *:after, *:before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; } a[href^="tel:"] { color: inherit; text-decoration: inherit; } html.loading * { cursor: wait; } html{ font-family:var(--font1); color: var(--font-color); font-size: var(--font-size); line-height: var(--line-height); } body {min-width: 300px;max-width: 100%;overflow-x: hidden;outline: none;} a { color: var(--primary) } b, strong{ font-weight: var(--bold1);} /* overlays */ .overlay { position: fixed; width: 100%; height: 100%; opacity: 0; z-index: 6; left: 0; top: 0; } .overlay .cart-overlay {} .overlay .login-overlay {} /* capas de reemplazo para cookies */ div[data-tpc="rpl"]{background:#f5f5f5;padding:30px;text-align:center;display:flex;align-items:center;justify-content:center;flex:1;font-size:120%;color:#333; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } div[data-tpc="rpl"] span{display:block;padding:16px;border:2px dashed #ccc;} .fbBox.dvBanner div[data-tpc="rpl"] { display: none; } /*menu horizontal resultados (RES_FILTRO_subCatsMode) & menu*/ :root { } nav.menu-horizontal { visibility: hidden; z-index: 3; width: 100%; display: flex; justify-content: center; align-items: flex-start; line-height: var(--menu-height); background: var(--menu-bg); position: relative; } .kh { display: flex; white-space: nowrap; overflow-x: auto; max-width: 100%; z-index: 3; scrollbar-width: none; } .kh, .khsub ul, .kh li, .kbsub li { list-style: none; } .khsub ul ul { padding: 0 0 0 8px; } .kh::-webkit-scrollbar { display: none; } .kh > li { margin: 0 8px; padding: 0 8px; } .kh > li.ellipsis > p { display: flex; align-items: center; } .kh > li.ellipsis > p > a { text-overflow: ellipsis; white-space: nowrap; display: inline-block; overflow: hidden; } .kh > li.opened { background: rgba(0, 0, 0, 0.05); } .kh > li a { color: inherit; font-size: 16px; text-decoration: none; } .kh ul, .khsub ul { display: none; background: #fff; padding: 16px; white-space: nowrap; } .khsub { z-index: 10; position: absolute; left: 0; min-width: 100px; display: none; } .khsub.visible { display: block; } .khsub > ul { box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1); border-radius: 0 4px 4px 4px; } .khsub li { line-height: var(--menu-height); border-top: 1px solid #eee; overflow: hidden; } .khsub li:first-child { border: 0; } .khsub li p { display: flex; justify-content: space-between; align-items: center; margin:0; } .khsub > ul p a { color: inherit; text-decoration: none; display: block; width: 100%; } .khsub > ul p a:hover {text-decoration: underline; } .kh .openclose, .khsub .openclose { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; line-height: 100%; text-align: center; cursor: pointer; background: rgba(0, 0, 0, 0.05); border-radius: var(--radius1); margin-left: 6px; } .khsub > ul li.has-children.opened ul { margin: 0 0 12px; background: rgba(0,0,0,0.05); } .openclose:before { content:"\f0d7"; font-weight: 900; font-family: "Font Awesome 6 Pro"; } .opened > p .openclose:before { content: "\f0d8" } .khsub .visible { display: block; } .menu-horizontal .arrow { color: currentColor; cursor: pointer; padding: 0 16px; line-height: var(--menu-height); opacity: 1; z-index: 4; transition: all 300ms ease; position: absolute; top: 0; bottom: 0; font-size: 20px; } .menu-horizontal .arrow.arrow-left { background: linear-gradient(to right, var(--menu-bg), var(--menu-bg), var(--menu-bg), rgba(255, 255, 255, 0)); left: 0; padding-right: 40px; } .menu-horizontal .arrow.arrow-right { background: linear-gradient(to left, var(--menu-bg), var(--menu-bg), var(--menu-bg), rgba(255, 255, 255, 0)); right: 0; padding-left: 40px; } .menu-horizontal .arrow i { } .menu-horizontal .arrow.arrow-left.scroll-0, .menu-horizontal .arrow.arrow-right.scroll-100 { opacity: 0; z-index: -1; } .kh li.campExpress a:after{ content: "\f2f2"; font-weight: 400; font-family: "Font Awesome 6 Pro"; display: inline-block; color: #333; font-size: 120%; flex-shrink: 0; transform: scale(1.4) rotate(-20deg); opacity: .6; margin-left:8px;} /*######################### ###### M O D A L E S ###### ###########################*/ #msjSuperior { padding: 8px; background-color: #333; color:#fff; } #msjSuperior .msjSuperiorCont { margin: 0 auto; max-width: var(--max-width); display: flex; align-items: center; justify-content: center;} #msjSuperior .msjSuperiorCont a{ display: block; width: 100%; color: inherit; text-decoration: none; text-align: center; line-height: 120%; margin-left: 40px;} #msjSuperior .msjSuperiorCont p{ margin:0;} #msjSuperior .msjSuperiorCont i { flex-shrink: 0; cursor: pointer; display: flex; width: 40px; height: 40px; align-items: center; justify-content: center; } .SimpleModal { display: none; justify-content: center; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 10; margin: 0 auto; align-items: center; padding: 8px; } .SimpleModal .bg { position: absolute; z-index: -1; width: 100%; height: 100%; top: 0; left: 0; background: black; opacity: .8; } .SimpleModal .wrap { max-height: 92vh; max-width: 1024px; padding: 20px; background: white; text-align: center; border-radius: var(--radius1); box-shadow: 0 0 30px rgba(0,0,0,.5); overflow-y: auto; } .SimpleModal .wrap.half { max-width: 512px; } .SimpleModal .wrap img { max-width: 100%; } .SimpleModal.dialog-modal .dialog { display: flex; align-items: center; justify-content: center; margin: 16px 0; } .SimpleModal.dialog-modal .icon { font-size: 28px;margin-right: 8px; } .SimpleModal.dialog-modal .icon-alert {color: orange;} .SimpleModal.dialog-modal .icon-confirm { color: gray; } .SimpleModal.dialog-modal .icon-info { color: #2185d0; } .SimpleModal.dialog-modal .icon-error { color: #d01919; } .SimpleModal.dialog-modal .icon-loading { color: #ccc; } .SimpleModal.dialog-modal .dialog .text { align-self: center; } .SimpleModal .btncnt { margin-top: 12px; display: flex; justify-content: space-around; flex-wrap: nowrap;} .SimpleModal .btncnt .btn {margin: 0 8px;padding: 8px 16px;border-radius: 4px;text-decoration: none; cursor: pointer; } .SimpleModal .btncnt .btn.btnAceptar { background-color: #333; color: white; } .SimpleModal .btncnt .btn.btnVolver { background-color: #f5f5f5; color: #333; border: 1px solid rgba(0,0,0,0.1); padding: 7px 15px;} .SimpleModal .btncnt .btn.btnVolver:before {content: "\f104"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-right: 8px; font-size: 10px; } .SimpleModal .content > .title { font-size: 24px; line-height: 28px; font-weight: var(--bold1); margin: 0 0 12px; } .SimpleModal .title { font-size: 18px; margin: 0 0 8px; } .SimpleModal .login-register { } .SimpleModal .login-register input[type="email"], .SimpleModal .login-register input[type="password"] {border: 0;background: #fff; border: 2px solid #eee; border-radius: var(--radius1);margin: 0 0 8px;padding: 8px 8px;width: 100%;} .SimpleModal.LoginRegister-modal .wrap { width: 100%; max-width: 420px; position: relative; padding: 48px 20px 20px;} .SimpleModal.LoginRegister-modal .btncnt { position: absolute; top: -16px; right: 0; } .SimpleModal.LoginRegister-modal .btncnt .btn.btnVolver { border-radius: 0 0 4px 4px; } .SimpleModal.LoginRegister-modal .btncnt .btn.btnVolver:before { display: none; } .SimpleModal .login-register input[type="button"], .SimpleModal .login-register input[type="submit"], .SimpleModal .anon button, .SimpleModal .login-register #lnkBtnReg{background-color: #333;color: #fff;/* margin-bottom: 8px; */border: 0;padding: 6px 20px;border-radius: var(--radius1);font-size: 14px;line-height: 18px;border: 2px solid #333;text-decoration: none;display: inline-block;width: 100%; max-width: 160px; font-weight: bold; margin: 0; } .SimpleModal .login-register #lnkBtnReg{ } .SimpleModal .login-register a{color: inherit;font-size: 14px;line-height: 16px;margin-bottom: 8px;display: inline-block;} .SimpleModal .login-register .spnLogError { display: none; color: #d01919; } .SimpleModal .login-register .usuario-registrado { padding: 12px; background: #fff; margin: 0; border-radius: 8px 8px 0 0; border: 4px solid #e0e0e0; } .SimpleModal .login-register .usuario-no-registrado {padding: 12px; background: #e0e0e0; margin: 0 0 12px; border-radius: 0 0 8px 8px;} .SimpleModal .login-register .usuario-no-registrado > p:not(.title) { margin: 0 0 12px; font-size: 14px; line-height: 16px; } .SimpleModal .anon {padding: 12px;margin: 0;border-radius: 8px;background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(238,238,238,0) 100%);background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,0) 100%);background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(238,238,238,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#00eeeeee',GradientType=0 );} .SimpleModal .anon p:not(.title) { margin: 0 0 12px; font-size: 14px; line-height: 16px; } /*CUPONES*/ .SimpleModal.modal-mcd { } .SimpleModal.modal-mcd .wrap{position: relative;padding: 32px 20px 20px;max-width: 800px;background: transparent;box-shadow: none;} .SimpleModal.modal-mcd .wrap .content{} .SimpleModal.modal-mcd .icon-info {margin-right:0; margin-bottom:20px; font-size:40px; display: none;} .SimpleModal.modal-mcd .btncnt {position: absolute;top: -12px;right: 0;} .SimpleModal.modal-mcd .btncnt .btn {background-color: rgba(0,0,0,0.5);color: #fff;border: 2px solid;width: 32px;height: 32px;border-radius: 20px;text-transform: uppercase;font-size: 12px;/* line-height: 100%; */padding: 0;display: flex;align-items: center;justify-content: center;} .SimpleModal.modal-mcd .btncnt .btn span { display: none; } .SimpleModal.modal-mcd .btncnt .btn:after {content: "\f00d";font-weight: 900;font-family: "Font Awesome 6 Pro";font-size: 16px; } .SimpleModal.modal-mcd .dvBanner {background: transparent;padding: 0;} .SimpleModal.modal-mcd .cuponInfoCont {padding: 0;display: flex;} .SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText {background: #fff;display: flex;align-items:center;width: 50%;/* flex: 1; */padding: 20px;flex-direction: column;justify-content: center;} .SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText:first-child {width: 100%;min-height: 200px;padding: 20px;} .SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .nombre{font-size: 24px;line-height: 32px;font-weight: var(--bold1);text-transform: uppercase;} .SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .nombre a {text-decoration: none; color: inherit;} .SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .codigo { padding: 4px 8px; border: 1px dashed rgba(0,0,0,0.5); margin-top: 8px; display: inline-block; border-radius: 8px;} .SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText p:not(.nombre){ max-height: 80px; overflow: hidden;} .SimpleModal.modal-mcd .cuponInfoCont .img{width: 50%;flex: 1;background: #fff;} .SimpleModal.modal-mcd .cuponInfoCont img { display: block; } .SimpleModal.modal-mcd .title {margin-bottom: 20px;font-size: 28px;line-height: 140%;font-weight: var(--bold1);color: #fff;} .SimpleModal.modal-mcd .dialog {flex-direction:column;} .SimpleModal.modal-mcd .dialog .text {width:100%} .SimpleModal.modal-mcd .slideCuponesCont {max-width:100%; position: relative;} .SimpleModal.modal-mcd .slideCuponesCont .swiper-slide {width: 100% !important;background: transparent;} /*.SimpleModal.modal-mcd .slideCuponesCont .swiper-container {position: static;}*/ .SimpleModal.modal-mcd .slideCuponesCont .btnInfo { display: none;} .SimpleModal.modal-mcd .btnPromo { margin-top: 16px;} .SimpleModal.modal-mcd .btnPromo a {display: inline-flex;/* background-color: #007aff; */color: #fff;padding: 7px 15px;border-radius: 4px;text-decoration: none;border: 2px solid;background-color: rgba(0,0,0,0.5);text-transform: uppercase;font-weight: var(--bold1);align-items: center;} .SimpleModal.modal-mcd .btnPromo a:after {content: "\f105";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-left: 8px;font-size: 16px; } .SimpleModal.modal-mcd .swiper-container {padding-bottom: 0;} .SimpleModal.modal-mcd .swiper-wrapper { align-items: center; } .SimpleModal.modal-mcd .swiper-button-prev {left: -8px;} .SimpleModal.modal-mcd .swiper-button-next {right: -8px;} .SimpleModal.modal-mcd .swiper-button-prev, .SimpleModal.modal-mcd .swiper-button-next {transform: translateY(-50%);color: #fff;font-size: 30px;width: 40px;margin: 0; background:none; display:none;} .SimpleModal.modal-mcd .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {/* background: rgba(0,0,0,0.5); */border-radius:12px;bottom: 4px;right: initial;height: 20px;left: 50%; margin: 0 auto; line-height:100%;} .SimpleModal.modal-mcd .swiper-container-horizontal .swiper-pagination-bullet { background: #666; opacity: 1; vertical-align: bottom; } .SimpleModal.modal-mcd .swiper-container-horizontal .swiper-pagination-bullet-active {background: #111;opacity: 1;} .swiper-container-horizontal .swiper-pagination-bullet { vertical-align: bottom; } .socialShare { display: flex; align-items: center; margin: 0 0 12px; padding: 4px; border-bottom: 1px solid rgba(0,0,0,0.05); justify-content: flex-end; flex-flow: row wrap; } .socialShare > div > div{margin: 2px 4px;} .socialShare > span{margin-right: 4px; text-transform: uppercase; font-size: 12px; font-weight: var(--bold1); color: #666;} .socialShare > div {display: flex;align-items: center} .socialShare > div > div > a , .socialShare > div > div > span{ display: flex; align-items: center; color: #fff; font: normal 18px/20px Arial; text-decoration:none; padding: 0; height: 20px; border-radius: 3px; opacity: .75; cursor: pointer;} .socialShare > div > div > a:before{ font-family: "Font Awesome 5 Brands"; } .socialShare > div > div > span:before { font-family: "Font Awesome 6 Pro"; font-weight: 900; } .socialShare > div > div > a:hover, .socialShare > div > div > span:hover { opacity: 1; } .socialShare .sstw{} .socialShare .sstw a {color: #1da1f2;} .socialShare .sstw a:before{content:"\f099";} .socialShare .ssfb{ } .socialShare .ssfb a { color: #3b5998;} .socialShare .ssfb a:before{content:"\f09a";} .socialShare .sswa span{ } .socialShare .sswa a { color: #25d366;} .socialShare .sswa a:before{content:"\f232";} .socialShare .sspi span{ display: block; } .socialShare .sspi a { color: #bd081c;} .socialShare .sspi a:before{content:"\f0d2";} .socialShare .ssgp span{ display: block; } .socialShare .ssgp a { color: #dd4b39;} .socialShare .ssgp a:before{content:"\f2b3";} .socialShare .ssco span { color: #333; position: relative;} .socialShare .ssco span:before{content:"\f328";} .socialShare .ssco.copied span { opacity: 1; } .socialShare .ssco.copied span:before{content:"\f46c"; color: #3c763d;} .socialShare .ssco.copied span:after { content:"copiado"; position: absolute; top: 100%; right: -8px; background: #DFF0D8; color: #3c763d; padding: 4px 8px; margin-top: 4px; margin-top: 2px; border-radius: var(--radius1); font: normal 10px/12px Arial;} .socialShare .ssco.not-copied span:before{ color: #a94442;} .socialShare .ssco.not-copied span:after { content:"no copiado"; position: absolute; top: 50%; left: 100%; transform: translateX(-100%); background: #F2DEDE; color: #a94442; padding: 4px 8px; margin-right: 4px; border-radius: var(--radius1); font: normal 10px/12px Arial;} /*######################### ##### M E N S A J E S ##### ###########################*/ .msgBox {font-size: 90%;line-height: 140%;margin: 4px 0;opacity: .8;padding: 12px 20px;background: #fff9c4;border: 1px solid #e2dca7;border-radius: 4px;display: inline-flex;align-items: flex-start;text-align: left;} .msgBox:before { content: "\f05a"; font-family: "Font Awesome 6 Pro"; font-weight: 900; margin: 0 8px 0 0; font-size: 18px; line-height: 120%; } #spnAprtEnvFactCampOblig { text-align: right; font-size: 12px; color: #999; display: block;line-height: 16px; } .field-validation-error {font-size: 90%;line-height: 140%;margin: 8px 0 0;opacity: .8;padding: 8px 12px;background: #fff6f6;border: 1px solid #e0b4b4;border-radius: 4px;display: inline-flex;align-items: flex-start;text-align: left;margin: 8px 0;color: #912d2b;} .field-validation-error:before { content: "\f05a"; font-family: "Font Awesome 6 Pro"; font-weight: 900; margin: 0 8px 0 0; font-size: 18px; line-height: 120%; } .msgBoxTip {font-size: 90%;line-height: 140%;margin: 4px 0;opacity: .8;padding: 12px 20px;background: #e8f5e9;border: 1px solid #c8e6c9;border-radius: 4px;display: inline-flex;align-items: flex-start;text-align: left;} .msgBoxTip:before {content: "\f0c0";font-family: "Font Awesome 6 Pro";font-weight: 900;margin: 0 12px 0 0;font-size: 30px;line-height: 120%;align-self: center;} /******** GoToTop *********/ #goToTop {display: none;position: fixed;bottom: 8px;right: 8px;z-index: 9;width: 40px;height: 40px;cursor: pointer;background: rgba(0,0,0,0.4);justify-content: center;align-items: center;color: white;border-radius: var(--radius1);color: rgba(255,255,255,0.8);} #goToTop:after {content: "\f106";font-weight: 900;font-family: "Font Awesome 6 Pro";font-size: 28px;} input[type="text"], input[type="password"] {border: 0;background: #eee;border-radius: 4px;margin: 0 0 8px;padding: 8px 8px;width: 100%;} input[type="button"] { background: #333; color: #fff; border: 0; padding: 8px 8px; text-decoration: none; display: flex; align-items: center; text-transform: uppercase; font-weight: var(--bold1); justify-content: center; width: 100%; border-radius: 4px; } input[type="button"].sending-form { opacity: .5; cursor: wait; } /********** COMUNES **********/ /* TEXTOS */ .title1 { font-weight: var(--bold1); font-size: 32px; color:var(--primary); line-height: 140%; margin: 0 0 20px; } .title2 { font-weight: var(--bold1); font-size: 26px; line-height: 140%; margin: 0 0 16px; } .title3 { font-weight: var(--bold1); font-size: 20px; line-height: 140%; margin: 0 0 12px; } .oculto {display: none;} .select {position: relative;} .select select {display: inline-block;width: 100%;padding: 8px 32px 8px 12px;cursor: pointer;border-radius: 4px;outline: 0;background: #fff;border: 1px solid rgba(0,0,0,0.2);line-height: 18px;appearance: none;-webkit-appearance: none;-moz-appearance: none;max-width: 100%;} .select:after { position: absolute; right: 24px; width: 0; pointer-events: none; top: 50%; transform: translateY(-50%); content: "\f0dc"; font-weight: var(--bold1); font-family: "Font Awesome 6 Pro"; } #dvVolverGuardar { display: flex; justify-content: space-between; width: 100%;} .btnIzq {display: inline-flex;align-items: center;text-decoration: none;background: rgba(0,0,0,0.05);color: #333;padding: 12px 16px;border-radius: var(--radius1);text-transform: uppercase;font-weight: var(--bold1);margin-right: 4px;text-align: center;} .btnDer {display: inline-flex;align-items: center;text-decoration: none;background: var(--secondary);color: #fff;padding: 12px 16px;border-radius: var(--radius1);text-transform: uppercase;font-weight: var(--bold1);cursor: pointer;border: 0;margin-left: 4px;text-align: center; align-self: flex-end;} .btnDer:after {content: "\f105";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-left: 8px;font-size: 16px;} .btnIzq:before {content: "\f104";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-right: 8px;font-size: 16px;} .btnDer#spnAceptar { display: inline-flex; align-items: center; text-decoration: none; background: #333; color: #fff; padding: 8px 16px; border-radius: var(--radius1); text-transform: uppercase; font-weight: var(--bold1); } .btnDer#spnAceptar:before { content: "\f00c"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-right: 8px; } .btnDer#lnkDatosCompraSiguiente:after { content: "\f105"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-left: 8px; } .btnDerCont { display: flex; flex-direction: column; } .btnDerCont .btnDer:not(:first-child) { margin-top: 12px;} .btnDer.disabled { background: #999; color: white; } /*RECAPTCHA*/ .g-recaptcha {display: none;justify-content: flex-end;margin: 0 0 12px;} .ddCamposOblig, .liObli{ text-align: right; font-size: 12px; color: #999; display: block; } /*######################### ####### H E A D E R ####### ###########################*/ #google_translate_element { background: -moz-linear-gradient(top, rgba(240,240,240,0) 0%, rgba(240,240,240,1) 100%); background: -webkit-linear-gradient(top, rgba(240,240,240,0) 0%,rgba(240,240,240,1) 100%); background: linear-gradient(to bottom, rgba(240,240,240,0) 0%,rgba(240,240,240,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f0f0', endColorstr='#f0f0f0',GradientType=0 ); } #google_translate_element > div { max-width: var(--max-width); margin: 0 auto; display: flex; justify-content: flex-end; padding: 4px 8px; } #google_translate_element .goog-te-gadget-simple { border: 0;border-radius: 4px; box-shadow: 0 -4px 8px rgba(0,0,0,0.05); padding: 2px 0px 2px 4px;} .iframe { position: relative; padding-bottom: 56.25%; overflow: hidden; } .iframe > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*Buscador*/ .searchCont{width:100%; max-width:300px;position:relative;} #search {/* width: 100%; *//* display: block; *//* position: relative; *//* transition: opacity 500ms linear; *//* opacity: 1; *//* overflow: hidden; *//* transition: opacity 500ms linear; */ display: none; } #search .close { display: none; font-size: 24px; margin-bottom: 16px; } #search .close i.far { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; margin-left: auto;} header .header .headerCont .hcRight { display: flex; justify-content: flex-end; align-items: center; flex-shrink: 0; } #searchbtn { display: none; } #searchbtn a { text-decoration: none; display: flex; line-height: 32px; border: 0; color: currentColor; overflow: hidden; align-items: center; } #searchbtn a i { font-size: 20px; width: 32px;height: 32px; text-align: center; display: inline-flex; justify-content: center; align-items: center; } .searchCont #search_results {position: absolute;z-index:3;width: 100%;background: #fefefe; color:#333;box-shadow: 0 4px 8px rgba(0,0,0,0.1);border-radius: 4px;overflow: auto; min-width:300px; font-size:15px;line-height:130%;} .searchCont #search_results ul {list-style: none;} .searchCont #search_results ul li {/* padding: 8px; */} .searchCont #search_results ul li:not(.liTitle):hover { background-color: rgba(0,0,0,0.05); } .searchCont #search_results ul li:not(:last-child) { border-bottom: 1px solid #eee; } .searchCont #search_results ul li.liTitle {font-weight: var(--bold1);border-bottom: 1px solid #ccc;padding: 8px;background-color: rgba(0,0,0,0.03);display: flex;align-items: center;} .searchCont #search_results ul li.liTitle:before { content: "\f105"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-right: 4px; font-size: 12px; } .searchCont #search_results ul li.verTodos { text-align: center; background-color: rgba(0,0,0,0.05); padding: 8px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; width: 100%; } .searchCont #search_results ul li.verTodos a { color: black; } .searchCont #search_results ul li p { display: flex; flex-direction: row-reverse; } .searchCont #search_results ul li p a{color: inherit;text-decoration: none;display: block;padding: 8px;} .searchCont #search_results ul li p .img{ width: 80px; flex-shrink: 0;} .searchCont #search_results ul li p .img img{display: block;width: 100%;border-radius: var(--radius-default);} .searchCont #search_results ul li p .nom {width: 100%;display: flex;} .searchCont #search_results ul li p .nom .nomCont{display: flex; max-height: 72px; overflow: hidden; line-height: 25px; align-items: center; position: relative; width: 100%;} .searchCont #search_results ul li p .nom .nomCont::after { content:""; width: 100%; height: 8px; position: absolute; bottom: 0; left: 0; background: -moz-linear-gradient(top, rgba(246,246,246,0) 0%, rgba(246,246,246,1) 100%); background: -webkit-linear-gradient(top, rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%); background: linear-gradient(to bottom, rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } .searchCont #search_results ul li p .nom a {display: flex; max-height: 72px;} /*MODAL USUARIO*/ #login_box:after {content: "\f0d8";font-weight: 900;font-family: "Font Awesome 6 Pro";color: var(--primary);display: block;position: absolute;bottom: 100%;font-size: 28px;line-height: 16px;right: 32px;} #login_box input[type="text"], #login_box input[type="email"], #login_box input[type="password"] {border: 0;background: #eee;border-radius: 4px;margin: 0 0 8px;padding: 8px 8px;width: 100%;} #login_box .spnLogError { display: none; color: #ff1100; } #login_box #lnkBtnReg, #login_box input[type="submit"], #login_box #btLoginUsu, #login_box #btLogout{border: 0;padding: 6px 16px;border-radius: 4px;font-size: 14px;line-height: 18px;border: 1px solid var(--secondary);text-decoration: none;display: block;width: 100%;font-weight: bold;} #login_box .title {font-size: 18px; line-height: 22px; margin: 0 0 12px;font-weight: var(--bold1);} #login_box .desc { margin: 0 0 8px; font-size: 14px; line-height: 18px;} #login_box .usuario-registrado { padding: 12px; } #login_box .usuario-registrado a{color: inherit;font-size: 14px;line-height: 16px;margin-top: 8px;display: block;} #login_box .usuario-registrado input[type="button"], #login_box .usuario-registrado input[type="submit"], #login_box .usuario-registrado #btLoginUsu {background-color: var(--secondary);color: #fff;} #login_box .usuario-registrado input[type="button"]:not(:last-child), #login_box .usuario-registrado input[type="submit"]:not(:last-child), #login_box .usuario-registrado #btLoginUsu:not(:last-child) { margin-bottom: 8px; } #login_box .usuario-no-registrado { padding: 12px; background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(238,238,238,0) 100%); background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,0) 100%); background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(238,238,238,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#00eeeeee',GradientType=0 ); } #login_box .usuario-no-registrado #lnkBtnReg, #login_box .usuario-no-registrado input[type="submit"], #login_box #btLogout{color: var(--secondary);background-color: #fff;} /* CARRITO LISTA PRODUCTOS */ #cart .cart-prod-list {display: none;} #cart .cart-prod-list .hCartProd {position: relative;display: flex;padding: 8px 0;max-width: 100%;overflow: hidden;border-bottom: 1px solid rgba(0,0,0,0.1);margin: 0px;} #cart .cart-prod-list .hCartProd .hCartProdInfo { display: flex; align-items: center; width: 100%; padding: 4px; overflow: hidden; color: inherit; text-decoration: none; } #cart .cart-prod-list .hCartProd .hCartProdInfo img {display: block;width: 100%;max-width: 48px;margin: 0 8px 0 0;flex-shrink: 0;} #cart .cart-prod-list .hCartProd .hCartProdInfo p { overflow: hidden; width: 100%; } #cart .cart-prod-list .hCartProd .hCartProdInfo p span { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #cart .cart-prod-list .hCartProd .hCartProdInfo p .attachedFiles { min-height: 20px; margin: 2px 0 0; } #cart .cart-prod-list .hCartProd .hCartProdDelete {padding: 4px 0;text-decoration: none;color: inherit;margin-left: 8px;} #cart .cart-prod-list .hCartTotal {display: flex;justify-content: space-between;width: 100%;text-transform: uppercase;margin-top: 0;font-weight: var(--bold1);font-size: 14px;line-height: 18px;background: rgba(0,0,0,0.1);padding: 12px;} #cart .cart-prod-list .hCartTotalSinIva {display: flex;justify-content: space-between;width: 100%;text-transform: uppercase;margin-top: 0;font-weight: var(--bold1);font-size: 12px;line-height: 14px;background: rgba(0,0,0,0.08);padding: 12px; opacity: .8;} #cart .cart-prod-list .hEnvioGratis { } #cart .cart-prod-list .hEnvioGratis a {padding: 0px 12px;border-radius: var(--radius-default);display: flex;margin-top: 8px;align-items: center;text-decoration: none;color: #333;/* border: 1px dashed rgba(0,0,0,0.2); */justify-content: center;} #cart .cart-prod-list .hEnvioGratis a span{ font-weight: var(--bold1); line-height: 120%; } #cart .cart-prod-list .hEnvioGratis a:before{content:"\f48b";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-right: 8px;font-size: 20px;line-height: 24px;text-align: center;} #cart .cart-prod-list .hCartButtons { display: flex; margin: 8px 0 0; justify-content: space-between;} #cart .cart-prod-list .hCartButtons .hOrderLink { width: 60%; } #cart .cart-prod-list .hCartButtons .hCartLink{text-align: center; width: 39%;} #cart .cart-prod-list .hCartButtons .hOrderLink a {display: flex;align-items: center;justify-content: center;border: 0;padding: 8px 16px; border-radius: var(--radius1); font-size: 14px;line-height: 18px;background-color: var(--secondary);text-decoration: none;color: #fff;font-weight: bold;} #cart .cart-prod-list .hCartButtons .hOrderLink a:after {content: "\f105";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-left: 4px;font-size: 12px;padding-top: 2px;line-height: 12px;} #cart .cart-prod-list .hCartButtons .hCartLink a {display: flex;align-items: center;justify-content: center;border: 0;padding: 7px 15px; border-radius: var(--radius1); font-size: 14px;line-height: 18px;border: 1px solid var(--secondary);color: var(--secondary);text-decoration: none;font-weight: bold;} #cart .cart-prod-list .hCartButtons .hCartLink a:before { content: "\f07a"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-right: 8px; font-size: 12px; line-height: 12px } #cart .cart-prod-list.cart-empty { padding: 20px;font-size: 18px; line-height: 22px; text-align: center; font-weight: var(--bold1);} /*Header Menú*/ header .menu {position: relative;z-index: 2; padding-bottom:8px; } header .menu .menuCont {display: flex;justify-content: space-between; max-width: var(--max-width);margin: 0 auto;font-weight: var(--bold1);} .mcPrincipal { z-index: 10; } .mcPrincipal .cd-dropdown-trigger{display: flex;align-items: center;text-decoration: none;padding: 8px 32px 8px 12px;justify-content: space-around;text-transform: uppercase; color:currentColor;} .mcPrincipal .cd-dropdown-trigger span{padding:0 4px 0 0; letter-spacing:1px;} .cd-dropdown-trigger::before, .cd-dropdown-trigger::after{background:currentColor;} .mcPrincipal li {list-style: none;/* display: flex; */} .mcPrincipal li p{border-bottom: 1px solid rgba(0,0,0,0.05)} .mcPrincipal li a { display: block; padding: 12px; text-decoration: none; color: #333;} .mcPrincipal li.campExpress:first-child a{ border-top: 1px solid #fff; } .mcPrincipal li.campExpress a { background-color: #eee; display: flex; align-items: center; justify-content: space-between;} .mcPrincipal li.campExpress:hover:not(.go-back) > p > a{ } .mcPrincipal li.campExpress:hover:not(.go-back) a:after { color: #333; opacity: .8; } .mcPrincipal li.campExpress a:after{ content: "\f2f2"; font-weight: 400; font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 8px; color: #333; font-size: 120%; flex-shrink: 0; transform: scale(2.8) rotate(-20deg); opacity: .6; margin-left: 12px;} .mcPrincipal li:hover:not(.go-back) > p > a, .mcPrincipal li.current-selected { background-color: rgba(0,0,0,0.05); box-shadow: inset 4px 0 0 #666;} .mcPrincipal > ul > li > ul > li > p > a{ display: none;} .mcPrincipal ul > li > p { display: flex; margin:0;} .mcPrincipal ul > li > p.jump { display: none; } .mcPrincipal ul > li > p > a{ width: 100%;} .mcPrincipal ul > li > p > span {display: none;flex-shrink: 1;width: 40px;flex-shrink: 0;text-align: center;justify-content: center;align-items: center;background-color: rgba(0,0,0,0.03);cursor: pointer;} .mcPrincipal ul > li > p > span:after { content:"\f105"; font-weight: 600; font-family: "Font Awesome 6 Pro"; } .mcPrincipal ul > li.has-children > p > span { display: flex;} .mcPrincipal ul > li.go-back > p > span { display: flex; width: 40px; flex-shrink: 1; text-align: center; justify-content: center; align-items: center; background-color: rgba(0,0,0,0.03); cursor: pointer;} .mcPrincipal ul > li.go-back > p > span:after { content:"\f104"; font-weight: 600; font-family: "Font Awesome 6 Pro"; display: block; padding:12px;} .mcPrincipal ul > li.go-back > p > a { opacity: 0.7 } .mcPrincipal ul > li .see-all { display: none; } .mcDestacado { width: 100%; display: flex;} .mcDestacado ul { display: flex; width: 100%; justify-content:flex-end;} .mcDestacado ul li { display: flex; margin-left:20px;} .mcDestacado ul li a {display: flex;align-items: center;padding: 8px 12px;text-decoration: none;text-transform: uppercase; color:currentColor;} .mcDestacado ul li a:hover { opacity: .8 } .mcDestacado ul li a span { } .navTrigger { cursor: pointer; width: 32px; height: 32px; padding: 4px; display: flex; align-items: center; flex-flow: row wrap; align-content: center; justify-content:center;} .navTrigger i { background-color: currentColor; border-radius: 2px; content: ''; display: block; width: 100%; height: 2px; } .navTrigger i:nth-child(1) { -webkit-animation: outT 0.5s backwards; animation: outT 0.5s backwards; -webkit-animation-direction: reverse; animation-direction: reverse; } .navTrigger i:nth-child(2) { margin: 4px 0; -webkit-animation: outM 0.5s backwards; animation: outM 0.5s backwards; -webkit-animation-direction: reverse; animation-direction: reverse; } .navTrigger i:nth-child(3) { -webkit-animation: outBtm 0.5s backwards; animation: outBtm 0.5s backwards; -webkit-animation-direction: reverse; animation-direction: reverse; } .navTrigger.active{ color:#333;} .navTrigger.active i{width:80%;} .navTrigger.active i:nth-child(1), .dropdown-is-active .navTrigger i:nth-child(1){ -webkit-animation: inT 0.5s forwards; animation: inT 0.5s forwards; } .navTrigger.active i:nth-child(2), .dropdown-is-active .navTrigger i:nth-child(2) { -webkit-animation: inM 0.5s forwards; animation: inM 0.5s forwards; margin: 3px 0;} .navTrigger.active i:nth-child(3), .dropdown-is-active .navTrigger i:nth-child(3) { -webkit-animation: inBtm 0.5s forwards; animation: inBtm 0.5s forwards; display:none; } .menu_mob { display: none;} /*######################### ###### P O R T A D A ###### ###########################*/ #PORT01 { } #PORT02 {padding: var(--section-margin) 16px;} #PORT02 .PORT02Cont { max-width:var(--max-width); margin: 0 auto; display: grid; grid-template-columns:1fr 1fr 1fr; grid-gap:8px;} #PORT02 .PORT02Cont > * { position:relative; margin:0;} @media screen and (min-width: 1024px) { #PORT02 .PORT02Cont > *:not(:first-child):not(:nth-child(3n+1)):before{ content: ""; height: 60%; width: 1px; position: absolute; left: -4px; top: 0; bottom: 0; margin: auto; background: #e5e5e5; } } @media screen and (min-width: 641px) and (max-width: 1023px) { #PORT02 .PORT02Cont > *:not(:first-child):not(:nth-child(2n+1)):before{ content: ""; height: 60%; width: 1px; position: absolute; left: -4px; top: 0; bottom: 0; margin: auto; background: #e5e5e5; } } @media screen and (max-width: 640px) { #PORT02 .PORT02Cont > *:not(:last-child):before{ content: ""; display:block; height: 1px; width: 70%; position: absolute; left: 0!important; top:inherit!important; right:0; bottom: -8px!important; margin: auto; background: #e5e5e5; } } #PORT01 .title2, .panel__desc--skin1[data-items="1"] .boxItem .bicTitle { font-size: 32px; line-height: 140%; } /*######################### ###### C A J O N E S ###### ###########################*/ /* CAJA SEO */ .seo1 {text-align: center;background: #fff;padding: var(--section-margin) 16px;} .seo1 .seo1Cont { max-width: var(--max-width); margin: 0 auto;} .seo1 .seo1Cont .title1 { } .seo1 .seo1Cont p:not(:last-child) { margin: 0 0 12px; } /*CAJA VIDEO*/ .seo2 {text-align: center;background: #fff;padding: var(--section-margin) 16px;} .seo2 .seo2Cont { max-width: var(--max-width); margin: 0 auto; } .seo2 .seo2Cont .title1 { } .seo2 .seo2Cont p:not(:last-child) { margin: 0 0 12px; } .seo2 .seo2Cont iframe { display: block; border: 0; width: 100%; } .iframeCont { position: relative; padding-bottom: 56.25%; overflow: hidden; } .iframeCont > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } /* BOX SIN LINK */ .boxItem a[href^="#"] {cursor:default;} /*BOX 2: */ .box2 { padding: 20px 16px 0; background: #fff; } .box2 .boxCont { max-width: var(--max-width); margin: 0 auto; } .box2 .boxCont { max-width: var(--max-width); margin: 0 auto; } .box2 .boxCont > div > div{ display: flex; justify-content: space-between; } .box2 .boxCont .boxItem { width: calc(50% - (var(--mosaico-margin)/2)); margin-bottom: var(--mosaico-margin); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; display: none; } .box2 .boxCont .boxItem:first-child, .box2 .boxCont .boxItem:nth-child(2){ display: block; } .box2 .boxCont .boxItem > div { padding-bottom: 75%; width: 100%; display: flex; } .box2 .boxCont .boxItem a { display: block; width: 100%; text-decoration: none; color: inherit; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; position: absolute; top: 0; left: 0; height: 100%; } .box2 .boxCont .boxItem .boxItemImg { display: none; } .box2 .boxCont .boxItem .boxItemImg img { display: block; width: 100%; } .box2 .boxCont .boxItem .boxItemCont { background: rgba(255,255,255,0.8); padding: 4px; margin: 12px; border-radius: var(--radius-default); } .box2 .boxCont .boxItem .bicTitle { margin: 0; border: 1px solid; padding: 4px 40px; text-transform: uppercase; border-radius: var(--radius-default); } .box2 .boxCont .boxItem .bicDesc { display: none; } .box2 .boxCont .boxItem .bicBtn { display: none; } .box2 .boxCont .boxItem .bicBtn span { } .box2 .boxCont .swiper-button-next, .box2 .boxCont .swiper-button-prev, .box2 .boxCont .swiper-pagination { display: none; } .box3a { padding: 0 16px 20px; background: #fff; } .box3a .boxCont { max-width: 1400px; margin: 0 auto; display: flex; overflow-X: auto; } .box3a .boxCont .boxItem { width: 33.3333%; background-size: cover; background-position: center; background-repeat: no-repeat; border: 4px solid #FFF; position: relative; flex-shrink: 0; } .box3a .boxCont .boxItem > div { padding-bottom: 75%; display: flex; } .box3a .boxCont .boxItem a { display: block; width: 100%; text-decoration: none; color: inherit; display: flex; align-items: flex-end; justify-content: center; text-align: center; position: absolute; top: 0; left: 0; height: 100%; } .box3a .boxCont .boxItem .boxItemImg { display: none; } .box3a .boxCont .boxItem .boxItemImg img { display: block; width: 100%; } .box3a .boxCont .boxItem .boxItemCont { background: rgba(0,0,0,0.5); padding: 8px; width: 100%; } .box3a .boxCont .boxItem .bicTitle { margin: 0; text-transform: uppercase; border-radius: var(--radius-default); color: #fff; } .box3a .boxCont .boxItem .bicDesc { display: none; } .box3a .boxCont .boxItem .bicBtn { display: none; } .box3a .boxCont .boxItem .bicBtn span { } .box3 {padding: var(--section-margin) 16px ;background: #fff;} .box3 .swiper-container { width: 100%; } .box3 .boxCont { max-width: var(--max-width); margin: 0 auto; display: flex; overflow-X: auto; } .box3 .boxCont .boxItem { width: calc((1/3 * 100%) - (var(--mosaico-margin)*(2/3))); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; flex-shrink: 0; } .box3 .boxCont .boxItem > div { padding-bottom: 75%; display: flex; } .box3 .boxCont .boxItem a { display: block; width: 100%; text-decoration: none; color: inherit; display: flex; align-items: flex-end; justify-content: center; position: absolute; top: 0; left: 0; height: 100%; } .box3 .boxCont .boxItem .boxItemImg { display: none; } .box3 .boxCont .boxItem .boxItemImg img { display: block; width: 100%; } .box3 .boxCont .boxItem .boxItemCont { background: rgba(0,0,0,0.5); padding: 8px; width: 100%; } .box3 .boxCont .boxItem .bicTitle { margin: 0; text-transform: uppercase; border-radius: var(--radius-default); color: #fff; } .box3 .boxCont .boxItem .bicDesc { display: none; } .box3 .boxCont .boxItem .bicBtn { display: none; } .box3 .boxCont .boxItem .bicBtn span { } .box3 .boxCont .swiper-button-next, .box3 .boxCont .swiper-button-prev, .box3 .boxCont .swiper-pagination { display: none; } .box4 {padding:var(--section-margin) 16px; } .box4 .slideCont { max-width: var(--max-width); margin: 0 auto; position: relative; } .box4 .slideCont .slideInfo {margin: 0 0 20px;text-align: center;padding: 0 16px;} .box4 .slideCont .slideInfo .title2 { } .box4 .slideCont .slideInfo p { } .box4 .slideCont .swiper-container { margin: 0; position: static; } .box4 > div > p{ text-align:center;font-size: 120%; line-height: 120%; font-weight: var(--bold1); font-style: italic;} .box4 .swiper-slide { height:auto; width: calc((1/4 * 100%) - (var(--productos-margin) * 3 / 4)); }/*25% - el margen entre items del slide de los 4 que se ven repartido entre los 3 que llevan margen a la derecha*/ /*.box4 .swiper-button-next, .box4 .swiper-button-prev { background: #fff; height: 40px; width: 40px; border-radius: 20px; box-shadow: 0 0 12px rgba(0,0,0,0.4); display: flex; align-items: center; justify-content: center; transition: all 300ms ease;}*/ /* .box4 .swiper-button-next { right: 4px;} .box4 .swiper-button-prev { left: 4px; } .box4 .swiper-button-next, .box4 .swiper-button-prev { transform: scale(0); } .box4 .slideCont:hover .swiper-button-next, .box4 .slideCont:hover .swiper-button-prev { transform: scale(1) } .box4 .swiper-button-next i, .box4 .swiper-button-prev i{line-height: 100%; width: auto;} .box4 .swiper-button-next i { padding-left: 2px;} .box4 .swiper-button-prev i{padding-right: 2px;}*/ .box6 { padding: var(--section-margin) 16px; } .box6 .slideCont { max-width: var(--max-width); margin: 0 auto; position: relative; } .box6 .slideCont .slideInfo { margin: 0 0 20px; text-align: center; padding: 0 20px; } .box6 .slideCont .slideInfo .title2 { } .box6 .slideCont .slideInfo p { } .box6 .slideCont .swiper-container { margin: 0; position: static; } .box6 .slideCont .swiper-slide { width: calc((1/6 * 100%) - (var(--productos-margin) * 5 / 6)) } .swiper-container .swiper-button-next, .swiper-container .swiper-button-prev { background: #fff; height: 38px; width: 38px; border-radius: 20px; box-shadow: 0 0 4px rgba(0,0,0,0.4); display: flex; align-items: center; justify-content: center; transition: all 300ms ease; } .swiper-container .swiper-button-next { right: 4px; } .swiper-container .swiper-button-prev { left: 4px; } .swiper-container .swiper-button-next, .swiper-container .swiper-button-prev { transform: scale(0); } .swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev { transform: scale(1) } .swiper-button-next i, .swiper-button-prev i { line-height: 100%; width: auto; } .swiper-button-next i { padding-left: 2px; } .swiper-button-prev i { padding-right: 2px; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ display: none; } .boxMini { padding: 40px 16px 0; overflow: hidden; background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%); background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%); background: linear-gradient(to bottom, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='f0f0f0', endColorstr='00f0f0f0',GradientType=0 ); } .boxMiniRel { margin: 0 0 20px; overflow: hidden; } .boxMini .slideCont, .boxMiniRel .slideCont { max-width: var(--max-width); margin: 0 auto; position: relative; overflow: hidden;} .boxMini .slideCont .slideInfo { margin: 0 0 20px; text-align: center; padding: 0 20px; } .boxMiniRel .slideCont .slideInfo { margin: 0 0 20px; } .boxMini .slideCont .swiper-container, .boxMiniRel .slideCont .swiper-container {position: static; overflow: visible;} .boxMini .slideCont .swiper-slide, .boxMiniRel .slideCont .swiper-slide { width: calc((100% / 6) - (12px * 5 / 6)); } .boxMini .prodItemImg > a .PIITag, .boxMiniRel .prodItemImg > a .PIITag { display: none; } .boxMini .prodItem .prodItemCont, .boxMiniRel .prodItem .prodItemCont { font-size: 80%; line-height: 100% } .boxMini .prodItem .prodItemCont .PICTitle, .boxMiniRel .prodItem .prodItemCont .PICTitle{ font-size: 1em; line-height: 100% } .boxMini .prodItem .prodItemCont .PICPrice span, .boxMiniRel .prodItem .prodItemCont .PICPrice span { font-size: 120%; line-height: 100% } .boxMini .prodItem .prodItemCont .PICVar, .boxMiniRel .prodItem .prodItemCont .PICVar { font-size: 100%; } .boxMini .prodItem .prodItemBt .btAddToCart, .boxMiniRel .prodItem .prodItemBt .btAddToCart { font-size: 12px; line-height: 100%; padding: 8px; } /*CAJONES PRODUCTOS GENERAL*/ .prodItem {font-weight: normal; font-size: 18px; line-height: 140%; display:flex; flex-direction:column; overflow: hidden; margin: 0 0 12px; } .prodItem .prodItemImg { position: relative; overflow: hidden; border:1px solid #eee;} .prodItem .prodItemImg > a { display: block; overflow: hidden; } .prodItem .prodItemImg > a img {display: block;width: 100%;font-size: 0; padding: 0 !important; opacity: 1 !important;} .prodItem .prodItemImg > a img:nth-of-type(2) {left: 0;position: absolute;top: 0;/* left: 100%; */opacity: 0 !important;/*transition: opacity 300ms ease, left 0ms ease 300ms; -webkit-transition: opacity 300ms ease, left 0ms ease 300ms;*/transition: all 300ms ease;padding: 0 !important;} .prodItem .prodItemImg:hover > a img:nth-of-type(2) {/* left: 0; */opacity: 1 !important;/*transition: opacity 300ms ease, left 0s ease 0ms; -webkit-transition: opacity 300ms ease, left 0s ease 0ms;*/} .prodItem .prodItemImg .PIITag { position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-weight: var(--bold1); font-size: 14px; line-height: 100%; text-transform: uppercase; letter-spacing: 0.5px; } .prodItem .prodItemImg .PIITag > div { padding: 4px; } .prodItem .prodItemImg .PIITag .PIITagPorcentaje { width: 40px; height: 40px; border-radius: 100%; display: flex; align-items: center; justify-content: center; position: absolute; top: 4px; right: 4px; background: var(--secondary); color: #fff; } .prodItem .prodItemImg .PIITag .PIITagPorcentaje span { } .prodItem .prodItemImg .PIITag .PIITagOferta {position: absolute;bottom: 0;left: 0;background: #fff; color: var(--secondary); box-shadow: inset 0 0 0 1px currentcolor;} .prodItem .prodItemImg .PIITag .PIITagOferta span { } .prodItem .prodItemImg .PIITag .PIITagDestacado { position: absolute; bottom: 0; right: 0; background: var(--primary);background-image:linear-gradient(rgba(0,0,0,0.10),rgba(0,0,0,0.10)); color: #fff; } .prodItem .prodItemImg .PIITag .PIITagDestacado span { } .prodItem .prodItemImg .PIITag .PIITagNovedad { position: absolute; top: 0; left: 0; background: #03a9f3; color: #fff; } .prodItem .prodItemImg .PIITag .PIITagNovedad span { } .prodItem .prodItemImg .PIITag .PIITagOutlet {position: absolute;top: 0;left: 0;background: #333; color: #fff;} .prodItem .prodItemImg .PIITag .PIITagNovedad ~ .PIITagOutlet{ top: 24px;} .prodItem .prodItemImg .PIITag .PIITagOutlet span { } .prodItem .prodItemImg .PIITag .PIITagAgotado { position: absolute; top: 50%; left: 50%; background: rgba(0,0,0,0.5); padding: 8px 20px; color: #fff; transform: translate(-50%, -50%); box-shadow: 0 0 0 300px rgba(255,255,255,0.2); } .prodItem .prodItemImg .PIITag .PIITagAgotado span { } .prodItem .prodItemImg .PIITag .PIITagSoloOnline { position: absolute; bottom: 0; right: 0; background: #666; color: #fff; } .prodItem .prodItemImg .PIITag .PIITagSoloOnline span { } .prodItem .prodItemImg .PIITag .PIITagFlash { position: absolute; top: 4px; left: 4px; background: #f8c931; padding: 4px 8px; border-radius: 24px; color: #333; } /*.prodItem .prodItemImg .PIITag .PIITagFlash { animation: flash 6s linear 2s infinite; }*/ .prodItem .prodItemImg .PIITag .PIITagFlash span { } .prodItem .prodItemImg .PIITag .PIITagFlash span:before { content: "\f2f2"; font-weight: 400; font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 8px; font-size: 120%; flex-shrink: 0; } .prodItem.flash .prodItemImg .PIITag .PIITagNovedad{ display: none; } .prodItem.flash .PICPriceValue:before { content: "\f2f2"; font-weight: 400; font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 8px; font-size: 80%; display: none; } .prodItem .prodItemCont {padding: 8px 0;flex:1;} .prodItem .prodItemCont .PICTitle {font-weight: normal; font-size: 14px; line-height: 120%; margin: 0 0 4px;} .prodItem .prodItemCont .PICTitle a { color: inherit; text-decoration: none; } .prodItem .prodItemCont .flash .PICPrice { margin: 0 0 4px; display: flex; align-items: center; justify-content: center; flex-direction: column; } .prodItem.flash .prodItemCont .PICPrice{ border: 2px solid #f8c931; background:#fff; display: block; border-radius: 8px; overflow: hidden; padding: 4px 4px 4px 40px; position: relative; margin-bottom: 4px;} .prodItem.flash .prodItemCont .PICPrice:before{ content: "\f2f2"; font-weight: 400; font-family: "Font Awesome 6 Pro"; display: inline-flex; align-items: center; justify-content: center; font-size: 100%; color: #111; padding: 0 4px; position: absolute; background: #f8c931; left: 0; top: 0; height: 100%;} .prodItem.flash:not(.flashenvio) .prodItemCont .PICPrice .PICPriceOld { display: block; margin: 0; } .prodItem.flashenvio .prodItemCont .PICPrice > span:last-child { display: block; font-size: 12px; text-transform: uppercase; } .prodItem .prodItemCont .PICPrice > span { font-weight: var(--bold1); font-size: 18px; line-height: 120%; } .prodItem .prodItemCont .PICPrice .PICPriceIva { font-size: 16px; opacity: .8; display: block;} .prodItem .prodItemCont .PICPrice .PICPriceIva > span { text-transform: uppercase; font-size: 14px; } .prodItem .prodItemCont .PICPrice .PICPriceValue{color: var(--primary);} .prodItem .prodItemCont .PICPrice .PICPriceOld {color: inherit;margin-right: 8px;text-decoration: line-through;font-size: 14px; opacity:0.75;} .prodItem .prodItemCont .PICDesc { margin: 0 0 4px; font-size: 12px; line-height: 120%; display: none; } .prodItem .prodItemCont .PICVar { font-weight: var(--bold1);opacity: 0.5;font-size: 14px; line-height: 100%;} .prodItem .prodItemBt{ padding:8px; } .prodItem .prodItemBt .btAddToCart{display: inline-flex; align-items: center; justify-content: center; padding: 8px; background-color: #666; text-decoration: none; color: white; font-size: 16px; line-height: 20px; border-radius: var(--radius1);} .prodItem .prodItemBt .btAddToCart i{margin-right:8px;} /*CAJONES MARCAS*/ .PorMarcas { text-align: center; font-weight: normal; font-size: 18px; line-height: 140%; padding:1px;} .PorMarcas .PorMarcasImg { position: relative; overflow: hidden; width: 100%; padding-bottom: 100%; position: relative; background: #fff; border: 1px solid #eee; } .PorMarcas .PorMarcasImg > a { overflow: hidden; position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 12px;} .PorMarcas .PorMarcasImg > a img { display: block; max-width: 100%; } .PorMarcas .PorMarcasCont { padding: 8px; } .PorMarcas .PorMarcasCont .PMCTitle { font-weight: normal; font-size: 14px; line-height: 120%; margin: 0; } .PorMarcas .PorMarcasCont .PMCTitle a { color: inherit; text-decoration: none; } .PorMarcas .PorMarcasCont .PPCDesc { margin: 0 0 4px; display: none; } /* BANDAS CON Nº DE ELEMENTOS*/ .bndBox3 { padding: 20px 16px; background-color: #fff; } .bndBox3 .bndBox3Cont { display: flex; justify-content: space-between; max-width: var(--max-width); margin: 0 auto; } .bndBox3 .bndBox3Cont > div { width: 32%; } /*NEWSLETTER*/ .news1 { padding: 40px 16px; background:#f5f5f5; text-align: center; } .news1 .newsCont { } .news1 .newsCont .title2 { font-size: 32px; line-height: 140%;margin: 0 0 8px; } .news1 .newsCont .newsDesc { margin: 0 0 12px; font-weight: normal; font-size: 16px; line-height: 140%; } .news1 .newsCont .newsMail {max-width: 524px; margin: 0 auto; } .news1 .newsCont .newsMail form { display: flex; justify-content: center; } .news1 .newsCont .newsMail form label { width: 100%; } .news1 .newsCont .newsMail .newsInput {width: 100%;padding: 8px 16px;border: 0;color: #333;border-radius: 4px; border:1px solid #ccc;} .news1 .newsCont .newsMail .newsBtn {background: #666;color: #fff;border:0;padding: 4px 32px;text-decoration: none;display: flex;margin-left: 6px;align-items: center;text-transform: uppercase;font-weight: var(--bold1);justify-content: center;border-radius: var(--radius1);} #PORT01 .news1{ padding:var(--section-margin); background:none;} #PORT01 .news1:last-child{padding-bottom:0;} #PORT01 .news1 .newsCont { padding: 32px 16px; background:#f5f5f5; max-width:var(--max-width); margin: 0 auto;} /*ENVÍO*/ .envio1 { background-color: #35baf5; color: #fff; justify-content: space-between; } .envio1:after { content: "\f1d8"; font-weight: 900; font-family: "Font Awesome 6 Pro"; font-size: 60px; margin-left: 12px; display: block; flex-shrink: 0; line-height: 100%; } .envio1 .envioCont { } .envio1 .envioContDesc { display: flex; align-items: center; justify-content: space-between; } .envio1 .envioContLink { font-size: 12px; } .envio1 .envioContLink a { color: inherit; } /*SOCIAL*/ .socialBox { padding: 20px; font-weight: var(--bold1); font-size: 20px; line-height: 140%; display: flex; align-items: center; justify-content: center; text-align: center; flex-flow: column-reverse; width: 100%;} .socialBox .socialCont { } .socialBox .socialContDesc { display: flex; align-items: center; justify-content: space-between; } .socialBox .socialUl { margin: 0 0 8px; font-weight: normal; } .socialBox .socialUl li { display: inline-flex; margin: 2px; border-radius: 40px;} .socialBox .socialUl a { text-decoration: none; color: #fff; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; margin: 2px; font-size: 20px; } .socialBox .socialUl a span span{ display: none; } .socialBox .socialUl .instagram { background-color: #d10869; padding: 0; } .socialBox .socialUl .instagram a { color: #fff; } .socialBox .socialUl .twitter { background-color: #1da1f2; padding: 0; } .socialBox .socialUl .twitter a { color: #fff; } .socialBox .socialUl .facebook { background-color: #3b5998; padding: 0; } .socialBox .socialUl .facebook a { color: #fff; } .socialBox .socialUl .whatsapp { background-color: #128c7e; } .socialBox .socialUl .whatsapp a { color: #fff; } .socialBox .socialUl .socialBox .socialUl.socialBox .socialUl.phone { background-color: #666; } .socialBox .socialUl .phone a { color: #fff; } /* Social fixed*/ .socialBox--fixed{ position: fixed;bottom: 60px; right: 4px; padding:0; width: auto;z-index:3;} .socialBox--fixed .socialUl{margin:0;} .socialBox--fixed .socialUl li{display:block;box-shadow: 2px 2px 3px rgba(0,0,0,0.4);} .socialBox--fixed .socialUl li:not(:last-child){margin:0 0 4px;} .socialBox--fixed .socialUl a{ width: 60px; height: 60px; font-size:32px; } .socialLine { list-style: none; } .socialLine li {display: inline-block;background: #fff;padding: 0px 12px;min-width: 28px;border-radius: 3px;text-align: center;margin: 2px 0 2px 3px;font-size: 14px; line-height:28px;} .socialLine li a { text-decoration: none; color: #333; } .socialLine li a span span { margin-left: 4px;} .socialLine li a i {font-weight: 900;} .socialLine .news { } .socialLine .news a { color: #868686; } .socialLine .instagram { padding: 0; } .socialLine .instagram a { color: #d10869; } .socialLine .instagram a span span { display: none; } .socialLine .twitter { padding: 0; } .socialLine .twitter a { color: #1da1f2; } .socialLine .twitter a span span { display: none; } .socialLine .facebook { padding: 0; } .socialLine .facebook a { color: #3b5998; } .socialLine .facebook a span span { display: none; } .socialLine .whatsapp { padding:0; } .socialLine .whatsapp a { color: #128c7e; } .socialLine .whatsapp a span span { display: none; } .socialLine .phone { } .socialLine .phone a { color: #666; } .socialLine .mobile a { color: #666; } .socialLine .twitter a i, .socialLine .facebook a i, .socialLine .instagram a i, .socialLine .whatsapp a i { font-weight: 200; } /*.langSelector { display: flex; align-items:center;} .langSelector:not(:first-child) { margin-left: 8px; } .langSelector:not(:last-child) { margin-right: 8px; } .langSelector .select2 { border: 0; text-transform: uppercase; line-height: 28px; height: 28px; background-color: #fff; border-radius: 28px; padding: 0 0 0 4px; border: 4px solid #fff; outline: 0; font-size: 80%; letter-spacing: 1px; } .langSelector .select2 :hover { box-shadow: 0 0 4px rgba(0,0,0,.05) } header .menu .menuCont .menulang { padding: 8px; background-color: #ccc; text-align: right; display: none; margin: 0; } header .menu .menuCont .menulang .select2 { height: 36px; min-width: 60px;}*/ .langSelector {margin-left: 8px;} .select2-container { width: 52px !important; text-align: center; text-transform: uppercase; } .select2-search { display:none; } .select2-results__option{ font-size: 0; line-height: 0; } .select2-results__option img {display: block; width: 100%;} .select2-container .select2-selection--single{ border-color: #ccc; background:#f5f5f5; } .select2-container .select2-selection--single .select2-selection__rendered {} .select2-container .select2-selection--single { display: flex; } .select2-container .select2-selection--single .select2-selection__rendered { margin: 4px; background-size: contain; background-position: center center; background-repeat: no-repeat; font-size: 0; line-height: 0; } .select2-container .select2-selection--single .select2-selection__rendered[title="es"] { background-image: url(../images/languages/es.svg);} .select2-container .select2-selection--single .select2-selection__rendered[title="en"] { background-image: url(../images/languages/en.svg);} .select2-container .select2-selection--single .select2-selection__rendered[title="gl"] { background-image: url(../images/languages/gl.svg);} header .menu .menuCont .menulang {display: none;} .contactBox { display: flex; padding: 20px; justify-content: center; text-align: center; flex-flow: column; width: 100%; font-weight: var(--bold1); font-size: 18px; line-height: 140%; } .contactBox:after{margin:0 0 8px; order:1; content: "\f82d"; font-family: "Font Awesome 6 Pro";font-size:40px;font-weight:300; color:var(--primary); line-height:100%;} .contactBox > div { margin: 0 0 8px; order:2; } .contactBox > div .title { margin: 0 !important; font-size: 20px; line-height:140%; } .contactBox > div .desc { font-weight:400; display:none;} .contactBox .socialUl { margin: 0; text-transform: uppercase; order:3; } .contactBox .socialUl li { display: inline-flex; margin: 2px; border-radius: var(--radius1); font-size: 14px; background:#eee;} .contactBox .socialUl a { text-decoration: none; color: #fff; display: inline-flex; align-items: center; justify-content: center; margin: 2px; padding: 0 8px;} .contactBox .socialUl a span span { margin-left: 4px; margin-left: 4px; } .contactBox .socialUl .instagram { background-color: #d10869; padding: 0; } .contactBox .socialUl .instagram a { color: #fff; } .contactBox .socialUl .twitter { background-color: #1da1f2; padding: 0; } .contactBox .socialUl .twitter a { color: #fff; } .contactBox .socialUl .facebook { background-color: #3b5998; padding: 0; } .contactBox .socialUl .facebook a { color: #fff; } .contactBox .socialUl .whatsapp { background-color: #128c7e; } .contactBox .socialUl .whatsapp a { color: #fff; } .contactBox .socialUl .phone { } .contactBox .socialUl .phone a { color: #333; } .contactBox .socialUl .mail { } .contactBox .socialUl .mail a { color: #333; } .contactBox .socialUl .mobile { } .contactBox .socialUl .mobile a { color: #333; } .contactBand {color: #666;display: flex;padding: 20px 8px;justify-content: space-between;width: 100%; font-size: 18px; line-height: 140%;align-items: center;text-align: left;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} .contactBand > div {margin: 0 0 8px;width: 100%;} .contactBand > div .title { margin: 0 0 8px; font-size: 24px; line-height: 120%; font-weight: var(--bold1); color:#333;} .contactBand > div .desc { } .contactBand .socialUl {margin: 0 0 4px;text-transform: uppercase;text-align: right;flex-shrink: 0;} .contactBand .socialUl li { display: inline-flex; margin: 2px; border-radius: var(--radius1); font-size: 16px; background-color: var(--secondary); } .contactBand .socialUl a {text-decoration: none;color: #fff;display: inline-flex;align-items: center;justify-content: center;margin: 2px;padding: 4px 12px;} .contactBand .socialUl .phone > a{color: #fff;} .contactBand .socialUl a span span { margin-left: 4px; margin-left: 4px; } /*CAJON CONTACTO*/ .duda1 { background: #999; color: #fff; } .duda1 .dudaCont { } .duda1 .dudaCont .dudaContText { margin: 0 0 8px; } .duda1 .dudaCont .dudaContText .DCTTitle { font-size: 28px; line-height: 120%; } .duda1 .dudaCont .dudaContButtons { } .duda1 .dudaCont .dudaContButtons a { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; color: #999; background-color: white; border-radius: 40px; padding: 8px 16px; font-size: 16px; line-height: 100%; margin: 4px; } .duda1 .dudaCont .dudaContButtons a i { margin-right: 4px; transform: scaleX(-1) } /*BANNERS POR DEFECTO*/ .dvBanner{display: flex;align-items: center;justify-content: center; flex-direction:column;color: #333;padding: 20px;font-size: 20px; font-weight:var(--bold1);line-height: 140%; text-align:center;} .dvBanner:after { font-weight: 900; font-family: "Font Awesome 6 Pro";font-weight:300; color:var(--primary); font-size: 40px; display: block; flex-shrink: 0; line-height: 100%; text-align: center; width: 68px; text-align: center; order:1; } .dvBanner:before { margin-right: 20px; } .dvBanner:after {margin: 0 0 8px;} .dvBanner .dvBannerCont {width: 100%;font-weight: var(--bold1); order:2; max-width:290px; } .dvBanner .dvBannerCont a:not(.dvBannerContLink4) { font-size: 14px; color: inherit; line-height: 120%; display: block; margin-top: 8px; color:#666; } .dvBanner .dvBannerCont .dvBannerContLink4 { color: inherit;} .dvBanner .dvBannerCont .dvBannerContText4 { text-transform: lowercase;} /*BANNERS PERSONALIZADOS*/ .secureBox { color: #39b549;} .secureBox:after { content: "\f2f7";} .secureBox .dvBannerCont { } .secureBox .dvBannerCont p:first-child {font-size: 26px;} .secureBox .dvBannerCont p span { display: inline-block; } .secureBox .dvBannerCont p span:not(:first-child) { margin-left: 4px;} .secureBox .dvBannerCont a { } .dvBannerContLink4 { } .envioBox {} .envioBox:after { content: "\f48b"; font-family: "Font Awesome 6 Pro";} .envioBox .dvBannerCont { } .envioBox .dvBannerCont a { } .dvBanner.envioMini { padding: 12px; justify-content: center; background: #37474f; color: #ffffff; margin: 0 !important; } .dvBanner.envioMini:before {content: "\f48b";font-family: "Font Awesome 6 Pro";font-size: 20px;width: auto;margin-right: 12px;} .dvBanner.envioMini .dvBannerCont {width: auto;flex-flow: row wrap;text-transform: uppercase;font-size: 16px;letter-spacing: 2px;line-height: 16px;align-items: center;justify-content: center; text-align: center; } .dvBanner.envioMini .dvBannerCont a:not(.dvBannerContLink4) {font-size: 12px;line-height: 12px;display: inline-block;margin: 4px;/* opacity: 0.5; */text-transform: lowercase;letter-spacing: 0;} .dvBanner.envioMini .dvBannerCont .dvBannerContText4 { text-transform: uppercase; } .dvBanner.fbBox { font-size: 24px; } .dvBanner.fbBox:after { content: "\f09a"; font-family: "Font Awesome 5 Brands"; color:#3B5998;} .dvBanner.fbBox .dvBannerCont .dvBannerCont { } .dvBanner.fbBox .dvBannerCont a {text-decoration: none;color: inherit;margin: 0;font-size: 20px;} .dvBanner.fbBox .dvBannerCont a span:last-of-type { display: inline-block; } .dvBanner.fbBox iframe {height: 20px;margin-top: 12px;max-width: 100%; display:none;} .dvBanner.twBox { font-size: 24px; } .dvBanner.twBox:after { content: "\f099"; font-family: "Font Awesome 5 Brands"; color:#1da1f2;} .dvBanner.twBox .dvBannerCont { } .dvBanner.twBox .dvBannerCont a {text-decoration: none;color: inherit;margin: 0; font-size: 20px;} .dvBanner.twBox .dvBannerCont a span:last-of-type { display: inline-block; } .dvBanner.instaBox { font-size: 24px; } .dvBanner.instaBox:after { content: "\f16d"; font-family: "Font Awesome 5 Brands"; color:#D10869;} .dvBanner.instaBox .dvBannerCont { } .dvBanner.instaBox .dvBannerCont a { text-decoration: none; color: inherit; font-size: inherit; margin: 0;font-size: 20px; } .dvBanner.instaBox .dvBannerCont a span:last-of-type { display: inline-block; } .dvBanner.urgentBox { } .dvBanner.urgentBox:after { content: "\f48c";} .dvBanner.urgentBox .dvBannerCont { } .dvBanner.urgentBox .dvBannerCont a { } .dvBanner.urgentBox .dvBannerCont span:last-of-type { font-size: 28px;line-height:120%;margin-left:8px; } .dvBanner.interBox { } .dvBanner.interBox:after { content: "\f072";} .dvBanner.interBox .dvBannerCont .dvBannerCont { } .dvBanner.interBox .dvBannerCont a { } .dvBanner.interBox .dvBannerCont span:last-of-type { word-break: break-all; } .dvBanner.privateBox {} .dvBanner.privateBox:after { content: "\f21b";} .dvBanner.privateBox .dvBannerCont .dvBannerCont { } .dvBanner.privateBox .dvBannerCont a { } .dvBanner.privateBox .dvBannerCont p:first-child span:last-of-type { font-size: 28px;line-height:120%; margin-left:8px; } .defaultBox { padding: 12px; background-color: #eee; } /*BOX DE FORMULARIO*/ .formBox {/* background-color: #f0f0f0; */padding: var(--section-margin) 16px;background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(240,240,240,0) 100%);background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%);background: linear-gradient(to bottom, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#00f0f0f0',GradientType=0 );} .formBox > div{max-width: var(--max-width); text-align: center; margin: 0 auto; padding: 20px; box-shadow: 0 -12px 12px rgba(0,0,0,0.05); border-radius: 8px; background-color: #fff; } .formBox > div > p { margin: 0 0 12px; } .formBox > div #ulContatoInfo{ } .formBox > div #ulContatoInfo .dvContatoInfoSup{ display: flex; justify-content: space-between; } .formBox > div #ulContatoInfo .dvContactoFormLeft { } .formBox > div #ulContatoInfo .dvContactoFormRight { margin-left: 8px;} .formBox > div #ulContatoInfo input[type="text"], .formBox > div #ulContatoInfo input[type="tel"], .formBox > div #ulContatoInfo input[type="email"], .formBox > div #ulContatoInfo textarea { padding: 12px; } .formBox > div #ulContatoInfo .dvContatoInfoSub { } .formBox > div #ulContatoInfo .dvContatoInfoSub { display: flex; flex-flow: row wrap; justify-content: center; } .formBox > div #ulContatoInfo .dvContatoInfoSub #bc_enviar { width: calc(50% - 6px); } /*MIGAS DE PAN*/ .breadcrumb {margin: 0 0 20px;font-size: 90%;opacity: 0.9;} .breadcrumb ol{padding: 0 !important; display: flex; flex-flow: row wrap; } .breadcrumb ol li{list-style: none;display: inline-flex;align-items: center;margin-right: 8px; max-width: 100%;} .breadcrumb ol li:not(:first-child):before {content: "\f105";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-right: 8px;font-size: 10px;line-height: 10px;} .breadcrumb ol li > span, .breadcrumb ol li > a{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .breadcrumb ol li a { color: inherit; text-decoration: none; } .breadcrumb ol li a:hover { text-decoration: underline; } /***FOOTER***/ footer { background: #333; color: white; } footer a { color: inherit; text-decoration: none; display:inline-block; } footer .footerInfo {padding: 30px 16px;} footer .footerInfo .footerInfoCont { display: flex; justify-content: space-between; flex-flow: row wrap; max-width: var(--max-width); margin: 0 auto; } footer .footerInfo .footerInfoCont .FICBox:first-of-type { width: 25%;order: 1; } footer .footerInfo .footerInfoCont .FICBox:nth-of-type(2) { width: 25%; order: 3;} footer .footerInfo .footerInfoCont .FICBox:last-of-type { width: 40%; order: 5;} footer .footerInfo .footerInfoCont .vline { width: 1px; background: rgba(255,255,255,0.1); } footer .footerInfo .footerInfoCont:before, footer .footerInfo .footerInfoCont:after{content:""; border-left: 1px solid rgba(255,255,255,0.1);} footer .footerInfo .footerInfoCont:before { order: 2; } footer .footerInfo .footerInfoCont:after { order: 4;} footer .footerInfo .footerInfoCont .FICBox ul { list-style: none; } footer .footerInfo .footerInfoCont .FICBox .FICBoxTitle {margin-bottom: 8px;text-transform: uppercase;font-weight: var(--bold1);font-size: 18px;line-height: 140%;} footer .footerInfo .footerInfoCont .FICBox .FICBoxList { column-count: 2; } footer .footerInfo .footerInfoCont .FICBox .FICBoxList li { display: inline-flex; width: 100%; padding: 4px 0; } footer .footerInfo .footerInfoCont .FICBox .FICBoxList li a:hover { text-decoration: underline; } footer .footerInfo .footerInfoCont .FICBox .FICBoxList li:before { content: "\f105"; font-weight: 300; font-family: "Font Awesome 6 Pro"; margin-right: 6px; } footer .footerInfo .footerInfoCont .FICBox .FICBoxPagos { line-height: 0; margin-top:12px;} footer .footerInfo .footerInfoCont .FICBox .FICBoxPagos li { display: inline-block; margin: 0 4px 4px 0; } footer .footerInfo .footerInfoCont .FICBox .FICBoxPagos li img { max-width: 60px; display: block;} footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .FICBox:nth-last-of-type(2) { width: 40%; order: 5; } footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .dvCajaBannerPerso.FICBox { all: unset; border-top: 1px solid rgba(255,255,255,0.1); width: 100%; order: 6; margin-top: 20px; padding-top: 20px; } footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .dvCajaBannerPerso.FICBox nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; } footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .dvCajaBannerPerso.FICBox nav a { display: inline-flex; padding: 8px 16px; background: rgba(0,0,0,0.2); border-radius: 4px; } footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .dvCajaBannerPerso.FICBox nav a:hover { background: rgba(0,0,0,0.4); } @media screen and (max-width: 768px) { footer:has(.dvCajaBannerPerso.FICBox) .footerInfo .footerInfoCont .FICBox:nth-last-of-type(2) { width: 100%; margin: 12px 0; } } /*CATALOGO*/ body.catalog footer .footerInfo .footerInfoCont .FICBox:first-of-type { width: 58%;} body.catalog footer .footerInfo .footerInfoCont .FICBox:nth-of-type(2) { width: 0;} body.catalog footer .footerInfo .footerInfoCont .FICBox:last-of-type { width: 38%;} body.catalog footer .footerInfo .footerInfoCont:after{ display: none; } body.catalog footer .footerInfo .footerInfoCont .FICBox .FICBoxList { column-count: 1; } footer .footerEnd {padding: 12px 20px 40px;background-color: rgba(0,0,0,0.1);font-size: 14px;} footer .footerEnd .footerEndCont { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; max-width: var(--max-width); margin: 0 auto; } footer .footerEnd .footerEndCont .FECLegal {margin: 0 8px 0 0;} footer .footerEnd .footerEndCont .FECPaxinas { font: normal 12px/120% Arial; display: flex; align-items: flex-end; margin: 12px 0 12px auto;} footer .footerEnd .footerEndCont .FECPaxinas a { display: block; color: inherit; font: normal 12px/16px Arial; text-transform: uppercase; opacity: 0.3; background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0)); } /*CHEKBOX*/ .checkBoxCont { display: flex; align-items: center;} .checkBoxCont:not(:last-child) { margin-bottom: 12px; } .checkBoxCont .checkBox {margin: 0 8px 0 0 !important;flex-shrink: 0;} .checkBox { position: relative; cursor: pointer; line-height: 22px; margin-right: 4px; overflow: hidden; flex-shrink: 0; } .checkBox input { position: absolute; z-index: 1; opacity: 0; cursor: pointer; width: 100%; height: 100%; top: 0; left: 0; } .checkBox .control_indicator { top: 1px; left: 0; width: 20px; height: 20px; background: white; border: 1px solid #ccc; border-radius: 4px; text-align: center; line-height: 16px; color: #666; } .checkBox .control_indicator:after { content: ""; font-weight: 900; font-family: "Font Awesome 6 Pro"; width: 100%; text-align: center; font-size: 14px; display: flex; align-items: center; justify-content: center; height: 18px;} .checkBox input:disabled ~ .control_indicator:after { border-color: #7b7b7b; } .checkBox input:checked ~ .control_indicator:after { content: "\f00c"; } .checkText {display: flex;align-items: flex-start;} .checkText .checkBox { flex-shrink: 0; margin-right: 4px; } /*RADIOBUTTON*/ .radiobtn { display: inline-flex; align-items: center; } .radiobtn input[type="radio"] {opacity: 0;position: absolute;width: 20px;height: 20px;} .radiobtn > span { display: flex; align-items: center; } .radiobtn > span:before {content: "";display: inline-block;height: 16px;width: 16px;background: white;border: 2px solid #ccc;border-radius: 100%;text-align: center;line-height: 16px;margin: 0px 5px 0 0;vertical-align: middle;cursor: pointer;flex-shrink: 0;} .radiobtn input[type="radio"]:checked ~ span:before { background: #666666; background: -moz-radial-gradient(center, ellipse cover, #666666 0%, #666666 40%, #ffffff 50%, #ffffff 100%, #ffffff 100%); background: -webkit-radial-gradient(center, ellipse cover, #666666 0%,#666666 40%,#ffffff 50%,#ffffff 100%,#ffffff 100%); background: radial-gradient(ellipse at center, #666666 0%,#666666 40%,#ffffff 50%,#ffffff 100%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#ffffff',GradientType=1 ); } /*CONTENEDOR GENÉRICO*/ .generic {padding: 20px 20px 40px;} .generic .genericCont{ max-width: var(--max-width); margin: 0 auto; } .genericDesc { align-self: center;} .genericDesc:not(:last-child) { margin: 0 0 20px;} .genericDesc .genericDescCont:not(:last-child) { margin: 0 0 20px;} .genericDesc ul, .genericDesc ol { padding-left: 18px; } .genericDesc ul:not(:last-child), .genericDesc ol:not(:last-child), .genericDesc p:not(:last-child) { margin: 0 0 12px;} .genericDesc > span .morelink {font-size: 14px;/* background: rgba(0,0,0,0.05); *//* padding: 4px 8px; */border-radius: var(--radius1);margin-top: 8px;display: inline-block;} .generic .genericCont p:not(:last-child){ margin: 0 0 20px;} .generic .genericCont ul, .generic .genericCont ol {padding-left: 18px;list-style:disc;} .generic .genericCont ul:not(:last-child), .generic .genericCont ol:not(:last-child) { margin: 0 0 20px; } .generic .genericCont > ul > li, .generic .genericCont > ol li, .generic .genericCont > div > *:not(.breadcrumb) ol li {margin: 0 0 4px !important;} /***LISTADO MARCAS***/ .Marcas .genericCont .listadoMarcas { overflow: hidden; } .Marcas .genericCont .listadoMarcas ul{display: flex;flex-flow: row wrap;margin-left: -8px;width: calc(100% + 16px);padding: 0;} .Marcas .genericCont .listadoMarcas ul li{ width: calc(16.6666% - 16px); margin: 0 0 20px; list-style: none; text-align: center; margin: 8px; padding: 8px; background: #f5f5f5;} .Marcas .genericCont .listadoMarcas ul li a{ color: inherit; text-decoration: none; } .Marcas .genericCont .listadoMarcas ul li .listadoMarcasImg { display: flex;position: relative; padding-bottom: 100%; margin: 0 0 8px; background: #fff;} .Marcas .genericCont .listadoMarcas ul li .listadoMarcasImg img { display: block; max-width: 90%; max-height: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } /****SLIDE CUPONES****/ .slideCupones {text-align: center;background: var(--primary); background-image:linear-gradient(rgba(255,255,255,0.90),rgba(255,255,255,0.90));font-size: 16px;line-height: 20px;padding: 20px;} .slideCupones .slideCuponesCont {max-width: var(--max-width);margin: 0 auto;width: 100%;/* display: flex; */} .slideCupones .slideCuponesCont .switem {padding: 0;} .slideCupones .slideCuponesCont .slideCuponesInfo {flex-shrink: 0;display: flex;align-items: center;align-content: center;/* padding: 4px 32px; background-color: rgba(0,0,0,0.1); */} .slideCupones .slideCuponesCont .slideCuponesInfo .title2 {display: block;margin: 0 0 12px;width: 100%;font-size: 20px;} .slideCupones .slideCuponesCont .slideCuponesInfo .title2:after {content: "\f061";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-left: 12px;display: none;} .slideCupones .slideCuponesCont .slideCuponesInfo .desc { display: none; } .slideCupones .slideCuponesCont .sliderCuponesRes {display: flex;justify-content: center;align-items: center;/* padding: 12px 8px; */background-color: #fff;border-radius: var(--radius-default);} .slideCupones .slideCuponesCont .sliderCuponesRes .swiper-wrapper {display: flex;align-items: inherit;} .slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo {margin: 0 20px;padding: 8px;border-radius: var(--radius-default);} .slideCupones .slideCuponesCont .sliderCuponesRes .nombre { display: block; font-weight: var(--bold1); } .slideCupones .slideCuponesCont .sliderCuponesRes .nombre a{text-decoration:none;} .slideCupones .slideCuponesCont .sliderCuponesRes .img img{display:block; width:100%;} .slideCupones .swiper-button-next, .slideCupones .swiper-button-prev {font-size: 18px;} .slideCupones .slideCuponesCont .sliderCuponesRes .swiper-pagination {bottom: -6px;} .slideCupones .slideCuponesCont .btnInfo {margin: 8px auto 0;font-size: 14px;} .slideCupones .slideCuponesCont .btnInfo a{color:#666;} .slideCupones3 {text-align: center;line-height: 20px;padding: var(--section-margin) 16px; } .slideCupones3:not(:last-child) { margin: 0; } .slideCupones3 .slideCuponesCont {max-width: var(--max-width);margin: 0 auto;width: 100%;font-size: 16px;} .slideCupones3 .slideCuponesCont .switem {} .slideCupones3 .slideCuponesCont .slideCuponesInfo {flex-shrink: 0;display: flex;align-items: center;align-content: center;/* padding: 4px 32px; *//* background-color: rgba(0,0,0,0.1); */ flex-direction: column;} .slideCupones3 .slideCuponesCont .slideCuponesInfo .title2 {display: block;/* margin: 0 0 12px; */width: 100%;/* font-size: 24px; */} .slideCupones3 .slideCuponesCont .slideCuponesInfo .title2:last-child{ margin: 0;} .slideCupones3 .slideCuponesCont .slideCuponesInfo .title2:after {content: "\f061";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-left: 12px;display: none;} .slideCupones3 .slideCuponesCont .slideCuponesInfo .desc { } .slideCupones3 .slideCuponesCont .sliderCuponesRes {display: flex;flex-direction:column;justify-content: center;align-items: center; border-radius: var(--radius-default); padding: 20px 0; } .slideCupones3 .slideCuponesCont .sliderCuponesRes .switem { width: calc(33.333% - 12px + 4px)}/* 4px es el margen de Swiper */ .slideCupones3 .slideCuponesCont .sliderCuponesRes .swiper-wrapper {display: flex;align-items: inherit; } .slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo {border-radius: var(--radius-default);background: #ffffff;flex: 1;display: flex;overflow: hidden; border:1px solid #eee;} .slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo:before{font-weight: 900;font-family: "Font Awesome 6 Pro";content:"\f295";background: #333;color: #fff;width: 60px;flex-shrink:1;display: flex;justify-content: center;align-items: center;display: none;} .slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo .cuponInfoCont {width: 100%;text-align: center;/* padding: 8px; */display: flex;flex-direction: row;min-height: 120px;} .slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo .cuponInfoCont .cuponInfoContText {width: 100%;min-height: 90px;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 8px;} .slideCupones3 .slideCuponesCont .sliderCuponesRes .img {overflow: hidden;width: 120px;display: flex;/* align-items: center; *//* display: none; */flex-shrink: 0;} .slideCupones3 .slideCuponesCont .sliderCuponesRes .img a{display: flex;/* align-items: center; */justify-content: center;width: 100%;position: relative;} .slideCupones3 .slideCuponesCont .sliderCuponesRes .img a img{display: block;width: 100%;height: 100%;object-fit: cover;flex: 1;position: absolute;} .slideCupones3 .slideCuponesCont .sliderCuponesRes .nombre {display: flex;font-weight: var(--bold1);align-items: center;/* padding: 8px; */width: 100%;justify-content: center;margin: 0 0 8px;} .slideCupones3 .slideCuponesCont .sliderCuponesRes .nombre a {font-size: 18px;line-height: 22px;color: inherit;text-decoration: none;} .slideCupones3 .slideCuponesCont .sliderCuponesRes .desc .codigo {background: rgba(0,0,0,0.05);padding: 4px 8px;} .slideCupones3 .slideCuponesCont .sliderCuponesRes p:not(.nombre):not(.desc){ max-height: 60px; overflow: hidden; position: relative; min-height: 40px} .slideCupones3 .slideCuponesCont .sliderCuponesRes p:not(.nombre):not(.desc):before { content: ""; width: 100%; height: 16px; position: absolute; bottom: 0; left: 0; z-index: 1; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );} .slideCupones3 .swiper-button-next, .slideCupones3 .swiper-button-prev {font-size: 16px;} .slideCupones3 .swiper-button-next { right: 0; } .slideCupones3 .swiper-button-prev { left: 0; } .slideCupones3 .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { transform: none; -webkit-transform: none; } .slideCupones3 .slideCuponesCont .sliderCuponesRes .swiper-pagination { position: static; margin-top: 12px;} .slideCupones3 .slideCuponesCont .btnInfo {margin: 8px auto 0;font-size: 14px; display: none; } .dvBanner.slideCupones {} .dvBanner.slideCupones .slideCuponesCont {} .dvBanner.slideCupones .slideCuponesCont .switem {} .dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo {} .dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo .title2 {} .dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo .title2:last-child{ } .dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo .title2:after {} .dvBanner.slideCupones .slideCuponesCont .slideCuponesInfo .desc { } .dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes { padding: 0px 0 12px; } .dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .switem {} .dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .swiper-wrapper {} .dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo { margin: 0; } .dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo:before{} .dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo .cuponInfoCont {} .dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .cuponInfo .cuponInfoCont .cuponInfoContText { padding: 0 12px; } .dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .img {} .dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .img a{} .dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .img a img{ display: block; margin: 0 auto 12px; max-height: 200px; max-width: 100%; } .dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .nombre {} .dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .nombre a {} .dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .desc .codigo {} .dvBanner.slideCupones .swiper-button-next, .slideCupones3 .swiper-button-prev {} .dvBanner.slideCupones .swiper-button-next {right: 2px;} .dvBanner.slideCupones .swiper-button-prev {left: 2px;} .dvBanner.slideCupones .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { } .dvBanner.slideCupones .slideCuponesCont .sliderCuponesRes .swiper-pagination {bottom: 0;} .dvBanner.slideCupones .slideCuponesCont .btnInfo { } /****FORMAS DE PAGO****/ .generic .genericCont .dvFormasPago { margin-bottom:20px; } .generic .genericCont .dvFormasPago > ul { list-style: none; padding: 0; } .generic .genericCont .dvFormasPago > ul > li { margin: 0 0 20px } .generic .genericCont .dvFormasPago > ul .dvFormasPagoItem {margin: 0 0 8px;padding-top: 20px;border-top: 2px dashed rgba(0,0,0,0.2);} .generic .genericCont .dvFormasPago > ul .dvFormasPagoItem .dvFormasPagoItemNombre { margin: 0 0 4px;} .generic .genericCont .dvFormasPago > ul .dvFormasPagoItem .dvFormasPagoItemNombre > span > b { } .generic .genericCont .dvFormasPago > ul .dvFormasPagoCards { list-style: none; padding: 0; } .generic .genericCont .dvFormasPago > ul .dvFormasPagoCards > li { display: inline-block; margin: 2px 4px 2px 0; } .generic .genericCont .dvFormasPago > ul .dvFormasPagoCards > li img{width:70px;} #dvAvisoPedMin { display: flex; font-weight: var(--bold1); background: rgba(0,0,0,0.05); border-radius: 4px; padding: 8px 16px} #dvAvisoPedMin p:last-child{margin:0;} #dvAvisoPedMin:before { content: "\f05a"; font-weight: 400; font-family: "Font Awesome 6 Pro"; margin-right: 8px; } /****GASTOS DE ENVÍO****/ .generic .genericCont .dvGastosEnvio { } .generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div { margin: 0 0 20px; padding-top: 20px; border-top: 2px dashed rgba(0,0,0,0.2); } .generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div > p { margin: 0 0 8px;} .generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div img { display: block; max-width: 100%; margin: 0 0 8px; } .generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvGastosEnvioItemNombre b { font-size: 120% } .generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioPrecios { padding: 12px 16px; border-radius: 12px; background: -moz-linear-gradient(top, rgba(240,240,240,0.6) 0%, rgba(240,240,240,1) 100%); background: -webkit-linear-gradient(top, rgba(240,240,240,0.6) 0%,rgba(240,240,240,0) 100%); background: linear-gradient(to bottom, rgba(240,240,240,0.6) 0%,rgba(240,240,240,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#00f0f0f0',GradientType=0 ); } .generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioEnv .pEnviosA { margin: 0 0 8px; } .generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > div { padding: 8px 0; } .generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > ul { padding: 8px 0 8px 16px; } .generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > div .spnProv { font-weight: var(--bold1); margin-bottom: 4px; display: block; } .generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > div .comboProvincias { padding-left: 12px; margin: 0 0 8px;} .generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > div > ul { margin-left: 18px; } .generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > .ulRecogTiendaEst a{ display: inline-flex;} .generic .genericCont .dvGastosEnvio #dvGastosEnvioMensa > div .dvSecGastosEnvioEnvios .dvSecGastosEnvioPrecios > .ulRecogTiendaEst a:after { content: "\f35d"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-left: 4px; font-size: 10px; text-decoration: none;} .fichaCupones { margin: 20px 0 0; } /****NEWSLETTER****/ .Newsletter .pTitulo {font-size: 32px;line-height: 34px;opacity: 0.6;} .Newsletter .pDesc {} .Newsletter .pDesc > span { display: block; } .Newsletter #dvNewsletterRegister #dvNewsletterRegisterCont form { display: flex; padding: 20px; border: 4px dashed rgba(0,0,0,0.1); margin: 0 auto 0 0; } .Newsletter #dvNewsletterRegister #dvNewsletterRegisterCont form > div { width: 50%; } .Newsletter #dlNewsletterRegister {padding: 0 8px;margin-left: 20px;} .Newsletter #dlNewsletterRegister > div > div { margin: 0 0 8px; } .Newsletter #dlNewsletterRegister > div > div label { display: none; margin: 0 0 4px; } .Newsletter #dlNewsletterRegister input[type="text"], .Newsletter #dlNewsletterRegister input[type="email"] {display: block;width: 100%;padding: 8px;border: 0;background: rgba(0,0,0,0.05);border-radius: 4px;} .Newsletter #dlNewsletterRegister div.dlNewsTac { margin: 0 0 12px; } .Newsletter #dlNewsletterRegister div.dlNewsTac > div {display: flex;align-items: center;justify-content: center;} .Newsletter #dlNewsletterRegister div.dlNewsTac div .checkBox { flex-shrink: 0; margin-right: 4px; } .Newsletter #dlNewsletterRegister div.dlNewsTac .txtTacError {color: #ff1100;display: block;text-align: center;} .Newsletter #dlNewsletterRegister .newsletterEnvio {/* display: flex; */} .Newsletter #dlNewsletterRegister .newsletterEnvio .dlCaptcha {width: 160px;flex-shrink: 0;margin: 0 4px 0 0;} .Newsletter #dlNewsletterRegister .newsletterEnvio .dvCaptcha .dvOper { display: flex; align-items: center;} .Newsletter #dlNewsletterRegister .newsletterEnvio .dvCaptcha p { margin: 0;} .Newsletter #dlNewsletterRegister .newsletterEnvio .dvCaptcha span { display: none; } .Newsletter #dlNewsletterRegister .newsletterEnvio > div:last-child { width: 100%; } .Newsletter #dlNewsletterRegister .newsletterEnvio > div:last-child input[type="submit"] {background: #333;color: #fff;border: 0;padding: 8px 8px;text-decoration: none;display: flex;align-items: center;text-transform: uppercase;font-weight: var(--bold1);justify-content: center;width: 100%;border-radius: var(--radius1);} .Newsletter #dlNewsletterRegister .newsletterEnvio > div .ddCamposOblig { display: none; } .Newsletter #dlNewsletterRegister .newsletterEnvio > div .pLegal{font-size:80%;line-height:140%;margin:12px 0 0;} .dvBtnVolver { margin: 12px 0; } .dvBtnVolver a{ display: inline-flex; align-items: center; text-decoration: none; background: rgba(0,0,0,0.05); color: #333; padding: 8px 16px; border-radius: var(--radius1); } .dvBtnVolver a:before {content: "\f104";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-right: 8px;font-size: 10px;} /****PROMOCIONES****/ .generic .dvPromo { background: rgba(0,0,0,0.05); border-left: 8px solid rgba(0,0,0,0.1); display: flex; } .generic .dvPromo.flash { border-left: 8px solid #f8c931 } .generic .dvPromo:not(:last-child) { margin: 0 0 20px; } .generic .dvPromo .img{width: 200px;flex-shrink: 0;display: flex;/* align-items: center; */justify-content: center;} .generic .dvPromo .img a{display: flex;width: 100%;flex: 1;align-items: flex-start;justify-content: center;/* background: rgba(0,0,0,0.05); */padding: 12px 0 12px 12px;} .generic .dvPromo .img a img{width: 100%;border-radius: var(--radius-default);display: block;} .generic .dvPromo .left {padding: 12px;width: 100%;font-size: 14px;line-height: 20px;display: flex;flex-direction: column;justify-content: center;} .generic .dvPromo .left .dvPromoNombre { margin: 0 0 8px; } .generic .dvPromo .left a { font-size: 20px; line-height: 24px; } .generic .dvPromo .right {width: 320px;flex-shrink: 0;background: rgba(0,0,0,0.05);padding: 20px;display: flex;flex-direction: column;justify-content: center;} .generic .dvPromo .right p:not(:last-child) { margin: 0 0 8px;} .generic .dvPromo .right .code { } .generic .dvPromo .right .code .sin, .generic .dvPromo .right .code span:first-child {background: white;display: block;text-align: center;padding: 8px;border: 2px dashed rgba(0,0,0,0.2);font-size: 20px;line-height: 20px; margin: 0 0 8px;} .generic .dvPromo .right .code span:last-child:not(:first-child) {display: block;font-size: 14px;line-height: 16px;} .generic .dvPromo .right p.copy, .generic .dvPromo .right p.nocopy{ font-weight: var(--bold1); } .generic .dvPromo .right p.of { display: block; text-align: center; background: #333; color: #fff; padding: 8px; border-radius: 4px; font-weight: var(--bold1); } .generic .dvPromo .right .campExpressDesc { text-align: center; } .generic .dvPromo .right .campExpressDesc .campExpressDescCont > div { display: block;} /*PROMO FLASH*/ .generic .dvPromo.flash { } .generic .dvPromo.flash .right > p{ font-weight: var(--bold1); } .generic .dvPromo.flash .right > p > span { display: flex; text-align: center; background: #333; color: #fff; padding: 8px 12px; border-radius: 4px; font-weight: var(--bold1); overflow: hidden; margin-top: 8px; justify-content: center;} .generic .dvPromo.flash .right > p > span:before { content: "\f2f2"; font-weight: 400; font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 8px; color: #fff; font-size: 120%; flex-shrink: 0; transform: scale(2.4) rotate(-20deg); opacity: .6; margin-right: 24px; } /****CHEQUES****/ .Cheque .pTitulo { font-size: 32px; line-height: 34px; opacity: 0.6; } .Cheque .pDesc { } .Cheque .pDesc > span { display: block; } .Cheque input[type="text"] {display: block;width: 100%;padding: 8px;border: 0;background: rgba(0,0,0,0.05);border-radius: 4px;} #dvValidarChequeRegalo {border: 4px dashed rgba(0,0,0,0.1);display: flex;padding: 20px;} #dvValidarChequeRegalo > div{width: 100%;} #dvValidarChequeRegalo > form {width: 100%;max-width: 500px;margin-left: 20px;} .Cheque .validarCheque { } .Cheque .validarCheque > * { margin:0 0 8px } .Cheque .validarCheque .dvOper { display: flex; } .Cheque .validarCheque .dvOper input{ width: 100%} .Cheque .validarCheque .dvOper img { flex-shrink: 0; } .Cheque input[type="submit"] {background: #333;color: #fff;border: 0;padding: 8px 20px;text-decoration: none;display: flex;align-items: center;text-transform: uppercase;font-weight: var(--bold1);justify-content: center;width: 100%;border-radius: var(--radius1);} /****CONTACTO****/ #dvContactoCont { display: flex; } #dvContactoInfo {width: 100%;} #dvContactoInfo .ContactoInfo p { margin: 0 0 8px;} #dvContactoInfo .ContactoInfo { } #dvContactoInfo .ContactoMapa{margin-top: 20px; position: relative; min-height: 200px; } #dvContactoInfo .ContactoMapa iframe{display: block;width: 100%;height: 380px;} .dvContactoForm, #dvContactoPeticionFeita {padding: 0 0 0 20px;border-left: 4px dashed rgba(0,0,0,0.1);max-width: 400px;flex-shrink: 0;margin-left: 20px;display: flex;flex-direction: column;justify-content: center;} .dvContactoForm .spnContactoTitulo { display: block; margin: 0 0 8px;} .dvContactoForm .spnContactoTitulo a { color: inherit; } .dvContactoForm .spnContactoCont span { display: inline-block;} #dvContactoResult { background: rgba(0,0,0,0.05); padding: 12px; border-radius: 8px; margin: 8px 0; border: 1px solid rgba(0,0,0,0.1) } #dvContactoResult b { text-transform: uppercase; font-size: 120%; line-height: 140%; margin: 0 0 8px; display: inline-block;} #ulContatoInfo { } #ulContatoInfo .spnContactoTit { display: none; } #ulContatoInfo .dvContactoFormItem, #ulContatoInfo .dvContactoFormGroup { margin: 0 0 12px; } #ulContatoInfo input[type="text"], #ulContatoInfo input[type="tel"], #ulContatoInfo input[type="email"], #ulContatoInfo textarea { display: block; width: 100%; padding: 8px; border: 0; background: rgba(0,0,0,0.05); border-radius: 4px; } #ulContatoInfo textarea { resize: vertical; } .dvContatoInfoSup {display: block;} .dvContatoInfoSup .dvContactoFormLeft {width: 100%;margin-right: 4px;} .dvContatoInfoSup .dvContactoFormLeft .dvContactoFormItem { width: 100%; } .dvContatoInfoSup .dvContactoFormLeft .dvContactoFormItem input { width: 100%; } .dvContatoInfoSup .dvContactoFormRight {width: 100%;display: flex;} .dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem { width: 100%; display: flex; flex-direction: column; } .dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo{flex: 1;display: flex;} .dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo label { display: flex; } .dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo label, .dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo textarea{width: 100%;/* height: 100%; */} .dvContatoInfoSub { } .dvContatoInfoSub .ulContatoInfoSubItem { display: flex; justify-content: space-between; } .dvContatoInfoSub .ulContatoInfoSubItem .dvContactoInfo:last-child{width: 100%;max-width: 400px;} .dvContatoInfoSub .tac {display: block;margin: 0 0 12px;} .dvContatoInfoSub .tac .dvContactoInfo {display: flex;align-items: center;justify-content: center;line-height: 100%;} .dvContatoInfoSub .tac .txtTacError { display: none; } .dvContatoInfoSub .dvCaptcha { width: 160px; flex-shrink: 0; margin: 0 4px 0 0; } .dvContatoInfoSub .dvCaptcha .dvOper { display: flex; align-items: center; } .dvContatoInfoSub .dvCaptcha p { margin: 0; } .dvContatoInfoSub .dvCaptcha .captchaDesc { display: none;} .dvContatoInfoSub input[type="button"] { background: #333; color: #fff; border: 0; padding: 8px 8px; text-decoration: none; display: flex; align-items: center; text-transform: uppercase; font-weight: var(--bold1); justify-content: center; width: 100%; border-radius: var(--radius1); } .dvContatoInfoSub .pLegal{font-size:80%;line-height:140%;margin: 4px 0 8px;width:100%; opacity: .7} /****USUARIOS****/ /*ALTA USUARIOS*/ .usuarios{} .usuarios #datosFactCiudad, .usuarios #datosEnvio_ciudad { display: none; } .usuarios .pDatosGenerales { padding-bottom: 4px; border-bottom: 1px solid rgba(0,0,0,0.1); font-weight: var(--bold1);} .usuarios .dvDatosGenerales .dlSeleccPartEmpr { margin: 0 0 12px;} .usuarios .dvDatosGenerales .dlSeleccPartEmpr .radiobtn:nth-of-type(2) { margin-left: 12px; } .usuarios .dvDatosGenerales .altaCampoTitle {margin: 0 0 4px;} .usuarios .dvDatosGenerales .altaCampoTitle .spnInfo {opacity: 0.8;font-size: 12px;margin-left: 4px;line-height: 12px;display: inline-block;} .usuarios .dvDatosGenerales .dvDatosGeneralesForm {display: flex;justify-content: space-between;border-radius: 8px;} .usuarios .dvDatosGenerales .dvDatosGeneralesForm > div { display: inline-block;padding: 8px 0;width: 100%;} .usuarios .dvDatosGenerales .dvDatosGeneralesForm > div input[type=text], .usuarios .dvDatosGenerales > div input[type=email], .usuarios .dvDatosGenerales > div input[type=password], .usuarios .dvDatosGenerales > div select, .usuarios .dvDatosGenerales > div textarea { display: block; width: 100%; padding: 8px; border: 0; background: rgba(0,0,0,0.05); border-radius: 4px; margin: 0 0 8px; } .usuarios .dvDatosGenerales .dvDatosGeneralesForm .dvDatosGeneralesFormLeft {margin-right: 20px;} .usuarios .dvDatosGenerales .dvDatosGeneralesForm .dvDatosGeneralesFormRight {border-left: 2px solid rgba(0,0,0,0.05);padding-left: 20px;} .usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaNombre { } .usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaNombreEmpresa { } .usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaNombreParticular { } .usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect { display: flex; justify-content: space-between; } .usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect span {width: 24%;display: block;flex-shrink: 0;} .usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect span:nth-child(2) { width: 49% } .usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha select { padding: 8px; border: 0; border-radius: 4px; background: rgba(0,0,0,0.05); width: 100%;} .usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaEmail { } .usuarios .dvDatosGenerales .required { margin: 0 0 12px; text-align: right; font-size: 14px; } /*EDITAR USUARIOS*/ .usuarios .modNewsTac { margin: 20px 0; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; } .usuarios .modNewsTac .checkText { margin: 0 0 8px; display: flex; } .usuarios .dvRegister { margin-top: 12px; display: flex; justify-content: space-between;} .usuarios .dvRegister input[type="button"] {background: #333;color: #fff;border: 0;padding: 8px 8px;text-decoration: none;display: flex;align-items: center;text-transform: uppercase;font-weight: var(--bold1);justify-content: center;width: 100%;max-width: 200px;margin-left: 12px;border-radius: var(--radius1);} .usuarios .altaNewsTac {margin: 12px 0;overflow: hidden;display: flex;flex-direction: column;/* align-items: flex-end; */background-color: rgba(0,0,0,0.05);padding: 12px;margin-left: calc(50% + 28px);border-radius: 4px;} .usuarios .altaNewsTac .altaNewsTacCont { } .usuarios .altaNewsTac .checkText { display: flex; } .usuarios .altaNewsTac .checkText:not(:last-child) { margin: 0 0 8px; display: flex; } .envioIgual { margin-bottom: 20px} /*INICIO USUARIOS*/ .usuarios .dvUserMod { padding: 12px; margin: 0 0 12px; background-color: rgba(0,0,0,0.05); border-radius: 4px; } .usuarios .dvUserMod:last-child { margin-bottom: 20px; } .usuarios .dvUserMod p.pDatos, .usuarios .dvUserMod p.pPedidos { display: flex; align-items: center; margin: 0 0 8px; } .usuarios .dvUserMod p.pDatos:before, .usuarios .dvUserMod p.pPedidos:before { content: "\f105"; font-weight: 600; font-family: "Font Awesome 6 Pro"; margin-right: 8px; font-size: 12px; color: #666; } .usuarios .dvUserMod .pDatos a, .usuarios .dvUserMod .pPedidos a { font-size: 18px } /*RECUPERAR CONTRASEÑA*/ #dvPassRec form {max-width: 540px;padding: 12px;background-color: rgba(0,0,0,0.02);border-radius: 4px;} #dvPassRec .dvDesc { margin: 0 0 12px;} #dvPassRec input[type="email"] { border: 0; background: #eee; border-radius: 4px; margin: 0 0 8px; padding: 8px 8px; width: 100%; } #dvPassRec input[type="submit"] { background: #333; color: #fff; border: 0; padding: 8px 8px; text-decoration: none; display: flex; align-items: center; text-transform: uppercase; font-weight: var(--bold1); justify-content: center; width: 100%; max-width: 320px; margin-top: 20px; border-radius: var(--radius1); margin-bottom: 4px; } #dvPassRec .dlUserMail{ font-weight: var(--bold1); margin: 0 0 4px; } /*LISTA PEDIDOS*/ #dvPedidosListUserCont { } #dvPedidosListUserCont .dvNoResults { margin: 8px 0 0; padding: 20px; background: #fff9c4; border: 1px solid #e2dca7; border-radius: 4px; display: flex; align-items: flex-start; text-align: left; justify-content: center;} #dvPedidosListUserCont .dvNoResults:before { content: "\f05a"; font-family: "Font Awesome 6 Pro"; font-weight: 900; margin: 0 8px 0 0; font-size: 18px; line-height: 120%; } #dvPedidosListUserCont table{ width: 100%; text-align: center; margin: 0 0 40px;} #dvPedidosListUserCont table th{padding: 8px;background: rgba(0,0,0,0.1);} #dvPedidosListUserCont table tr:nth-child(2n+1) { background: rgba(0,0,0,0.05) } #dvPedidosListUserCont table tr td {padding: 8px;} #dvPedidosListUserCont table tr td:first-child {width: 100px;min-width: 100px;} #dvPedidosListUserCont table tr td:last-child { width: 120px; min-width: 120px;} #dvPedidosListUserCont table tr td:last-child a { text-decoration: none; display: flex; align-items: center;} #dvPedidosListUserCont table tr td:last-child a:after { content: "\f105"; font-weight: 600; font-family: "Font Awesome 6 Pro"; margin-left: 8px; font-size: 12px; } /*DETALLES PEDIDO*/ .generic .genericCont #dvDetDetPed { margin: 0 0 12px; } .generic .genericCont #dvDetResumen, .generic .genericCont #dvDetFactEnv, .generic .genericCont #dvDetProdObs { padding: 20px; background: rgba(0,0,0,0.05); margin: 0 0 20px; border-radius: 4px; } .generic .genericCont #dvDetResumen p span:last-child{ font-weight: var(--bold1); } .generic .genericCont p.pDetFactEnvEnc, .generic .genericCont p.pDetProdObsEnc, .generic .genericCont p.pDetProdPedEnc { margin: 0 0 12px; font-weight: var(--bold1); } .generic .genericCont #dvDetFactEnv { display: flex; } .generic .genericCont #dvDetFactEnv > * { width: 50%; padding: 8px; } .generic .genericCont #dvDetProdPed { padding: 12px; background: rgba(0,0,0,0.05); margin: 0 0 20px; border-radius: 4px; } .generic .genericCont #dvDetProdPed table { width: 100%; text-align: center; } .generic .genericCont #dvDetProdPed table.tblDetProdPedProdsCantImp {border-top: 2px dashed rgba(0,0,0,0.1);margin-bottom: 8px;} .generic .genericCont #dvDetProdPed table.tblDetProdPedProdsCantImp td, #dvDetProdPed table.tblDetProdPedProdsCantImp th { padding: 8px; } .generic .genericCont #dvDetProdPed table.tblDetProdPedProdsCantImp th:first-child, #dvDetProdPed table.tblDetProdPedProdsCantImp td:first-child { text-align: left; } .generic .genericCont #dvDetProdPed table td:last-child { width: 120px; max-width: 120px; min-width: 120px; } .generic .genericCont #dvDetProdPed table.tblDetProdPedTotales td { padding: 4px 8px; } .generic .genericCont #dvDetProdPed table.tblDetProdPedTotales td:first-child { text-align: right; } .generic .genericCont #dvDetProdPed table.tblDetProdPedTotales tr:last-child { font-weight: var(--bold1); } .generic .genericCont #dvDetPedUserBtns { text-align: center;} .generic .genericCont #dvDetPedUserBtns p{ display: inline-block; margin: 4px 2px;} .generic .genericCont #dvDetPedUserBtns a { display: inline-block; padding: 8px 23px; background: rgba(0,0,0,0.8); color: #fff; text-decoration: none; border-radius: 4px; } .generic .genericCont #dvDetPedUserBtns a:after { content: "\f105"; font-weight: 600; font-family: "Font Awesome 6 Pro"; margin-left: 8px; font-size: 12px; } .generic .genericCont #dvDetPedUserReped { text-align: center;} .generic .genericCont #dvDetPedUserReped p{ display: inline-block; margin: 4px 2px;} .generic .genericCont #dvDetPedUserReped a { display: inline-block; padding: 8px 23px; border: 1px solid rgba(0,0,0,0.8); color: rgba(0,0,0,0.8); text-decoration: none; border-radius: 4px; } .generic .genericCont #dvDetPedUserReped a:after { content: "\f105"; font-weight: 600; font-family: "Font Awesome 6 Pro"; margin-left: 8px; font-size: 12px; } .btnPromo a { display: block; background: #333; color: #fff; text-decoration: none; border-radius:4px; padding: 6px 12px; } /*BORRAR USUARIO*/ .generic .genericCont #dvDelUserCont .dvDelUserForm > div { max-width: 460px; } .generic .genericCont #dvDelUserCont .dvDelUserForm .pDelUserFormBtn { max-width: 460px; } .generic .genericCont #dvDelUserCont .pDelUserFormCampOblig { text-align: right; font-size: 12px; color: #999; display: block; } /*VER CARRITO*/ .loggedCart { animation: blink 3s; -webkit-animation: blink 3s; } .loggedCart > p{ background-color:#c3e6cb; color: #155724; padding: 4px; border: 1px solid #c3e6cb; border-radius: 4px; display: flex; margin-bottom: 12px; justify-content: center; align-items: center;line-height: 120%; } .loggedCart > p:before { content: "\f00c"; font-family: "Font Awesome 6 Pro"; font-weight: 900; margin: 0 8px 0 0; font-size: 18px; line-height: 120%; } #dvCestaCont { margin: 0 0 20px; } .dvCabRealizarPedidoMetodo .dvCabRealizarPedidoMetodoInt {padding-bottom: 4px;border-bottom: 1px solid rgba(0,0,0,0.1);font-weight: var(--bold1);margin: 0 0 12px;} #tblVerCesto {width: 100%;text-align: left;margin: 0 0 8px;/* border: 1px solid rgba(0,0,0,0.05); */border-radius: 8px;overflow: hidden;box-shadow: inset 0 0 4px rgba(0,0,0,0.05);} #tblVerCesto > tbody > tr:first-of-type { border-bottom: 1px solid rgba(0,0,0,0.05); padding: 4px } #tblVerCesto > tbody > tr:first-of-type th {padding: 8px 12px;text-transform: uppercase;background: rgba(0,0,0,0.05);} #tblVerCesto #trLineaTotal td { border: 0; } #tblVerCesto > tbody > tr > td {border-bottom: 1px solid rgba(0,0,0,0.05);padding: 8px; position: relative;} #tblVerCesto > tbody > tr > td:first-child, #dvCartConProds #dvProds table tr th:first-child { text-align: left; } #tblVerCesto > tbody > tr > td:first-child a:first-child {display: flex;align-items: center;} #tblVerCesto > tbody > tr > td:first-child a img {width: 80px;margin-right: 12px;} #tblVerCesto .trProductoCesta .tdNombreProducto a{ color: #666; text-decoration: none; font-weight: var(--bold1); display: flex; flex-flow: row wrap; } #tblVerCesto .trProductoCesta .tdNombreProducto a > span:not(:last-child) { margin-right: 4px;} #tblVerCesto .trProductoCesta .tdNombreProducto .dvObvProd { opacity: .8; font-size: 80%; line-height: 120%; margin: 4px 0; padding: 12px; border-radius: 4px; background: -moz-linear-gradient(left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 1%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 1%,rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 1%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000',GradientType=1 ); } #tblVerCesto .trProductoCesta .tdNombreProducto .dvObvProd p{ font-style: italic; } #tblVerCesto .trProductoCesta .tdNombreProducto .dvObvProd:before { content: "\f27a"; font-weight: 600; font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 8px; } .tdNombreProducto > div { display: flex; align-items: center; } .attachedFiles { display: inline-flex !important; padding: 0 8px; background: rgba(0,0,0,0.06); border-radius: 24px; line-height: 1; font-weight: var(--bold1); min-height: 24px; align-items: center; justify-content: center; color: #666; } .attachedFiles:before { content: "\f0c6"; font-weight: 600; font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 4px; } #tblVerCesto .trProductoCesta .tdNombreProducto .attachedFiles { } #tblVerCesto .trProductoCesta .tdEliminaProducto {width: 32px;text-align: center; position: relative;} #tblVerCesto .trProductoCesta .tdEliminaProducto:before {content: "\f057";font-weight: 600;font-family: "Font Awesome 6 Pro";font-size: 12px;color: #dd2c00;} #tblVerCesto .trProductoCesta .tdEliminaProducto a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;} #tblVerCesto .trProductoCesta .tdImporteProducto, #tblVerCesto #thImporteProducto, #tblVerCesto .tdImporteTotalProducto {width: 180px;text-align: right;} #tblVerCesto .tdImporteTotalProducto > span:last-child {font-size: 12px;line-height: 16px;opacity: 0.8;display: block;} #tblVerCesto #thCantidadProducto, #tblVerCesto .tdCantidadProducto { width: 120px; text-align: center; } #tblVerCesto .tdCantidadProducto > div {display: block;border: 1px solid rgba(0,0,0,0.1);border-radius: 4px;max-width: 100px;} #tblVerCesto .tdCantidadProducto > div > table {width: 100%;} #tblVerCesto .tdCantidadProducto td {/* border-right: 1px solid rgba(0,0,0,0.25); */padding: 4px;} #tblVerCesto .tdCantidadProducto td:last-child { border: 0;} #tblVerCesto .tdCantidadProducto a {text-decoration: none;color: inherit;display: flex;/* width: 20px; */justify-content: center;line-height: 20px;padding: 0 4px;} #tblVerCesto .tdCantidadProducto .lnkSumCantCarrito:after, #tblVerCesto .tdCantidadProducto .lnkRestCantCarrito:after {font-weight: 900;font-family: "Font Awesome 6 Pro";font-size: 10px;display: block;} #tblVerCesto .tdCantidadProducto .lnkSumCantCarrito:after { content: "\f067"; } #tblVerCesto .tdCantidadProducto .lnkRestCantCarrito:after { content: "\f068"; } #tblVerCesto .tdCantidadProducto .tdCantidadTotal {padding: 0px;background-color: rgba(0,0,0,0.05);} #tblVerCesto .tdCantidadProducto .tdCantidadTotal input {height: 28px;width: 36px;text-align: center;border:0;font-size: 14px;background: transparent;} #tblVerCesto .tdCantidadTotal .spnTotalCarrito { display: block; text-align: right; font-weight: var(--bold1); } #tblVerCesto .trTotal{background-color: rgba(0,0,0,0.02);} #tblVerCesto .trTotal .spnTotalCarrito { font-weight: var(--bold1); } #dvCestaCont .pIncremPed .spnIncremPed {font-size: 12px;line-height: 16px;opacity: 0.6;text-align: right;display: block;} #tblVerCesto .trTotal #liPagaMasTardeSim{ display: flex; justify-content: flex-end; } #tblVerCesto .trTotal #liPagaMasTardeSim .PmtSimulator iframe { max-width: 360px; display: block; } #tblVerCesto .trTotal #liPagaMasTardeSim{ margin-top: 12px; display: flex; justify-content: center; padding: 2px; border-radius: 8px; max-width: 440pX; } #tblVerCesto .trTotal #liPagaMasTardeSim:empty { display: none; } /*#tblVerCesto .trTotal #liPagaMasTardeSim:not(:empty):before { content: url('../images/formaspago/pmt.svg'); display: flex; align-items: center; height: 40px; width: 96px; justify-content: center; font-family: "Font Awesome 6 Pro"; font-size: 40px; line-height: 40px; border-radius: var(--radius1); margin-right: 2px; color: #fff; font-weight: 900;}*/ #tblVerCesto .trTotal #liPagaMasTardeSim .PmtSimulator { max-width: 360px; width: 100%; border-radius: 8px; overflow: hidden; } #tblVerCesto .trTotal #liPagaMasTardeSim #tblVerCesto .trTotal #liPagaMasTardeSim .PmtSimulator iframe { max-width: 360px; display: block; } /*Portes no incluidos*/ span.portesNoIncluidos { display: flex; font-size: 90%; line-height: 110%; text-decoration: none; font-style: normal; opacity: .9; font-weight: normal; margin: 8px 0 4px; } span.portesNoIncluidos:before { content: "\f05a"; font-weight: 600; font-family: "Font Awesome 6 Pro"; margin-right: 4px; flex-shrink: 0; } #tblResumenProds {width: 100%;text-align: left;margin: 0 0 8px;/* border: 1px solid rgba(0,0,0,0.05); */border-radius: 8px;overflow: hidden;box-shadow: inset 0 0 4px rgba(0,0,0,0.05);} #tblResumenProds > tbody > tr:first-of-type { border-bottom: 1px solid rgba(0,0,0,0.05); padding: 4px } #tblResumenProds > tbody > tr:first-of-type th {padding: 8px 12px;text-transform: uppercase;background: rgba(0,0,0,0.05);} #tblResumenProds #trLineaTotal td { border: 0; } #tblResumenProds > tbody > tr > td {padding: 8px; border-bottom: 1px solid rgba(0,0,0,0.05);} #tblResumenProds > tbody > tr > td:first-child, #dvCartConProds #dvProds table tr th:first-child { text-align: left; } #tblResumenProds > tbody > tr > td:first-child a:first-child {display: flex;align-items: center;} #tblResumenProds > tbody > tr > td:first-child a img {width: 48px;margin-right: 12px;} #tblResumenProds > tbody > tr > td > .attachedFiles:before { content: "\f0c6"; font-weight: 600; font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 8px; } #tblResumenProds .trProductoCesta {} .tdNombreProducto > div { display: flex; align-items: center; } #tblResumenProds .trProductoCesta .tdEliminaProducto {width: 32px;text-align: right;} #tblResumenProds .trProductoCesta .tdEliminaProducto:before {content: "\f057";font-weight: 600;font-family: "Font Awesome 6 Pro";font-size: 12px;color: #dd2c00;} #tblResumenProds .trProductoCesta .tdImporteProducto, #tblResumenProds .thImporte { width: 240px;text-align: right;} #tblResumenProds .tdImporte, #tblResumenProds .tdImportesSumario {width: 180px;text-align: right;} #tblResumenProds .tdSumario p{margin: 0 0 8px;padding-bottom: 4px;} #tblResumenProds .tdImportesSumario p{margin: 0 0 8px;padding-bottom: 4px;} #tblResumenProds .tdImportesSumario p:not(:last-child) { border-bottom: 1px solid rgba(0,0,0,0.05);} #tblResumenProds .tdImporte > span:last-child {font-size: 12px;line-height: 16px;opacity: 0.8;display: block;} #tblResumenProds .thCantidad, #tblResumenProds .tdCantidad { width: 120px; text-align: center; } #tblResumenProds .tdCantidadProducto > div {display: block;border: 1px solid rgba(0,0,0,0.1);border-radius:4px;max-width: 140px;} #tblResumenProds .tdCantidadProducto > div > table {width: 100%;} #tblResumenProds .tdCantidadTotal .spnTotalCarrito { display: block; text-align: right; font-weight: var(--bold1); } #tblResumenProds .trTotal{background-color: rgba(0,0,0,0.02);} #tblResumenProds .trTotal .spnTotalCarrito { font-weight: var(--bold1); } #dvCestaCont .cestaEnvioGratis{ display: inline-block; } #dvCestaCont .cestaEnvioGratis a {font-size: 90%;padding: 0px 12px;border-radius: 4px;display: inline-flex;margin: 4px 0;align-items: center;text-decoration: none;color: #333;justify-content: center;padding: 12px 20px;background: #e8f5e9;border: 1px solid #c8e6c9;font-weight: var(--bold1);line-height: 120%;} #dvCestaCont .cestaEnvioGratis a:before{content: "\f48b";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-right: 8px;font-size: 18px;line-height: 18px;text-align: center;} #dvCestaCont #dvImporteMin {font-weight: var(--bold1);display: inline-block;} /*Cupones*/ #dvCuponesCarrito {background: rgba(0,0,0,0.05);border-radius: 8px;padding: 20px;width: 100%;display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;margin-top: 20px;} #dvCuponesCarrito > p {margin: 8px 0;padding: 0;font-weight: var(--bold1);font-size: 24px;line-height: 28px;max-width: 59%;flex-shrink: 0;} #dvCuponesCarrito > p > span {font-size: 14px;line-height: 16px;opacity: .8;display: block;margin-top: 8px;} #dvCuponesCarrito .aplicados, #dvCuponesCarrito .aplicar, #dvCuponesCarrito .aplicables {/* margin: 0 0 12px; *//* padding: 12px; */} #dvCuponesCarrito .aplicados:not(:last-child), #dvCuponesCarrito .aplicar:not(:last-child), #dvCuponesCarrito .aplicables:not(:last-child) {/* border-bottom: 2px dashed rgba(0,0,0,0.1); *//* padding-bottom: 12px; */} #dvCuponesCarrito .aplicables {order: 3;margin-top:12px;width: 100%;} #dvCuponesCarrito .aplicar {/* background: rgba(0,0,0,0.1); */padding: 0;display: flex;/* justify-content: space-between; */align-items: center;flex-flow: row wrap;/* margin-top: 8px; */width: 100%;MAX-WIDTH: 40%;} #dvCuponesCarrito .aplicar > p:first-child, #dvCuponesCarrito .aplicables > p:first-child {font-weight: var(--bold1);margin: 0 0 8px;display: flex;align-items: flex-start; line-height: 100%;} #dvCuponesCarrito .aplicar > p:first-child, #dvCuponesCarrito .aplicar > p {margin: 0 8px 0 0;display: none;} #dvCuponesCarrito .aplicar > p:first-child:before, #dvCuponesCarrito .aplicables > p:first-child:before {content: "\f105";font-weight: 900;font-family: "Font Awesome 6 Pro";font-size: 14px;margin-right: 8px;/* margin-top: 4px; */} #dvCuponesCarrito .aplicar > p.aplicarInput {flex: 1;display: flex;margin: 0;width: 100%;justify-content: flex-end;} #dvCuponesCarrito .aplicar > div.novalido { width: 100%; color: #dd2c00; font-weight: var(--bold1); background: rgba(255,255,255,0.8); text-align: center; padding: 4px; border-radius: 4px; margin-top: 8px;} #dvCuponesCarrito .aplicar input[type="text"] {border: 0;background: #ffffff;border-radius: 4px 0 0 4px;padding: 8px 12px;width: 100%;margin: 0;border: 2px solid rgba(0,0,0,0.1);} #dvCuponesCarrito .aplicar a {border: 0;padding: 4px 12px;text-decoration: none;display: inline-flex;align-items: center;text-transform: uppercase;font-weight: var(--bold1);justify-content: center;width: 100%;max-width: 120px;border-radius: 0 4px 4px 0;margin-left: 0;background: rgba(0,0,0,0.1);color: #333;} #dvCuponesCarrito .aplicar a:before {content: "\f067";font-weight: 600;font-family: "Font Awesome 6 Pro";font-size: 14px;margin-right: 8px;} #dvCuponesCarrito .aplicar label { display: inline-flex; } #dvCuponesCarrito .aplicar > p.aplicarInput > label:first-child {width: 100%;max-width: 400px;} #dvCuponesCarrito .coupon-row {background: #fff;padding: 8px 16px;border-radius: var(--radius-default);} #dvCuponesCarrito .coupon-row:not(:last-child) { margin: 0 0 8px; } #dvCuponesCarrito .cupon {display: flex;justify-content: space-between;align-items: center;} #dvCuponesCarrito .coupon-row .desc { display: none; margin-top: 8px; font-size: 14px; line-height: 18px; opacity: 0.8; padding-top: 8px; border-top: 1px dashed rgba(0,0,0,0.2)} #dvCuponesCarrito .cupon > p { margin: 0;} #dvCuponesCarrito .cupon .nombre {font-weight: var(--bold1);margin-right: 8px;} #dvCuponesCarrito .cupon .codigo {padding: 2px 8px;border-left: 2px solid rgba(0,0,0,0.1);border-right: 2px solid rgba(0,0,0,0.1);margin: 2px 8px 2px 0;display: inline-block;} #dvCuponesCarrito .cupon .info {color: #007aff;/* margin-left: 8px; */text-decoration: underline;cursor: pointer;display: inline-block;} #dvCuponesCarrito .cupon .aplica { flex-shrink: 0; } #dvCuponesCarrito .cupon .aplica a {display: block;text-decoration: none;color: rgba(0,0,0,0.8);padding: 4px 8px;border-radius: 4px;margin-left: 20px;text-transform: uppercase;font-weight: bold;font-size: 14px;background: rgba(0,0,0,0.05);} #dvCuponesCarrito .cupon .aplica a:before {content: "\f067";font-weight: 600;font-family: "Font Awesome 6 Pro";margin-right: 8px;font-size: 12px;} #dvCuponesCarrito .aplicados {margin: 0 0 20px;order: 1;width: 100%;margin-top: 4px !important;} #dvCuponesCarrito .aplicados > div {background: #fff;padding: 8px 16px;border-radius: var(--radius-default);} #dvCuponesCarrito .aplicados > div:not(:last-child) { margin: 0 0 8px; } #dvCuponesCarrito .aplicados > div > div { display: flex; justify-content: space-between; align-items: center; } #dvCuponesCarrito .aplicados > div > div.couponSelect {display: block;margin: 12px 0;border-top: 1px solid rgba(0,0,0,0.1);padding-top: 8px;} #dvCuponesCarrito .aplicados > div > div.couponSelect > p{flex-shrink: 0;margin: 0 0 4px;font-weight: bold;} #dvCuponesCarrito .aplicados > div > div.couponSelect > div{display: flex;border: 0;box-shadow: none;background-color: transparent; } #dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta{/* width: 100%; */border: 0;background-color: transparent;margin: 4px;} #dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta .tdNombreProducto{display: inline-flex;margin: 4px 0;/* align-items: center; */background-color: rgba(0,0,0,0.05);padding: 0;border-radius: 4px;overflow: hidden;} #dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta .tdNombreProducto .radiobtn > span:before { margin: 0; } #dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta .tdNombreProducto > div{width: 40px;background-color: rgba(0,0,0,0.05);justify-content: center;} #dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta .tdNombreProducto > a{padding: 8px;display: inline-flex;align-items: center;} #dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta .tdNombreProducto > a img{display: block;max-width: 56px;border-radius: 4px; margin-left: 8px;} #dvCuponesCarrito .aplicados > div > div.couponSelect > div .trProductoCesta .tdNombreProducto > a.lnkExterno{} #dvCuponesCarrito .aplicados > div > div > * {display: inline-flex;align-items: center;flex-flow: row wrap;} #dvCuponesCarrito .aplicados:not(:last-child) {margin: 0;} #dvCuponesCarrito .aplicados .desc {display: none;margin-top: 8px;} #dvCuponesCarrito .aplicados > p { margin: 0; } #dvCuponesCarrito .aplicados .nombre {font-weight: var(--bold1);display: inline-flex;align-items: center;margin: 4px 12px 4px 0;} #dvCuponesCarrito .aplicados > div .nombre:before {content: "\f00c";font-weight: 900;font-family: "Font Awesome 6 Pro";font-size: 24px;margin-right: 8px;color: #66bb6a;} #dvCuponesCarrito .aplicados .codigo {padding: 4px 8px;background-color: rgba(0,0,0,0.05);border-radius: 4px;margin-right: 12px;display: inline-block;} #dvCuponesCarrito .aplicados .info {color: #666; background-color: #f0f0f0; padding: 4px 8px; border-radius: 4px; margin: 4px 4px 4px 0;cursor: pointer; font-size: 12px; line-height: 14px;} #dvCuponesCarrito .aplicados .info:before { content:"\f05a"; font-family: "Font Awesome 6 Pro"; margin-right: 4px; } #dvCuponesCarrito .aplicados .info > span { } #dvCuponesCarrito .aplicados .eliminar a { color: #dd2c00; font-size: 12px; display: block; padding: 8px;} /*Regalo*/ #dvAceptRegalo {padding: 0px;margin: 4px 0 0;border-radius: 8px;background: -moz-linear-gradient(top, rgba(240,240,240,0) 0%, rgba(240,240,240,1) 100%);display: flex;align-items: center;} #dvAceptRegalo > div > div > p:before {content: "\f06b";font-weight: 900;font-family: "Font Awesome 6 Pro";margin-right: 6px;/* border-right: 1px solid rgba(0,0,0,0.1); */display: flex;align-items: center;flex-shrink: 0;font-size: 20px;} #dvAceptRegalo .dvAceptRegaloCont {display: flex;align-items: center;flex-flow: row wrap;} #dvAceptRegalo > div > div {margin: 0;} #dvAceptRegalo > div > div.checkBoxCont {display: inline-flex;margin: 4px 8px 4px 0;} #dvAceptRegalo > div > div > p {font-weight: var(--bold1);margin: 0;display: flex;} #dvAceptRegalo > div > div > p span:last-child{ display: inline-block; } #dvAceptRegalo .pRegaloDesc {margin: 4px 0;font-size: 14px;line-height: 18px;display: inline-block;align-self: flex-end;justify-self: flex-end;} #dvAceptRegalo .pRegaloDesc span a {color: #666;background-color: rgba(0,0,0,0.05);padding: 4px 8px;border-radius: 4px;margin: 4px 4px 4px 0;cursor: pointer;font-size: 12px;line-height: 14px;text-decoration: none;} #dvAceptRegalo .pRegaloDesc span a:before { content: "\f05a"; font-family: "Font Awesome 6 Pro"; margin-right: 4px; } #dvAceptRegalo .pRegaloDesc .allcontent {margin: 8px 0;} #dvAceptRegalo #dvObservacCli input {border: 1px solid #eee;background: #fff;border-radius: 4px;margin: 0 0 8px;padding: 8px 8px;width: 100%;box-shadow: inset 0 0 4px rgba(0,0,0,0.05);} /*Facturacion*/ #frmDatosCompra { } .datosCompra {display: flex;flex-flow: row-reverse;overflow: hidden;align-items: flex-start;} .datosCompra .datosCompraRight {width: 360px;flex-shrink: 0;background: -moz-linear-gradient(top, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0.04) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0.04) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a000000', endColorstr='#00000000',GradientType=0 );border-radius: 8px 8px 0 0;} .datosCompra .datosCompraLeft {width: 100%;margin-right: 40px;} .datosCompra .dvCabRealizarPedidoMetodo .dvCabRealizarPedidoMetodoInt {padding: 16px 16px 0;margin: 0;border: 0;font-size: 24px;line-height: 24px;} .datosCompra .datosCompraRight #tblVerCesto {box-shadow: none;padding: 12px 0 0;} .datosCompra .datosCompraRight #tblVerCesto, .datosCompra .datosCompraRight #tblVerCesto > tbody, .datosCompra .datosCompraRight #tblVerCesto > td, .datosCompra .datosCompraRight #tblVerCesto > tr {display: block;width: 100%;} .datosCompra .datosCompraRight #tblVerCesto > th, #tblVerCesto table th, #tblVerCesto > tbody > tr:first-of-type { display: none; } .datosCompra .datosCompraRight #tblVerCesto #thCantidadProducto, .datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto, .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto, .datosCompra .datosCompraRight #tblVerCesto #thImporteProducto, .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto, .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto { width: 100%; } .datosCompra .datosCompraRight #tblVerCesto > tbody > tr > td {padding: 8px 0px 4px;} .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta {display: flex;flex-flow: row wrap;margin: 0 0 8px;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.04) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.04) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.04) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0a000000',GradientType=0 );padding: 0 4px;} .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta:nth-last-child(2) { margin: 0;} .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdNombreProducto {width: 100%;border: 0 !important;PADDING: 8px 12px 4px;} .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdCantidadProducto {width: 45%;padding: 4px 12px;max-width: 112px;} .datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto .tdCantidadTotal {padding: 0;} .datosCompra #tblVerCesto .tdCantidadProducto .tdCantidadTotal input {padding: 0;width: 28px;} .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto { width: 45%; text-align: center; display: flex; align-items: center; justify-content: flex-end; font-weight: var(--bold1); font-size: 130%; } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto { width: 10%; display: flex; align-items: center; justify-content: center; } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto:before { font-size: 14px; } .datosCompra .datosCompraRight #tblVerCesto > tbody > tr > td:first-child a img {width: 48px;border-radius:4px;} .datosCompra .datosCompraRight #tblVerCesto .trTotal {font-weight: var(--bold1);display: block;padding: 0 12px;/* background: transparent; */} .datosCompra .datosCompraRight #tblVerCesto .trTotal > td:first-child,.datosCompra #tblVerCesto .trTotal > td:last-child {display: none;} .datosCompra .datosCompraRight #tblVerCesto .trTotal > td:first-child:not(:empty) {display: none;} .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto, .datosCompra .datosCompraRight #tblVerCesto #thImporteProducto, .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto {font-size: 16px;flex: 1;line-height: 16px;} .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto {padding: 20px 8px;} .datosCompra .datosCompraRight .trTotal .spnTotalCarrito { font-size: 130%; } .datosCompra #dvCestaCont .pIncremPed .spnIncremPed { padding: 0 12px;} .datosCompra #dvCestaCont .cestaEnvioGratis, .datosCompra #dvCestaCont .cestaEnvioGratis a, .datosCompra #dvCestaCont .cestaEnvioGratis a span{width: 100%;} .carritoDatos { } .carritoDatos input[type = text], .carritoDatos input[type = tel], .carritoDatos input[type = email], .carritoDatos textarea, .carritoDatos select {border: 1px solid #eee;background: #f0f0f0;border-radius: 4px;margin: 0;padding: 8px 8px;width: 100%;/* box-shadow: inset 0 0 4px rgba(0,0,0,0.05); */} .carritoDatos textarea::placeholder { font-size:14px; line-height: 16px; font-style: italic; opacity: .8} .carritoDatos .radiobtn:not(:last-child) { margin-right: 8px; } .carritoDatos .carritoDatosLeft {} .carritoDatos .carritoDatosRight {} .carritoDatos .carritoDatosRight .carritoFacturacion, .carritoDatos .carritoDatosRight .carritoEnvio, .carritoDatos .carritoDatosRight .carritoPago, .carritoDatos .carritoDatosLeft .carritoObservaciones {margin: 0 0 20px;padding: 20px;border: 1px solid rgba(0,0,0,0.1);border-left-width: 12px !important;border-radius: 8px;border-width: 0;box-shadow: inset 0px -10px 140px rgba(0,0,0,0.05);} .carritoDatos .carritoDatosLeft .carritoObservaciones textarea {height: 88px;} .carritoDatos .carritoDatosRight .carritoFacturacion { border-color: #cfd8dc; } .carritoDatos .carritoDatosRight .carritoEnvio { border-color: #b0bec5; } .carritoDatos .carritoDatosRight .carritoPago { border-color: #90a4ae; } .carritoDatos .carritoDatosLeft .carritoObservaciones { border-color: #b0bec5; } .carritoDatos .carritoDatosRight .carritoFacturacion ul, .carritoDatos .carritoDatosRight .carritoEnvio ul, .carritoDatos .carritoDatosRight .carritoPago ul {list-style: none;padding: 0;display: flex;flex-flow: row wrap;justify-content: space-between;align-items: flex-start;} .carritoDatos .carritoDatosRight .carritoFacturacion ul li, .carritoDatos .carritoDatosRight .carritoEnvio ul li { width: 49%; } .carritoDatos .carritoDatosRight .carritoFacturacion ul li.liObli, .carritoDatos .carritoDatosRight .carritoEnvio ul li.liObli, .carritoDatos .carritoDatosRight .carritoFacturacion ul li.li100, .carritoDatos .carritoDatosRight .carritoEnvio ul li.li100 { width: 100%; } .carritoDatos .carritoDatosRight .carritoFacturacion ul li div, .carritoDatos .carritoDatosRight .carritoEnvio ul li div, .carritoDatos .carritoDatosRight .carritoPago ul li div { margin: 0 0 4px; } .carritoDatos .carritoDatosRight .carritoFacturacion ul li div > span:not(.field-validation-error), .carritoDatos .carritoDatosRight .carritoPago ul li div > span {margin: 4px 0;display: block;font-size: 12px;line-height: 12px;} .carritoDatos .carritoDatosRight .carritoEnvio ul li div > span { margin: 0 0 4px;display: block;} .carritoDatos .carritoDatosRight .carritoFacturacion ul li div > span.field-validation-valid { margin: 0; } .carritoFacturacion .spnApartEnvFactTit, .carritoEnvio .spnApartEnvFactTit, .carritoDatos .spnApartEnvFactTit, .carritoObservaciones .spnApartEnvFactTit, .datosCompra #spnCabRealizarPedidoIntBlan{display: flex;padding-bottom: 4px;border-bottom: 1px solid rgba(0,0,0,0.1);font-weight: var(--bold1);margin: 0 0 8px;text-transform: uppercase;align-items: center;font-size: 18px;width: 100%;} .carritoFacturacion .spnApartEnvFactTit:before, .carritoEnvio .spnApartEnvFactTit:before, .carritoPago .spnApartEnvFactTit:before, .carritoObservaciones .spnApartEnvFactTit:before, .datosCompra #spnCabRealizarPedidoIntBlan:before{font-weight: 900;font-family: "Font Awesome 6 Pro" !important;padding: 4px;display: flex;align-items: center;flex-shrink: 0;font-size: 24px;line-height: 24px;margin: 0 4px 0 0;align-self: flex-start;} .carritoFacturacion .spnApartEnvFactTit:before { content: "\f277"; } .carritoEnvio .spnApartEnvFactTit:before { content: "\f48b"; } .carritoPago .spnApartEnvFactTit:before { content: "\f09d"; } .carritoObservaciones .spnApartEnvFactTit:before {content: "\f27a";} .datosCompra #spnCabRealizarPedidoIntBlan:before {content: "\f07a";} .carritoFacturacion .spnApartEnvFactTit span span, .carritoEnvio .spnApartEnvFactTit span span, .carritoDatos .spnApartEnvFactTit span span { font-size: 14px; display: inline-block; opacity: 0.8; line-height: 16px; } .carritoFacturacion #dvApartEnvFactRdBt, .carritoEnvio .dvAcepEnv {margin: 0 0 12px;} #dvApartEnvFactCheck {margin: 0 0 12px;} .ulMetodoEnvio { } #liForEnvObsEspec { display: block; margin: 20px 0 0;} /*#liForEnvObsEspec input { width: 24px; height: 24px; margin-right: 4px; vertical-align: top; }*/ #liForEnvObsEspec textarea { display: block; margin: 8px 60px 0 0; width: 100%; height: 60px; min-height: 60px; resize: vertical; } /*Facturación usuario registrado*/ #carritoFacturacionData p{ margin: 0; } #carritoFacturacionData p:first-of-type{ font-weight:bold;} #carritoEnvioData { margin: 0 0 20px } #carritoEnvioData p{ margin: 0; } #carritoEnvioData p:first-of-type{ font-weight:bold;} #carritoFacturacionData a, #carritoEnvioData a { display: inline-block; background: rgba(0,0,0,0.1); padding: 8px; border-radius: 4px; margin-top: 4px; text-decoration: none; text-transform: uppercase; font-size: 12px; line-height: 12px; font-weight: var(--bold1);} #carritoFacturacionData a:before, #carritoEnvioData a:before { content: "\f044"; font-weight: 900;font-family: "Font Awesome 6 Pro" !important;margin: 0 4px 0 0;} #carritoFacturacionData .wLog, #carritoEnvioData .wLog {padding: 12px;border: 1px dashed rgba(0,0,0,0.2);border-radius: 8px;background: rgba(255,255,255,0.5);display: block;text-align: right;} #carritoFacturacionData .wLog p, #carritoEnvioData .wLog p { text-align: left; } .carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio { display: block; } .carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li {width: auto;display: flex;/* border: 2px solid rgba(0,0,0,0.1); */overflow: hidden;border-radius: 4px;overflow: hidden;margin: 0;} .carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li:not(:last-child) { margin: 0 0 8px; } .carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li:not(#liForEnvObsEspec) div:not(.radiobtn):not(.allcontent) { padding: 8px; border: 2px solid rgba(0,0,0,0.1); width: 100%; margin: 0; } .carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li:not(#liForEnvObsEspec) div.radiobtn {width: 32px;background: rgba(0,0,0,0.1);display: flex;align-items: flex-start;justify-content: center;padding: 8px 0;flex-shrink: 0;margin: 0;} .carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li:not(#liForEnvObsEspec) div.radiobtn > span:before { margin: 0; } .carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div > span {margin: 0 0 4px;display: inline-block;} .carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div .dvTransImage {float: right;margin: 4px;border-radius: 4px;border: 0;padding: 4px;width: auto;max-width: 72px;} .carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div .dvTransImage p {margin: 0;width: 100%;} .carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div .dvTransImage p img{display: block;margin: 0;max-width: 100%;} .carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div .lnkSubrayado { margin-left: 8px; display: inline-flex; align-items: center; text-decoration: none;} .carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div .lnkSubrayado:after { content: "\f105";font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: 12px; margin-left: 4px;} .carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div > p:last-of-type { font-size: 14px; line-height: 18px;} .carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div > p.desc > span a { color: #666; background-color: #f0f0f0; padding: 4px 8px; border-radius: 4px; margin: 4px 4px 4px 0;cursor: pointer; font-size: 12px; line-height: 14px; text-decoration: none; display: inline-block; } .carritoDatos .carritoDatosRight .carritoEnvio ul.ulMetodoEnvio li > div > p.desc > span a:before { content:"\f05a"; font-family: "Font Awesome 6 Pro"; margin-right: 4px; } .carritoDatos .carritoDatosRight .carritoPago {display: block;} .carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li {width: auto;display: flex;/* border: 2px solid rgba(0,0,0,0.1); */overflow: hidden;border-radius: 4px;overflow: hidden;WIDTH: 100%;} .carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li:not(:last-child) { margin: 0 0 8px; } .carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li > div:not(.radiobtn) {padding: 8px;border: 2px solid rgba(0,0,0,0.1);border-left: 0;width: 100%; margin: 0;} .carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li div.radiobtn {width: 32px;background: rgba(0,0,0,0.1);display: flex;align-items: flex-start;justify-content: center;padding: 8px 0;flex-shrink: 0;margin: 0;} .carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li div.radiobtn > span:before { margin: 0; } .carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li > div > span {margin: 0;display: inline-block;} .carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoTarjetas {margin: 8px 0 0;} .carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoTarjetas > .liMetodoPagoImg {display: inline-block;max-width: 60px;margin-right:4px;} .carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoTarjetas img { display: block; margin: 0; max-width: 100%; } .carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoObservaciones {font-size: 14px;line-height: 18px;} .carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoObservaciones > span a { color: #666; background-color: #f0f0f0; padding: 4px 8px; border-radius: 4px; margin: 0px 4px 0px 0;cursor: pointer; font-size: 12px; line-height: 14px; text-decoration: none; display: inline-block; } .carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .ulMetodoPagoObservaciones > span a:before { content:"\f05a"; font-family: "Font Awesome 6 Pro"; margin-right: 4px; } .carritoDatos .carritoDatosRight .carritoPago ul.ulMetodoPago li .radiobtn input[type="radio"]:checked{ background: red; } .carritoDatos .carritoDatosRight .carritoObservaciones { display: block; } #dvLnkCarrito { display: flex; justify-content: space-between; flex-direction: row-reverse; } /*RESUMEN PEDIDO*/ .generic .genericCont .resumenCarrito { display: flex; justify-content: space-between;} .generic .genericCont .resumenCarrito .spnApartEnvFactTit, .generic .genericCont .resumenProductos .spnApartEnvFactTit{display: flex;justify-content: space-between;margin: 0 0 12px;border-bottom: 1px solid rgba(0,0,0,0.1);padding-bottom: 4px;text-transform: uppercase;} .generic .genericCont .resumenCarrito .spnApartEnvFactTit span span, .generic .genericCont .resumenProductos .spnApartEnvFactTit span span{ opacity: 0.7; display: inline-block; } .generic .genericCont .resumenCarrito .spnApartEnvFactTit a, .generic .genericCont .resumenProductos a{flex-shrink: 0;text-transform: uppercase;font-size: 11px;font-weight: var(--bold1);text-decoration: none;color: inherit;padding: 2px 8px;background-color: #fff;border-radius: 4px;opacity: 0.9; align-self: center; } .generic .genericCont .resumenCarrito .resumenFacturacion, .resumenCarrito .resumenEnvio { width: 49.5%; } .generic .genericCont .resumenCarrito .resumenFacturacion > div, .resumenCarrito .resumenEnvio > div, .resumenProductos, #dvCuponesCarrito.resumenProductos {padding: 20px;margin: 0 0 20px;border-radius: 4px;background: rgba(0,0,0,0.05);} .generic .genericCont .resumenCarrito .resumenFacturacion > div p, .generic .genericCont .resumenCarrito .resumenEnvio > div p{ margin: 0 0 8px; } .resumenProductos{ border-radius: 4px; } .resumenProductos #tblResumenProds{ background-color: #fff; } .resumenProductos #tblResumenProds > tbody > tr:first-of-type th { background: rgba(0,0,0,0.01)} .resumenProductos #tblResumenProds > tbody > tr > td.tdSumario{ text-align: right; } .resumenProductos #tblResumenProds > tbody > tr.trTotales { text-align: right;} .resumenProductos #tblResumenProds > tbody > tr.trTotales div{text-align: right;margin: 4px 0;display: flex;align-items: center; justify-content: flex-end;} .resumenProductos #tblResumenProds > tbody > tr.trTotales div span{display: inline-block;font-weight: normal;} .resumenProductos #tblResumenProds > tbody > tr.trTotales div span{display: inline-block;font-weight: normal;} .resumenProductos #tblResumenProds > tbody > tr.trTotales div > span:last-child:not(:first-child) {width: 80px;margin-left: 8px;flex-shrink: 0;/* font-weight: bold; */} #dvMetodoPagoBotones {display: flex;align-items: flex-end;justify-content: space-between;flex-flow: row wrap;} #dvMetodoPagoBotones .btnDerCont a { margin-left: 4px;} /* PEDIDO FINALIZADO*/ #spnCabRealizarPedidoIntBlan {margin: 0 0 4px;display: inline-block;} #dvPedidoFinalInt { } #dvPedidoFinalInt .encabezado{ font-weight: var(--bold1); padding-bottom: 8px; border-bottom: 1px solid rgba(0,0,0,0.1); margin: 0 0 12px;} #dvPedidoFinalInt > .dvPedidoFinalDatos { padding: 12px; background: rgba(0,0,0,0.05); border-radius: var(--radius-default); margin: 0 0 20px; border-left: 12px solid rgba(0,0,0,0.1)} .btnPedidoFinalizado { display: flex; justify-content: center; margin: 0 0 20px;} .btnPedidoFinalizado > * { display: inline-block; margin: 4px; padding: 4px 8px; border-radius: var(--radius-default); border: 4px solid rgba(0,0,0,0.1); font-weight: var(--bold1); color: inherit; text-decoration: none; cursor: pointer;} /*AMAZON PAY*/ .genericCont.--amazonPay { max-width: 640px; padding: 32px; background-color: #eee; border-radius: var(--radius-default); } #AmazonPayButton { text-align: center;} #AmazonWalletWidgetDiv { margin-top: 28px; } #AmazonWalletWidgetDiv:empty { display: none; } .amazon-next { margin: 16px 0 0 auto; } /*KLARNA*/ .KlarnaMethod{ width: 100%; max-width: 640px; margin: 0 auto; padding: 20px; border: 8px solid #f0eeeb; } .KlarnaMethod:not(:last-child) {margin-bottom: 40px;} .KlarnaMethod .KlarnaAction{ display: flex; justify-content: flex-end; margin-top: 12px; } .KlarnaMethod .KlarnaAction button { display: inline-flex; align-items: center; text-decoration: none; background: #333; color: #fff; padding: 8px 12px; border-radius: var(--radius-default); font-size: 90%; line-height: 140%; text-transform: uppercase; font-weight: var(--bold1);} .notKlarna {width: 100%; max-width: 640px; margin: 0 auto; padding: 20px; background: #333; color: #fff; text-align: center;} .notKlarna a { color: #fff;} /*Cookies*/ .cc-banner.cc-bottom, .cc-window.cc-floating { background-color: rgba(0,0,0,0.9) !important; padding: 1em 1.8em; } /*TIENDA CERRADA*/ #dvTiendaCerrada { text-align: center; padding: 12px; color: #721c24; background-color: #f8d7da; border: 1px solid #f5c6cb; margin: 8px; border-radius: 8px; } #dvTiendaCerrada .dvBgAma > p:first-child {font-size: 20px;margin: 0 0 8px;font-weight: var(--bold1);} body.tiendacatalogo { } body.tiendacatalogo .fichaBoton { opacity: .6; } body.tiendacatalogo .fichaBoton a { cursor: not-allowed; } /* Legal */ .generic .genericCont .dvLegal{margin-top:20px;} .generic .genericCont .dvLegal .enc{font-weight:bold;margin:0 0 8px; font-size:120%;} .generic .genericCont .dvComboBox{margin-bottom:20px;} .generic .genericCont .dvLegal div:not(:last-child) { margin: 0 0 20px; } #dvErrorContenido { max-width: var(--max-width); margin: 0 auto; padding: 40px} #dvErrorContenido p { margin: 0 0 8px;} #dvErrorContenido ul { padding-left: 18px; list-style: none;} #dvErrorContenido ul li { margin: 8px 0;} /* Sitemap */ .generic .genericCont .dvSiteMap ul ul{margin-top:8px;} .generic .genericCont .dvSiteMap ul li{list-style:square;margin-bottom:8px;} .generic .genericCont .dvSiteMap ul li ul{margin-left:20px;} .generic .genericCont .dvSiteMap ul li ul li{list-style:circle;} .generic .genericCont .dvSiteMap ul li ul li ul li{list-style:disc; } .generic .genericCont .dvSiteMap a{color:#333; font-weight: bold;} .generic .genericCont .dvSiteMap .numProdCategoSiteMap{color:#999; display: inline-block; } .generic .genericCont .dvSiteMap .productosTotalesSiteMap{color:#333; font-weight: bold; margin-top: 40px;} /* ERRRORES (nueva contraseña sin requisitos)*/ .validation-summary-errors { padding: 0; margin: 0; } .validation-summary-errors ul{ padding: 0 !important; } .validation-summary-errors ul li{ display: block; list-style: none; color:#ff1100; padding: 0; margin: 0; font-weight: var(--bold1); } /*PRODUCTOS*/ .RCRProds .RCRProdsPrev {display: flex;justify-content: center;margin: 0 0 20px;flex-wrap: wrap;align-items: center;} .RCRProds .RCRProdsPrev .numProds {font-size: 14px;opacity: 0.8;display: inline-flex;align-items: center; text-align: center; margin: 8px auto 8px 0; } .RCRProds .RCRProdsPrev .RCRProdsPrevRight { display: flex; align-items: center; justify-content: flex-end; flex-shrink: 0; } .RCRProds .RCRProdsPrev #dvOrderBy {max-width: 460px; width: 100%; align-items: center; } .RCRProds .RCRProdsPrev #dvOrderBy form { display: flex; align-items: center; } .RCRProds .RCRProdsPrev #dvOrderBy form > *:first-child:not(:last-child) { margin-right: 8px; } .RCRProds .RCRProdsPrev #dvOrderBy form .select { width: 100%; } .RCRProds .RCRProdsPrev #dvOrderBy form > p { flex-shrink: 0; } .RCRProds .noProds { border-radius: 4px; margin: 0 0 20px; display: flex; align-items: center; font-size: 20px; font-weight: var(--bold1); opacity: .8; padding: 20px; background: #fff9c4; border: 1px solid #e2dca7; } .RCRProds .noProds:before { content: "\f06a"; font-weight: 900; font-family: "Font Awesome 6 Pro"; font-size: 24px; margin-right: 8px; } /*Productos*/ .RCRProdsCont { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: var(--productos-margin); } /*PRODUCTOS PORTADA*/ .prodlist { padding: var(--section-margin) 16px; } .prodlist .prodlistCont { max-width: var(--max-width); margin: 0 auto; position: relative;} .prodlist .prodlistCont .prodlistInfo { margin: 0 0 20px; text-align: center; } .prodlist .prodlistCont .prodlistInfo .title2 { } .prodlist .prodlistCont .prodlistInfo p { } .prodlist > div > p { text-align: center; font-size: 120%; line-height: 120%; font-weight: var(--bold1); font-style: italic; } .prodlist .RCRProdsCont { grid-template-columns: 1fr 1fr 1fr 1fr; } .RCRButton { text-align: center; margin-top: 30px; } .RCRButton a{display: inline-flex;align-items: center;text-decoration: none;background: var(--secondary); color: var(--secondary-invert); padding: 8px 16px; border-radius: var(--radius1); font-size: 90%;line-height: 140%; text-transform: uppercase; font-weight: var(--bold1);} .RCRButton a::after { content: "\f105"; font-weight: 900; font-family: "Font Awesome 6 Pro"; font-size: 14px; margin-left: 8px; } /*LOGIN CARRITO*/ .loginCart {margin: 40px auto;max-width: 720px;background: rgba(0,0,0,0.05);display: flex;overflow: hidden;border-radius: 8px;} .loginCart .title {font-size: 20px;line-height: 28px;margin: 0 0 8px;font-weight: var(--bold1);text-transform: uppercase;} .loginCart .loginCartReg { width: 50%; padding: 20px;} .loginCart .loginCartReg input[type="email"], .loginCart .loginCartReg input[type="password"]{display: block;width: 100%;background-color: #fff;padding: 8px 12px;border: 1px solid rgba(0,0,0,0.1);border-radius:4px;} .loginCart .loginCartReg input[type="email"] { margin: 0 0 8px; } .loginCart .loginCartReg input[type="password"] { margin: 0;} .loginCart .loginCartReg input::placeholder {opacity: .8; font-style: italic; } .loginCart .loginCartReg #lnkRecPwd {font-size: 12px;line-height: 14px;margin: 0 0 8px;display: inline-block;} .loginCart .loginCartReg .spnLogError { display: block; color: #dd2c00; margin: 2px; font-size: 14px; font-weight: var(--bold1);} .loginCart .loginCartReg .pBtnLogin button {display: inline-flex;align-items: center;justify-content: center;border: 0;padding: 8px 16px;border-radius: var(--radius1);font-size: 16px;line-height: 18px;background-color: var(--secondary);text-decoration: none;color: #fff;font-weight: var(--bold1);margin-top: 8px;} .loginCart .loginCartReg .pBtnLogin button:before {content: "\f090";font-weight: 900;font-family: "Font Awesome 6 Pro";font-size: 20px;line-height: 20px;margin-right: 8px;} .loginCart .loginCartNoReg {width: 50%;padding: 20px;background: rgba(0,0,0,0.05);display: flex;flex-direction: column;} .loginCart .loginCartNoReg > p:nth-child(2){flex: 1;font-size: 14px;line-height: 18px;} .loginCart .loginCartNoReg .pBtnReg { } .loginCart .loginCartNoReg .pBtnReg a{display: inline-flex;align-items: center;justify-content: center;border: 0;padding: 7px 15px;border-radius: var(--radius1);font-size: 16px;line-height: 18px;background-color: rgba(255,255,255,1);text-decoration: none;color: var(--secondary);font-weight: var(--bold1);margin-top: 8px;border: 1px solid var(--secondary);} .loginCart .loginCartNoReg .pBtnReg a:before {content: "\f4fd";font-weight: 600;font-family: "Font Awesome 6 Pro";font-size: 20px;margin-right: 8px;line-height: 20px;} .loginCart .loginCartNoReg .pBtnReg a:after {content: "\f101";font-weight: 900;font-family: "Font Awesome 6 Pro";font-size: 14px;margin-left: 8px;line-height: 14px;margin-top: 4px;} /*NOTICIAS*/ /* MOSAICO */ .widNot { text-align: center; background: #fff; padding: var(--section-margin) 16px; background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(240,240,240,0) 100%); background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%); background: linear-gradient(to bottom, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#00f0f0f0',GradientType=0 ); } .noticia .widNot {padding: 40px 0;} .widNot .widNotCont { max-width: var(--max-width); margin: 0 auto; } .widNot .widNotCont .widNotContInfo { margin: 0 0 20px; text-align: center; padding: 0 20px; } .widNot .widNotCont .bgc {} .bloggalvacio { padding: var(--section-margin) 16px; font-weight: var(--bold1); font-size: 26px; line-height: 140%; text-align: center; } .bmmin1 .bloggalcont{ text-align: left;} .bmmin1 .bloggalcont{ display: flex; text-decoration: none; align-items: flex-start; border-bottom: 1px solid #eee; padding: 12px 0;} .bmmin1 .bloggalcont > a > img{ display: block; width: 200px; max-width: 200px; min-width: 200px; border-radius: var(--radius-default); } .bmmin1 .bloggalcont > div{ width: 100%; height: 100%; padding: 12px; overflow: hidden;} .bmmin1 .bloggalcont > .bgc > .bgctitle { margin: 0 0 4px; max-height: 72px; overflow: hidden; position: relative; } .bmmin1 .bloggalcont > .bgc > .bgctitle a { color: inherit; text-decoration: none; font-size: 20px; line-height: 24px; display: inline-block; } .bmmin1 .bloggalcont > .bgc > .bgctitle:after { content:""; display: block; position: absolute; top: 48px; right: 0; width: 40%; max-width: 120px; height: 24px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); } .bmmin1 .bloggalcont .bgcdatos{ font-size: 90%; line-height: 120%; margin: 0 0 4px;} .bmmin1 .bloggalcont .bgcdatos > div, .bmmin1 .bloggalcont .bgcdatos > a{ display: inline-block; opacity: .8; } .bmmin1 .bloggalcont .bgcdatos .bgccat a { margin-right: 4px; } .bmmin1 .bloggalcont .bgcinfo{max-height: 40px; /* Múltiplo del line-height*/overflow: hidden;position: relative;font-size: 16px;line-height: 20px;} .bmmin1 .bloggalcont .bgcinfo h2 {margin: 0;font-weight: inherit;font-size: 14px;line-height: 20px;} .bmmin1 .bloggalcont .bgcinfo p{margin: 0;padding:0;font-size: 14px;line-height: 20px;} .bmmin1 .bloggalcont .bgcinfo:after{ content: "."; position: absolute; right: 0; bottom: 0; color: transparent; width: 100%; max-width: 80px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); } .bmmin2 > .widNotCont > .widNotContNots { column-count: 2; } .bmmin2 .bloggalcont{ display: inline-flex; width: 100%; text-decoration: none; align-items: center; margin-bottom: 12px; background: #fff; text-align: left; border-radius: var(--radius-default); overflow: hidden;} .bmmin2 .bloggalcont .bgc > a { color: inherit; text-decoration: none; max-height: 44px; display: block; overflow: hidden; position:relative; width: 100%;} .bmmin2 .bloggalcont > .bgc > .bgctitle:after { content:""; display: block; position: absolute; top: 40px; right: 0; width: 40%; max-width: 120px; height: 24px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); } .bmmin2 .bloggalcont > a > img{ display: block; width: 160px; max-width: 160px; } .bmmin2 .bloggalcont > div{ width: 100%; height: 100%; padding: 8px 20px; overflow: hidden; max-height: 120px; overflow: hidden;} .bmmin2 .bloggalcont > .bgc > .bgctitle { margin: 0 0 4px; max-height: 60px; overflow: hidden; position: relative; font-size: 16px; line-height: 20px; } .bmmin2 .bloggalcont > div > .bgctitle > a{ color: inherit; text-decoration: none;} .bmmin2 .bloggalcont .bgcdatos{ font-size: 90%; line-height: 120%; margin: 0 0 4px;} .bmmin2 .bloggalcont .bgcdatos > div, .bmmin1 .bloggalcont .bgcdatos > a{ display: inline-block; opacity: .8; vertical-align: middle; } .bmmin2 .bloggalcont .bgcdatos .bgccat { max-height: 35px; overflow: hidden; display: inline-flex; align-items: center;} .bmmin2 .bloggalcont .bgcdatos .bgccat a { margin-right: 4px; display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bmmin2 .bloggalcont .bgcinfo{ display: none; max-height: 40px; /* Múltiplo del line-height*/ overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; } .bmmin2 .bloggalcont .bgcinfo p{ margin: 0; padding:0; } .bmmin2 .bloggalcont .bgcinfo:after{ content: "."; position: absolute; right: 0; bottom: 0; color: transparent; width: 100%; max-width: 80px; background: -moz-linear-gradient(left, rgba(245,245,245,0) 0%, rgba(245,245,245,1) 100%); background: -webkit-linear-gradient(left, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 100%); background: linear-gradient(to right, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f5f5f5', endColorstr='#f5f5f5',GradientType=1 ); } .bmmin3 .widNotContNots{display: flex;flex-flow: row wrap;justify-content: space-between;} .bmmin3 .widNotContNots .bloggalcont{width: 23%;margin: 0 0 20px; text-align: left;} .bmmin3 .widNotContNots .bloggalcont:nth-child(3):last-child {margin-right: 25.666%;} .bmmin3 .widNotContNots .bloggalcont:nth-child(2):last-child {margin-right: 51.333%;} .bmmin3 .widNotContNots .bloggalcont:first-child:last-child {margin-right: 76.999%;} .bmmin3 .widNotContNots .bloggalcont a{ color: currentcolor; } .bmmin3 .widNotContNots .bloggalcont > a > img{ display: block; width: 100%; } .bmmin3 .widNotContNots .bloggalcont > div{padding: 8px 0 0;overflow: hidden;} .bmmin3 .widNotContNots .bloggalcont .bgctitle a{margin: 0;display: block;width: 100%;font-size: 14px;overflow: hidden;line-height: 16px; color: #666; text-decoration: none;} .bmmin3 .widNotContNots .bloggalcont .bgcdatos{font-size: 100%;line-height: 0;margin:8px 0 0;} .bmmin3 .widNotContNots .bloggalcont .bgcdatos > div, .bmmin3 .bloggalcont .bgcdatos > a{display: inline-block;opacity: .8;font-size: 12px;line-height: 12px;} .bmmin3 .widNotContNots .bloggalcont .bgcdatos .bgccat{ display: none; } .bmmin3 .widNotContNots .bloggalcont .bgcdatos .bgccat a { margin-right: 4px; } .bmmin3 .widNotContNots .bloggalcont .bgcinfo{ display: none; max-height: 40px; /* Múltiplo del line-height*/ overflow: hidden; position: relative; } .bmmin3 .widNotContNots .bloggalcont .bgcinfo p{ margin: 0; padding:0; } .bmmin3 .widNotContNots .bloggalcont .bgcinfo:after{ content: "."; position: absolute; right: 0; bottom: 0; color: transparent; width: 100%; max-width: 80px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); } .bmmin4{display: flex;max-width: var(--max-width);flex-flow: row wrap;/* justify-content: space-between; */} .bmmin4 .bloggalcont{width: 23%;margin: 0 1% 20px;} .bmmin4 .bloggalcont > a > img{ display: block; width: 100%; } .bmmin4 .bloggalcont > div{padding: 8px 0 0;overflow: hidden;} .bmmin4 .bloggalcont > div > .bgcnom > h2{margin: 0;display: block;width: 100%;font-size: 12px;overflow: hidden;line-height: 16px;} .bmmin4 .bloggalcont .bgcdatos{font-size: 100%;line-height: 0;margin:4px 0 0;} .bmmin4 .bloggalcont .bgcdatos > div, .bmmin4 .bloggalcont .bgcdatos > a{display: inline-block;opacity: .8;font-size: 10px;line-height: 10px;} .bmmin4 .bloggalcont .bgcdatos .bgccat{ display: none; } .bmmin4 .bloggalcont .bgcdatos .bgccat a { margin-right: 4px; } .bmmin4 .bloggalcont .bgcinfo{ display: none; max-height: 40px; /* Múltiplo del line-height*/ overflow: hidden; position: relative; } .bmmin4 .bloggalcont .bgcinfo p{ margin: 0; padding:0; } .bmmin4 .bloggalcont .bgcinfo:after{ content: "."; position: absolute; right: 0; bottom: 0; color: transparent; width: 100%; max-width: 80px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); } .texto__legal { margin: 12px 0; font-size: 12px; line-height: 140%; opacity: 0.6; max-width: 460px;} .texto__legal p:not(:last-child) { margin: 0 0 4px !important; } .kitDigital {} .kitDigital {} /******************************* Kit Digital *******************************/ .kitDigital { padding: 40px 16px; font-size: 14px; line-height: 140%; text-align: center; } .kitDigital > .kitDigitalCont { max-width: var(--max-width); margin: 0 auto; width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; align-items: center; } .kitDigital .kitDigital__logo { display: block; width: 220px; max-width: 100%; } @media screen and (min-width: 1024px) { .kitDigital > .kitDigitalCont { grid-template-columns: 220px 220px auto; text-align: left; } } @media screen and (max-width: 1023px) { .kitDigital .kitDigital__logo.kitDigital__logo--EU { grid-area: 1 / 1; margin: 0 0 0 auto; } .kitDigital .kitDigital__logo.kitDigital__logo--TR { grid-area: 1 / 2; margin: 0 auto 0 0; } .kitDigital .kitDigital__text { grid-area: 2 / 1 / 3 / 3; } } /* MEDIDAS RESPONSIVE */ @media screen and (min-width: 1024px) { #login_box {position: absolute;z-index: 3;background-color: #fff; color:#333; box-shadow: 0 0 4px rgba(0,0,0,0.5);top: calc(100% + 8px);right: 0;border-top: 4px solid var(--primary);text-align: center;width: 260px;font-weight: normal;display: none;} #cart .cart-prod-list {font-size: 12px;line-height: 14px;position: absolute;z-index: 3;background-color: #fff;color:#333; box-shadow: 0 0 4px rgba(0,0,0,0.5);top: calc(100% + 8px);right: 0;border-top: 4px solid var(--primary);width: 360px;font-weight: normal;padding: 8px 12px;} #cart .cart-prod-list:after {content: "\f0d8";font-weight: 900;font-family: "Font Awesome 6 Pro";color: var(--primary);display: block;position: absolute;bottom: 100%;font-size: 28px;line-height: 16px;right: 32px;} .datosCompra { } .datosCompra #dvCestaCont{ margin: 0; } .datosCompra #dvCuponesCarrito {display: block; margin: 20px 0;} .datosCompra #dvCuponesCarrito > p {max-width: 100%;} .datosCompra #dvCuponesCarrito .aplicados:not(:last-child), .datosCompra #dvCuponesCarrito .aplicar:not(:last-child), .datosCompra #dvCuponesCarrito .aplicables:not(:last-child) { max-width: 100%; } .datosCompra #dvCuponesCarrito .aplicar {max-width: 100%;} .datosCompra #dvCuponesCarrito .aplicar > p:first-child, .datosCompra #dvCuponesCarrito .aplicables > p:first-child {} .datosCompra #dvCuponesCarrito .aplicar > p:first-child, .datosCompra #dvCuponesCarrito .aplicar > p {} .datosCompra #dvCuponesCarrito .aplicar > p:first-child:before, .datosCompra #dvCuponesCarrito .aplicables > p:first-child:before {} .datosCompra #dvCuponesCarrito .aplicados:not(:last-child) { margin: 0 0 12px;} } /*################ ##### 1 0 2 3 #### ################*/ @media screen and (max-width: 1023px) { #search {/* flex-direction: column-reverse; */} #search.active {/* opacity: 1; */} /*#search .close { display: block; }*/ #search .searchBar input { font-size: 16px; line-height: 36px;} header .header .headerCont #searchbtn { display: block; } .searchCont #search_results {position: static;margin: 20px 0 0;border-radius: 0;box-shadow: none;/* background: rgba(0,0,0,0.05); */flex: 1;/* border-top: 1px solid rgba(0,0,0,0.1) */} .searchCont #search_results ul {} .searchCont #search_results ul li {padding: 8px 0;} .searchCont #search_results ul li:not(.liTitle):hover { } .searchCont #search_results ul li:not(:last-child) { } .searchCont #search_results ul li.liTitle {padding: 8px 0;background: transparent;} .searchCont #search_results ul li.liTitle:before { } .searchCont #search_results ul li p { } .searchCont #search_results ul li p a{padding: 4px;} .searchCont #search_results ul li p .img{ } .searchCont #search_results ul li p .nom{} .searchCont #search_results ul li p .nom a {} .searchCont #search_results ul li.verTodos { text-align: center; background-color: rgba(0,0,0,0.05); padding: 8px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; width: 100%; } .searchCont #search_results ul li.verTodos a { color: black; } #user a #btLogout { display: none; } header .hcont > div > .htconr .carrito a > span > .cant { display: block; position: absolute; top: 0; right: 0; background: #fff; width: 22px; height: 22px; line-height: 18px; font-size: 12px; text-align: center; border-radius: 100%; transform: translateX(25%) translateY(-25%); color: #532A9E; border: 2px solid; } #cart .cart-prod-list .hCartButtons {display: block;margin: 28px 0 0;} #cart .cart-prod-list .hCartButtons .hCartLink { width: 100%; margin: 0 0 8px;} #cart .cart-prod-list .hCartButtons .hCartLink a {padding: 10px 14px; } #cart .cart-prod-list .hCartButtons .hOrderLink { width: 100%;} #cart .cart-prod-list .hCartButtons .hOrderLink a {padding: 12px 16px; } #PORT02 .PORT02Cont {grid-template-columns:1fr 1fr; } .generic .dvPromo .img { width: 180px; float: left;} .generic .dvPromo .left { } .generic .dvPromo .right {width: 260px;} #dvContactoCont { display: block; } .dvContactoForm, #dvContactoPeticionFeita { padding: 20px 0 0; border-left: 0; border-top: 4px dashed rgba(0,0,0,0.1); margin: 20px 0 0; max-width: 100%; } .dvContatoInfoSup { display: flex; } .dvContatoInfoSup .dvContactoFormRight { margin-left: 8px; } .dvContatoInfoSub { display: flex; flex-wrap:wrap; justify-content: space-between;} .dvContatoInfoSub .tac { width: calc(50% - 6px); margin: 0; display: flex; justify-content: center; align-items: center; padding: 8px; border: 1px dashed #ccc; border-radius: 4px; text-align: center; } .dvContatoInfoSub input[type="button"]{ width: calc(50% - 6px); } .dvContatoInfoSub .ulContatoInfoSubGroup { width: 50%; margin-left: 8px; } #dvCuponesCarrito .aplicar { display: block; } #dvCuponesCarrito .aplicar > p:first-child { margin: 0 0 8px; } #dvCuponesCarrito .aplicar > p:last-child > label:first-child { max-width:100%; } .carritoDatos { display: block; } .carritoDatos .carritoDatosLeft, .carritoDatos .carritoDatosRight {width: 100%;padding-right: 0;padding-left: 0;} .usuarios .altaNewsTac { margin-left:0;} .rightSlide {position: fixed;top: 0;right: -320px;height: 100%;z-index: 9;box-shadow: 0 0 0 9999px rgba(0,0,0,0);display: flex !important;flex-direction: column;width: 320px;background-color: #fff;padding: 24px 12px;max-height: 100%;overflow: auto;transition: box-shadow 300ms ease;transition: right 300ms ease;} .rightSlide.active {right: 0px !important;box-shadow: 0 0 0 9999px rgba(0,0,0,0.4) !important;z-index: 10;/* display: flex !important; */} .rightSlide.menu_mob.active { padding: 0; } .leftSlide {display: block;position: fixed !important;top: 0;left: -320px;height: 100%;z-index: 9;box-shadow: 0 0 0 9999px rgba(0,0,0,0);display: flex;flex-direction: column;width: 320px;background-color: #fff;max-height: 100%;overflow: auto;transition: box-shadow 300ms ease, left 300ms ease;} .leftSlide.active {left: 0px !important;box-shadow: 0 0 0 9999px rgba(0,0,0,0.4) !important; z-index: 10; padding: 0; } .leftSlide.menu_mob.active { padding: 0; } #search.leftSlide{display: block;padding: 24px 12px;} #login_box.rightSlide {justify-content: center;text-align: center;padding: 0;} #cart .cart-prod-list {/* padding-top: 40px; */} #cart .cart-prod-list ul{flex: 1;} #cart .cart-prod-list .hCartProd { padding: 12px 8px} #cart .cart-prod-list .hCartTotal {padding: 12px; font-size: 18px;line-height: 24px;} #cart .cart-prod-list .hCartTotalSinIva { padding: 12px; font-size: 12px; line-height: 24px; } #cart .cart-prod-list .hOrderLink {} #cart .cart-prod-list .hOrderLink a {font-size: 18px;line-height: 24px;} #cart .cart-prod-list .hCartLink {} #cart .cart-prod-list .hCartLink a {font-size: 18px;line-height: 24px;} #cart .cart-prod-list .hCartProd .hCartProdInfo img { max-width: 60px;} #cart .cart-prod-list .hCartProd .hCartProdInfo p { font-size: 16px; line-height: 20px; } #cart .cart-prod-list .hCartProd .hCartProdDelete { font-size: 14px; align-self: center; } .datosCompra { display: block;} .datosCompra .datosCompraRight { width: 100%; margin: 0 0 20px;} .datosCompra .datosCompraleft { margin: 0;} .datosCompra #dvCestaCont .cestaEnvioGratis, .datosCompra #dvCestaCont .cestaEnvioGratis a, .datosCompra #dvCestaCont .cestaEnvioGratis a span{ } .datosCompra {} .datosCompra .datosCompraRight {} .datosCompra .datosCompraLeft { } .datosCompra .dvCabRealizarPedidoMetodo .dvCabRealizarPedidoMetodoInt {} .datosCompra .datosCompraRight #tblVerCesto {} .datosCompra .datosCompraRight #tblVerCesto, .datosCompra .datosCompraRight #tblVerCesto > tbody, .datosCompra .datosCompraRight #tblVerCesto > td, .datosCompra .datosCompraRight #tblVerCesto > tr {} .datosCompra .datosCompraRight #tblVerCesto > th, #tblVerCesto table th, #tblVerCesto > tbody > tr:first-of-type { } .datosCompra .datosCompraRight #tblVerCesto #thCantidadProducto, .datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto, .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto, .datosCompra .datosCompraRight #tblVerCesto #thImporteProducto, .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto, .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto { } .datosCompra .datosCompraRight #tblVerCesto > tbody > tr > td { width: 100%; } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta { display: table-row; } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta:nth-last-child(2) { } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdNombreProducto { width: 100%; display: table-cell; } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdCantidadProducto { display: table-cell; width: 120px; } .datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto .tdCantidadTotal {} .datosCompra #tblVerCesto .tdCantidadProducto .tdCantidadTotal input {} .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto { width: 80px; display: table-cell; } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto { width: 32px; display: table-cell; position: relative; min-width: 32px; text-align: center; } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto:before {} .datosCompra .datosCompraRight #tblVerCesto > tbody > tr > td:first-child a img {} .datosCompra .datosCompraRight #tblVerCesto .trTotal {} .datosCompra .datosCompraRight #tblVerCesto .trTotal > td:first-child,.datosCompra #tblVerCesto .trTotal > td:last-child {} .datosCompra .datosCompraRight #tblVerCesto .trTotal > td:first-child:not(:empty) {} .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto, .datosCompra .datosCompraRight #tblVerCesto #thImporteProducto, .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto { display: table-cell; width: 120px; min-width: 120px; text-align: right; } .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto { min-width: 180px; } .datosCompra .datosCompraRight .trTotal .spnTotalCarrito { } .datosCompra #dvCestaCont .pIncremPed .spnIncremPed { } .datosCompra #dvCestaCont .cestaEnvioGratis, .datosCompra #dvCestaCont .cestaEnvioGratis a, .datosCompra #dvCestaCont .cestaEnvioGratis a span{width: auto;} .box4 .slideCont .swiper-container { padding-left: 20px } .box4 .swiper-slide { width: calc((1/3.5 * 100%) - 20px); } .box6 { padding: 40px 0;} .box6 .slideCont .swiper-container { padding-left: var(--productos-margin); } .box6 .slideCont .swiper-slide { width: calc((1/3.5 * 100%) - var(--productos-margin)); } .slideCupones3 .slideCuponesCont .sliderCuponesRes .switem { width: calc(50% - 4px) } .prodlist .RCRProdsCont { grid-template-columns: 1fr 1fr 1fr; } .boxMini .slideCont, .boxMiniRel .slideCont { overflow: visible; } .boxMini .slideCont .swiper-slide, .boxMiniRel .slideCont .swiper-slide { width: calc((100% / 4) - (12px * 3 / 4)); } } /*################ ###### 7 6 8 ##### ################*/ @media screen and (min-width: 767px) { header .hcont > div > .htconc .buscador { display: block !important; opacity: 1; } .menu { display: block; } .cd-secondary-dropdown { position: static; padding: 0; } .cd-secondary-dropdown ul {padding: 0;height: auto;position: static;} .cd-secondary-dropdown ul.move-out { position: static; } .cd-secondary-dropdown ul.is-hidden { position: absolute;} .cd-secondary-dropdown ul.move-out > li > p{ position: absolute;} .cd-secondary-dropdown.move-out > li > p { position: absolute;} .menu_mob { display: none;} } @media screen and (max-width: 768px) { .title1, #PORT01 .title2, .panel__desc--skin1[data-items="1"] .boxItem .bicTitle { font-size: 26px; line-height: 140%; } .title2 { font-size: 24px; line-height: 140%;} .title3 { font-size: 22px; line-height: 140%;} .socialShare {transform: scale(1.3);width: 76.923%;margin: 0 11.5385% 12px;} .socialShare .sswa { display: block; } #login_box:after { right: 12px; } .radiobtn input[type="radio"] { width: 24px; height: 24px; } .radiobtn > span { } .radiobtn > span:before { width: 24px; height: 24px; } header .header { display: flex; flex-shrink: 1; } header .header .btnmenu.active {z-index: 11; border-radius: 100%; background-color: #fff;} header .header .btnmenu.active.translate:first-child {transform: translateX(320px);} header .header .btnmenu.active.translate:last-child {transform: translateX(-320px);} header .header .headerCont { width: 100%; } header .menu { display: none !important; } header .menu.leftSlide { padding: 0; display: block;} header .menu .menuCont { display: block; width: 100%; } header .menu .menuCont .menulang { display: block; } .mcPrincipal { display: block; position: static; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); visibility: visible; height: auto; overflow: hidden; } .mcPrincipal > a { display: none; } .mcPrincipal > a span { } .mcPrincipal .cd-dropdown-trigger { display: none;} .mcPrincipal ul.cd-dropdown li{ height: auto;} .mcPrincipal li a { padding: 20px 12px; } .mcPrincipal ul > li.go-back > p > span:after { padding: 20px 12px; } .mcPrincipal ul > li > p > span {} .cd-dropdown-content { position: static; padding: 0; } .cd-dropdown-content ul {padding: 0;height: auto;position: static;} .cd-dropdown-content ul.move-out { position: static; } .cd-dropdown-content ul.is-hidden {position: absolute;} .cd-dropdown-content ul.move-out > li > p{ position: absolute;} .cd-dropdown-content.move-out > li > p { position: absolute;} .mcDestacado { display: block; background: rgba(0,0,0,0.05); } .mcDestacado ul { display: block; } .mcDestacado ul li { border-bottom: 1px solid rgba(0,0,0,0.1);margin-left:0; } .mcDestacado ul li a { display: block; text-transform: none; padding: 16px 12px; width: 100%; } .mcDestacado ul li a span { } .langSelector { padding: 8px;} .menu_mob.leftSlide, .menu_mob.rightSlide { display: block; } /*MENU*/ /*header .header .btnmenu.active { transform: translateX(320px); z-index: 11; } header .header .fndmenu.active { width: 100%; opacity: 1; }*/ /*MODAL USUARIO*/ #user { position: static; } /*#login_box { width: 300px; display: flex; bottom: 0; right: -304px; position: fixed; height: 100vh; top: 0; font-size: 18px; flex-flow: column wrap; justify-content: center; border: 0; transition: all 300ms ease; }*/ /*#login_box.active { right: 0; box-shadow: 0 0 40px rgba(0,0,0,1); }*/ #login_box:after { content: ""; } #login_box input[type="text"], #login_box input[type="password"] { padding: 8px 12px; } #login_box .spnLogError { } #login_box input[type="button"], #login_box input[type="submit"], #login_box #lnkBtnReg, #login_box #btLoginUsu, #login_box #btLogout { font-size: 16px; line-height: 22px; } #login_box .title { font-size: 18px; margin: 0 0 16px; } #login_box .usuario-registrado { padding: 40px 16px; } #login_box .usuario-registrado input[type="button"], #login_box .UsuReg input[type="submit"] { } #login_box .usuario-registrado a { } #login_box .usuario-no-registrado { padding: 40px 16px; } #login_box .usuario-no-registrado input[type="button"], #login_box .usuario-no-registrado input[type="submit"] { } .Newsletter #dvNewsletterRegister #dvNewsletterRegisterCont form { display: block; } .Newsletter #dvNewsletterRegister #dvNewsletterRegisterCont form > div { width: 100%; } .Newsletter #dlNewsletterRegister { margin: 20px 0 0; padding: 0; } .box2 .boxCont > div > div { flex-flow: row wrap; } .box2 .boxCont .boxItem { width: 100%; } .box2 .boxCont .boxItem > div { padding-bottom: 50%; } .box3a { /* overflow-x: scroll; */ padding: 0 20px 24px 20px; } .box3a .boxCont::-webkit-scrollbar { height: 8px; } .box3a .boxCont::-webkit-scrollbar-track { border-radius: 10px; background-color: #F5F5F5; } .box3a .boxCont::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 0 2px #F5F5F5; background-color: #ccc; } .box3a .boxCont { overflow-x: auto; position: relative; } .box3a .boxCont .boxItem { width: 60%; } .box3a .boxCont .boxItem > div { padding-bottom: 45%; } .box3a .boxCont .boxItem .bicTitle { font-size: 100%; } .box3 { /* overflow-x: scroll; */ padding: 0 0px 24px; } .box3 .boxCont .boxItem { width: 60%; } .box3 .boxCont .boxItem > div { padding-bottom: 45%; } .box3 .boxCont .boxItem .bicTitle { font-size: 100%; } .bndBox3 .bndBox3Cont { display: block; } .bndBox3 .bndBox3Cont > div { width: 100%; } .bndBox3 .bndBox3Cont > div:not(:last-child) { margin: 0 0 12px; } footer .footerInfo .footerInfoCont .FICBox:first-child { width: 100%; margin-bottom: 24px } footer .footerInfo .footerInfoCont .FICBox:nth-of-type(2), footer .footerInfo .footerInfoCont .FICBox:last-of-type, footer .footerInfo .footerInfoCont .FICBox:first-of-type { width: 100%; margin: 12px 0; } footer .footerInfo .footerInfoCont .FICBox:nth-child(2) { border: 0 } footer .footerInfo .footerInfoCont .vline { width: 100%; height: 2px; } .Marcas .genericCont .listadoMarcas ul li { width: calc(25% - 16px); } .contactBand { display: block; text-align: center; } .contactBand .socialUl { text-align: center; } .generic .dvPromo { display: block; } .generic .dvPromo .img { width: 180px; float: left;} .generic .dvPromo .left { width: auto; } .generic .dvPromo .right { width: 100%; } #dvValidarChequeRegalo { display: block; } #dvValidarChequeRegalo > form { margin: 20px 0 0; max-width: 100%; } #dvContactoInfo { display: block; } #dvContactoInfo .ContactoInfo { width: 100%; margin: 0 0 20px; } #dvContactoInfo .ContactoMapa { width: 100%; } .usuarios .dvDatosGenerales .dvDatosGeneralesForm { display: block; } .usuarios .dvDatosGenerales .dvDatosGeneralesForm .dvDatosGeneralesFormLeft { margin: 0; } .usuarios .dvDatosGenerales .dvDatosGeneralesForm .dvDatosGeneralesFormRight { padding: 0; border: 0; } #tblVerCesto, #tblVerCesto > tbody, #tblVerCesto > td, #tblVerCesto > tr { display: block; width: 100%; } #tblVerCesto > th, #tblVerCesto table th, #tblVerCesto > tbody > tr:first-of-type { display: none; } #tblVerCesto #thCantidadProducto, #tblVerCesto .tdCantidadProducto, #tblVerCesto .trProductoCesta .tdImporteProducto, #tblVerCesto #thImporteProducto, #tblVerCesto .tdImporteTotalProducto, #tblVerCesto .trProductoCesta .tdEliminaProducto { width: 100%; } #tblVerCesto > tbody > tr > td { padding: 8px; } #tblVerCesto .trProductoCesta {display: flex;flex-flow: row wrap;/* margin: 0 0 20px; */background: rgba(0,0,0,0.02);} #tblVerCesto .trProductoCesta .tdNombreProducto { width: 100%; } #tblVerCesto .trProductoCesta .tdCantidadProducto { width: 45%; } #tblVerCesto .tdCantidadProducto .tdCantidadTotal { padding: 4px 0; } #tblVerCesto .trProductoCesta .tdImporteProducto { width: 45%; text-align: center; display: flex; align-items: center; justify-content: flex-end; font-weight: var(--bold1); font-size: 130%; } #tblVerCesto .trProductoCesta .tdEliminaProducto { width: 10%; display: flex; align-items: center; justify-content: center; } #tblVerCesto .trProductoCesta .tdEliminaProducto:before { font-size: 14px; } #tblVerCesto > tbody > tr > td:first-child a img { width: 80px; border-radius: 4px; } #tblVerCesto .trTotal { font-weight: var(--bold1); display: block; } #tblVerCesto .trTotal > td:first-child, #tblVerCesto .trTotal > td:last-child { display: none; } #tblVerCesto .trTotal > td:first-child:not(:empty) { display: block; } #tblVerCesto .trProductoCesta .tdImporteProducto, #tblVerCesto #thImporteProducto, #tblVerCesto .tdImporteTotalProducto { font-size: 120%; } .trTotal .spnTotalCarrito { font-size: 130%; } #dvCuponesCarrito .aplicados > div { padding: 4px 8px; } #dvCuponesCarrito .aplicados .nombre {} #dvCuponesCarrito .aplicados .eliminar a { font-size: 14px; } #dvCuponesCarrito .aplicar { max-width: 100%; } #dvCuponesCarrito > p { max-width: 100%; } #dvCuponesCarrito .aplicados:not(:last-child) { order: 0; margin-bottom: 8px; } #dvPedidosListUserCont table tr td { padding: 12px 4px; } #dvPedidosListUserCont table th:last-child, #dvPedidosListUserCont table th:nth-child(5), #dvPedidosListUserCont table th:nth-child(4), #dvPedidosListUserCont table th:nth-child(6) { display: none; } #dvPedidosListUserCont table tr td:last-child, #dvPedidosListUserCont table tr td:nth-child(5), #dvPedidosListUserCont table tr td:nth-child(4), #dvPedidosListUserCont table tr td:nth-child(6) { display: none; } #dvPedidosListUserCont table tr td:nth-child(3) { width: 90px; min-width: 90px; } #tblResumenProds, #tblResumenProds > tbody, #tblResumenProds > td, #tblResumenProds > tr { display: block; width: 100%; } #tblResumenProds > th, #tblResumenProds table th, #tblResumenProds > tbody > tr:first-of-type { display: none; } #tblResumenProds #thCantidadProducto, #tblResumenProds .tdCantidadProducto, #tblResumenProds .trProductoCesta .tdImporteProducto, #tblResumenProds #thImporteProducto, #tblResumenProds .tdImporteTotalProducto, #tblResumenProds .trProductoCesta .tdEliminaProducto { width: 100%; } #tblResumenProds > tbody > tr > td { padding: 8px; } #tblResumenProds .trProductoCesta { display: flex; flex-flow: row wrap; margin: 0 0 20px; background: rgba(0,0,0,0.02); } #tblResumenProds .trProductoCesta .tdNombreProducto { width: 100%; } #tblResumenProds .trProductoCesta .tdCantidadProducto { width: 45%; } #tblResumenProds .tdCantidadProducto .tdCantidadTotal { padding: 4px 0; } #tblResumenProds .trProductoCesta .tdImporteProducto { width: 45%; text-align: center; display: flex; align-items: center; justify-content: flex-end; font-weight: var(--bold1); font-size: 130%; } #tblResumenProds .trProductoCesta .tdEliminaProducto { width: 10%; display: flex; align-items: center; justify-content: center; } #tblResumenProds .trProductoCesta .tdEliminaProducto:before { font-size: 14px; } #tblResumenProds > tbody > tr > td:first-child a img { width: 80px; } #tblResumenProds .trTotal { font-weight: var(--bold1); } #tblResumenProds .trTotal > td:first-child, #tblResumenProds .trTotal > td:last-child { display: none; } #tblResumenProds .trProductoCesta .tdImporteProducto, #tblResumenProds #thImporteProducto, #tblResumenProds .tdImporteTotalProducto { font-size: 120%; } .generic .genericCont .resumenCarrito { display: block; } .generic .genericCont .resumenCarrito .resumenFacturacion, .resumenCarrito .resumenEnvio { width: 100%; } .resumenProductos #tblResumenProds, .resumenProductos #tblResumenProds > tbody, .resumenProductos #tblResumenProds td, .resumenProductos #tblResumenProds tr { display: block; width: 100%; text-align: center;} .resumenProductos #tblResumenProds tr { display: flex; flex-flow: row wrap; padding: 8px;} .resumenProductos #tblResumenProds > tbody > tr > td:first-child{ font-weight: var(--bold1); } .resumenProductos #tblResumenProds > tbody > tr:not(.trTotales) > td:first-child:before { content: "\f105"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-right: 4px; font-size: 16px; } .resumenProductos #tblResumenProds > tbody > tr > td:nth-child(2) { width: 50%; text-align: left;} .resumenProductos #tblResumenProds > tbody > tr > td:nth-child(3) { width: 50%; text-align: right;} .resumenProductos #tblResumenProds > tbody > tr.trTotales div:not(:last-child) { border-bottom: 1px solid rgba(0,0,0,0.05); padding-bottom: 4px;} /*catalogo*/ body.catalog footer .footerInfo .footerInfoCont .FICBox:first-of-type { width: 100%;} body.catalog footer .footerInfo .footerInfoCont .FICBox:nth-of-type(2) { width: 0;} body.catalog footer .footerInfo .footerInfoCont .FICBox:last-of-type { width: 100%;} .datosCompra { } .datosCompra .datosCompraRight {} .datosCompra .datosCompraLeft { } .datosCompra .dvCabRealizarPedidoMetodo .dvCabRealizarPedidoMetodoInt { padding: 12px 12px 0; } .datosCompra .datosCompraRight #tblVerCesto { } .datosCompra .datosCompraRight #tblVerCesto, .datosCompra .datosCompraRight #tblVerCesto > tbody, .datosCompra .datosCompraRight #tblVerCesto > td, .datosCompra .datosCompraRight #tblVerCesto > tr { padding: 0; } .datosCompra .datosCompraRight #tblVerCesto > th, #tblVerCesto table th, #tblVerCesto > tbody > tr:first-of-type { } .datosCompra .datosCompraRight #tblVerCesto #thCantidadProducto, .datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto, .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto, .datosCompra .datosCompraRight #tblVerCesto #thImporteProducto, .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto, .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto { } .datosCompra .datosCompraRight #tblVerCesto > tbody > tr > td { display: table-cell; width: auto;} .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta { display: flex; } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta:nth-last-child(2) { } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdNombreProducto { width: 100%; display: block; } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdCantidadProducto {display: block;width: 45%;max-width: 100%;} .datosCompra .datosCompraRight #tblVerCesto .tdCantidadProducto .tdCantidadTotal {} .datosCompra #tblVerCesto .tdCantidadProducto .tdCantidadTotal input {} .datosCompra .datosCompraRight #tblVerCesto > tbody > tr > td:first-child a img {} .datosCompra .datosCompraRight #tblVerCesto .trTotal {} .datosCompra .datosCompraRight #tblVerCesto .trTotal > td:first-child,.datosCompra #tblVerCesto .trTotal > td:last-child {} .datosCompra .datosCompraRight #tblVerCesto .trTotal > td:first-child:not(:empty) {} .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto, .datosCompra .datosCompraRight #tblVerCesto #thImporteProducto, .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto {display: block;width: 120px;min-width: 120px;text-align: right;} .datosCompra .datosCompraRight #tblVerCesto .tdImporteTotalProducto {min-width: 180px;display: table-cell;width: 100%;padding: 8px;} .datosCompra .datosCompraRight .trTotal .spnTotalCarrito { } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdImporteProducto {width: 45% !important;text-align: center;display: flex;align-items: center;justify-content: flex-end;font-weight: var(--bold1);font-size: 120%;} .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto { width: 10%; display: flex; align-items: center; justify-content: center; } .datosCompra .datosCompraRight #tblVerCesto .trProductoCesta .tdEliminaProducto:before {} .datosCompra #dvCestaCont .pIncremPed .spnIncremPed { } .datosCompra #dvCestaCont .cestaEnvioGratis, .datosCompra #dvCestaCont .cestaEnvioGratis a, .datosCompra #dvCestaCont .cestaEnvioGratis a span{width: auto;} /*NOTICIAS*/ .widNot .widNotCont .bgc{ padding: 0 12px;} .bmmin2 > .widNotCont > .widNotContNots { column-count: 1; } .bmmin3 .widNotContNots { justify-content: space-between; } .bmmin3 .bloggalcont > .bgc { padding: 0; margin: 0 0 8px;} .bmmin3 .bloggalcont{ text-align: left; width: calc(50% - 10px); text-decoration: none; padding: 0;} .bmmin3 .bloggalcont:nth-child(3n-1) { margin: 0 0 20px; } .bmmin3 .bloggalcont > .bgc > .bgctitle { } .bmmin3 .bloggalcont > .bgc > .bgctitle:after { top: 40px } .bmmin3 .bloggalcont > .bgc > .bgctitle a { font-size: 16px; line-height: 20px; } .bmmin3 .bloggalcont .bgcinfo { display: none; } .box4 .swiper-slide { width: calc((1/2.7 * 100%) - (var(--productos-margin)*(2/3))); } .box6 .slideCont .swiper-slide { width: calc((1/3.5 * 100%) - var(--productos-margin)); } } /*################ ###### 6 4 0 ##### ################*/ @media screen and (min-width: 640px) { #search { display: block !important; opacity: 1; } } @media screen and (max-width: 640px) { .title1, #PORT01 .title2 { font-size: 24px; line-height: 140%; } .title2 { font-size: 22px; line-height: 140%;} .title3 { font-size: 20px; line-height: 140%;} .news1 .newsCont .title2{ font-size: 24px; line-height: 140%;} .SimpleModal.modal-mcd .title {font-size: 24px;line-height: 140%;} #PORT02 .PORT02Cont {grid-template-columns:1fr; grid-gap:16px; } .dvBanner:not(.slideCupones3) { padding: 12px; } .boxMini { } .Marcas .genericCont .listadoMarcas ul li { width: calc(33.333% - 16px); } #dvContactoCont { } #dvContactoInfo { } #dvContactoInfo > p { } #dvContactoInfo .ContactoInfo { } #dvContactoInfo .ContactoMapa { } #dvContactoInfo .ContactoMapa iframe { } .dvContactoForm { } #ulContatoInfo { } #ulContatoInfo .dvContactoFormItem, #ulContatoInfo .dvContactoFormGroup { } #ulContatoInfo input[type="text"], #ulContatoInfo textarea { } .dvContatoInfoSup { display: block; } .dvContatoInfoSup .dvContactoFormLeft { } .dvContatoInfoSup .dvContactoFormLeft .dvContactoFormItem { } .dvContatoInfoSup .dvContactoFormLeft .dvContactoFormItem input { } .dvContatoInfoSup .dvContactoFormRight { margin: 0; } .dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem { } .dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo { } .dvContatoInfoSup .dvContactoFormRight .dvContactoFormItem .dvContactoInfo textarea { } .dvContatoInfoSub { display: block; } .dvContatoInfoSub .ulContatoInfoSubItem { } .dvContatoInfoSub .ulContatoInfoSubItem .dvContactoInfo:last-child { max-width: 100%; } .dvContatoInfoSub .tac { width: 100%; margin: 0 0 12px; } .dvContatoInfoSub input[type="button"]{ width: 100% } .dvContatoInfoSub .tac .dvContactoInfo { } .dvContatoInfoSub .ulContatoInfoSubGroup { width: 100%; margin: 0; } .dvContatoInfoSub input[type="submit"] { } .generic .genericCont #dvDetFactEnv { display: block; } .generic .genericCont #dvDetFactEnv > * { width: 100%; } .carritoDatos .carritoDatosRight .carritoFacturacion ul li, .carritoDatos .carritoDatosRight .carritoEnvio ul li { width: 100%; margin: 0 0 4px;} .carritoDatos .carritoDatosRight .carritoFacturacion, .carritoDatos .carritoDatosRight .carritoEnvio, .carritoDatos .carritoDatosRight .carritoPago, .carritoDatos .carritoDatosLeft .carritoObservaciones { padding: 12px;} #dvLnkCarrito .btnIzq span{ display: none; } #dvMetodoPagoBotones { flex-direction: column-reverse; align-items: center;} #dvMetodoPagoBotones .btnDerCont{ margin: 0 0 32px; align-items: center;} #dvMetodoPagoBotones .btnDerCont > * { align-self: center; } .formBox > div #ulContatoInfo .dvContatoInfoSup{ display: block; } .formBox > div #ulContatoInfo .dvContactoFormLeft { margin: 0; width: 100%; } .formBox > div #ulContatoInfo .dvContactoFormRight { margin: 0; width: 100%; } .formBox > div #ulContatoInfo .dvContatoInfoSub { display: block; } .formBox > div #ulContatoInfo .dvContatoInfoSub .tac, .formBox > div #ulContatoInfo .dvContatoInfoSub #bc_enviar { width: 100%; margin: 0 0 8px; } .formBox > div #ulContatoInfo input[type="text"], .formBox > div #ulContatoInfo input[type="tel"], .formBox > div #ulContatoInfo input[type="email"], .formBox > div #ulContatoInfo textarea { padding: 8px; } .SimpleModal.modal-mcd .wrap {padding: 32px 12px 12px;max-height: 100vh;} .SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .nombre { font-size: 16px; line-height: 20px; } .SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText .codigo { font-size: 14px; line-height: 18px; } .SimpleModal.modal-mcd .cuponInfoCont {display: block;margin: 0 auto;} .SimpleModal.modal-mcd .cuponInfoCont .img { width: 100%; } .SimpleModal.modal-mcd .cuponInfoCont .cuponInfoContText {width: 100%;min-height: 130px;flex: 1;padding: 24px 8px;} .loginCart { display: block; text-align: center;} .loginCart .loginCartReg { width: 100%; } .loginCart .loginCartNoReg { width: 100%; } .breadcrumb { margin: 0 0 12px; } .bmmin1 .bloggalcont > a > img { width: 160px; max-width: 160px; min-width: 160px; } .box2 .boxCont .boxItem { margin-bottom: var(--mosaico-margin)} .box3 .boxCont .boxItem { width: calc((1/1.333 * 100%) - (var(--mosaico-margin)*(2/3))); } .box4 .slideCont .sw { padding-left: 0; } .box4 .swiper-slide { width: calc((1/1.75 * 100%) - (var(--productos-margin)*(2/3))); } .box6 .slideCont .swiper-slide { width: calc((1/2 * 100%) - var(--productos-margin)); } .slideCupones3 .slideCuponesCont .sliderCuponesRes .switem { width: calc(100% - 4px) } .RCRProdsCont, .prodlist .RCRProdsCont { grid-template-columns: 1fr 1fr; } .RCRProds .RCRProdsPrev { flex-direction: column;} .RCRProds .RCRProdsPrev .RCRProdsPrevRight { justify-content: center; width: 100%; max-width: 420px;} .RCRProds .RCRProdsPrev .numProds { margin: 8px auto; } .boxMini .slideCont .swiper-slide, .boxMiniRel .slideCont .swiper-slide { width: calc((100% / 2) - (12px * 2 / 3)); } .bmmin3 .widNotContNots .bloggalcont { width: 48%; } .bmmin3 .widNotContNots .bloggalcont:nth-child(3):last-child, .bmmin3 .widNotContNots .bloggalcont:nth-child(2):last-child, .bmmin3 .widNotContNots .bloggalcont:first-child:last-child {margin-right: inherit;} } /*################ ###### 4 8 0 ##### ################*/ @media screen and (max-width: 480px) { .box2 .boxCont .boxItem > div { padding-bottom: 75% } .box3 .boxCont .boxItem > div { padding-bottom: 75%; } .news1 .newsCont .newsMail form { display: block; } .news1 .newsCont .newsMail .newsInput { } .news1 .newsCont .newsMail .newsBtn { margin: 8px auto 0; padding: 8px 12px; width: 100%; } footer { text-align: center; } footer .footerInfo .footerInfoCont { /* flex-flow:column-reverse wrap; */ } footer .footerInfo .footerInfoCont .FICBox { width: 100%; margin-bottom: 32px; } footer .footerInfo .footerInfoCont .FICBox .FICBoxList { column-count: 1; } footer .footerEnd .footerEndCont > div { width: 100%; } footer .footerInfo .footerInfoCont .FICBox .FICBoxList li { justify-content: center; } footer .footer-footerEnd .footerEndCont .FECPaxinas { margin-top: 12px; } footer .footerEnd .footerEndCont .FECPaxinas { justify-content: center;} .Marcas .genericCont .listadoMarcas ul li { width: calc(50% - 16px); } .Newsletter #dlNewsletterRegister .newsletterEnvio .dlCaptcha { margin: 0 0 12px; width: 100%; } .Newsletter #dlNewsletterRegister .newsletterEnvio { display: block; } .dvContatoInfoSub .ulContatoInfoSubItem { display: block; } .dvContatoInfoSub .dvCaptcha { width: 100%; margin: 0 0 12px; } .usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect span { width: 20%; } .usuarios .dvDatosGenerales .dvDatosGeneralesForm .altaFecha .altaFechaSelect span:nth-child(2) { width: 45% } /* header .header .btnmenu.active.translate { transform: translateX(280px); }*/ header .header .btnmenu.active.translate:first-child { transform: translateX(280px); } header .header .btnmenu.active.translate:last-child { transform: translateX(-280px); } .leftSlide.menu_mob{ left: -280px; width: 280px; } .rightSlide.menu_mob{ right: -280px; width: 280px; } /*header .menu { left: -280px; width: 280px; }*/ #tblVerCesto > tbody > tr > td:first-child a img{ width: 56px;} #tblVerCesto .trTotal #liPagaMasTardeSim { flex-direction: column; max-width: 360px; margin: 0 auto;} #tblVerCesto .trTotal #liPagaMasTardeSim:before { height: 50px; width: 100%; justify-content: center; } #dvLnkCarrito {flex-direction: column; } #dvLnkCarrito .btnDer { width: 100%; margin: 0 0 12px; justify-content: center; } #dvLnkCarrito .btnIzq { width: 100%; justify-content: center; } #dvMetodoPagoBotones .btnDerCont { margin: 0 0 12px; } #dvMetodoPagoBotones .btnDerCont > *{width: 100%; justify-content: center; margin: 0 0 12px; } #dvMetodoPagoBotones .btnIzq { width: 100%; justify-content: center; } .SimpleModal.LoginRegister-modal .wrap { padding: 48px 12px 12px; } #Res .RCRProdsCont .prodItem { width: 100%; margin: 0 auto 20px; max-width: 280px; } .slideCupones3 .slideCuponesCont .sliderCuponesRes .cuponInfo:before{ display: none;} .generic .dvPromo { max-width: 300px; margin: 0 auto; } .generic .dvPromo:not(:last-child) { margin: 0 auto 20px; } .generic .dvPromo .img {width: 100%;float: none;padding: 12px 12px 0;} .generic .dvPromo .img a { max-width: 280px; padding: 0;} .generic .dvPromo .left { width: 100%; } .generic .dvPromo .right { width: 100%; } .dvBanner.envioMini .dvBannerCont { font-size: 12px; line-height: 14px; } /* MOSAICO */ .bmmin1 .bloggalcont > a > img{ width: 120px; max-width: 120px; min-width: 120px; } .bmmin1 .bloggalcont .bgcinfo{max-height: 40px; display: none;} /*.box4 .swiper-slide { width: calc((1/1.333 * 100%) - 20px); }*/ .box4 {padding: var(--section-margin) 0; } .socialBox--fixed .socialUl a{ width: 48px; height: 48px; font-size:28px;} } /* ANIMACIONES */ @-webkit-keyframes inM { 50% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(45deg); } } @keyframes inM { 50% { transform: rotate(0deg); } 100% { transform: rotate(45deg); } } @-webkit-keyframes outM { 50% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(45deg); } } @keyframes outM { 50% { transform: rotate(0deg); } 100% { transform: rotate(45deg); } } @-webkit-keyframes inT { 0% { -webkit-transform: translateY(0px) rotate(0deg); } 50% { -webkit-transform: translateY(5px) rotate(0deg); } 100% { -webkit-transform: translateY(5px) rotate(135deg); } } @keyframes inT { 0% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(5px) rotate(0deg); } 100% { transform: translateY(5px) rotate(135deg); } } @-webkit-keyframes outT { 0% { -webkit-transform: translateY(0px) rotate(0deg); } 50% { -webkit-transform: translateY(5px) rotate(0deg); } 100% { -webkit-transform: translateY(5px) rotate(135deg); } } @keyframes outT { 0% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(5px) rotate(0deg); } 100% { transform: translateY(5px) rotate(135deg); } } @-webkit-keyframes inBtm { 0% { -webkit-transform: translateY(0px) rotate(0deg); } 50% { -webkit-transform: translateY(-5px) rotate(0deg); } 100% { -webkit-transform: translateY(-5px) rotate(135deg); } } @keyframes inBtm { 0% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-5px) rotate(0deg); } 100% { transform: translateY(-5px) rotate(135deg); } } @-webkit-keyframes outBtm { 0% { -webkit-transform: translateY(0px) rotate(0deg); } 50% { -webkit-transform: translateY(-5px) rotate(0deg); } 100% { -webkit-transform: translateY(-5px) rotate(135deg); } } @keyframes outBtm { 0% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-5px) rotate(0deg); } 100% { transform: translateY(-5px) rotate(135deg); } } @keyframes blink { 0% { opacity: 1;} 16.6666% { opacity: 0;} 33.3333% { opacity: 1;} 50% { opacity: 0;} 66.6666% { opacity: 1;} 83.3333% { opacity: 0;} 100% { opacity: 1;} } @-webkit-keyframes blink { 0% { opacity: 1;} 16.6666% { opacity: 0;} 33.3333% { opacity: 1;} 50% { opacity: 0;} 66.6666% { opacity: 1;} 83.3333% { opacity: 0;} 100% { opacity: 1;} } @-webkit-keyframes flash { 0% {opacity: 1} 3% {opacity: 0} 6% {opacity: 1} 9% {opacity: 0} 12% {opacity: 1} 15% {opacity: 0} 18% {opacity: 1} 100% {opacity: 1} } @keyframes flash { 0% {opacity: 1} 3% {opacity: 0} 6% {opacity: 1} 9% {opacity: 0} 12% {opacity: 1} 15% {opacity: 0} 18% {opacity: 1} 100% {opacity: 1} } /*Cambiar iconos de carrito: f07a f290 f847 f291 f49d*/ .fa-shopping-cart:before { content: "\f291"!important; font-weight:var(--weight-fa); } /*Cambiar iconos de carrito: f007 f0c0 f2bd f508 f582 f406 f7bd f2b9*/ .fa-user:before { content: "\f007"!important; font-weight:var(--weight-fa);} .fa-search:before{font-weight:var(--weight-fa);} header{border-bottom:1px solid rgba(0,0,0,0.1); } /* Estilo para dise�o 1B */ /* PreHeader */ header .preHeader { background: #f0f0f0;display:none; } header .preHeader .preHeaderCont { padding: 4px 8px; display: flex; justify-content: space-between; align-items: center; font-weight: normal; font-size: 12px; line-height: 140%; max-width: var(--max-width); margin: 0 auto; } header .preHeader .preHeaderCont .phcLeft { } header .preHeader .preHeaderCont .phcLeft p { text-transform: uppercase; font-weight: var(--bold1); color: #333; font-size: 15px; } header .preHeader .preHeaderCont .phcRight { flex-shrink: 0; margin-left: 12px; display: flex; flex-flow: row wrap; align-items: center; } /*Header*/ header .header .headerCont .hcRight{margin-left:20px;} header .header { position: relative; max-width: 100%; } header .header .headerCont { padding:12px; display: grid; justify-content: space-between; align-items: center; max-width: var(--max-width); margin: 0 auto; grid-template-columns:1fr auto 1fr;} header .header .btnmenu { padding: 0; align-items: initial; display:none; position: relative; z-index: 6; transform: translateX(0); background-color: transparent; transition: all 300ms ease; } header .header .btnmenu:first-child { margin-right: 12px} header .header .btnmenu:last-child { margin-left: 12px;} header .header .fndmenu { display: block; width: 0%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 2; transition: opacity 300ms ease; opacity: 0; padding: 0; } header .header .headerCont .hcLeft { margin-right: 20px; max-width: 100%; flex-shrink: 0; display: flex; align-items: center;} header .header .headerCont .hcLeft .hcLogo { /*width: 100%;*/ } header .header .headerCont .hcLeft .hcLogo a { } header .header .headerCont .hcLeft .hcLogo a img { display: block; max-width: 220px; width: 100%; } header .header .headerCont .hcCenter { display: flex; justify-content: center; width: 100%; } /* Carrito */ #cart {margin-left: 12px;font-weight: var(--bold1); font-size: 16px; line-height: 140%; flex-shrink: 0;position: relative;} #cart > a { text-decoration: none; display: flex; line-height: 28px; border: 0; overflow: visible; align-items: center; position: relative; color:#333; } #cart > a i {border:1px solid; font-size: 20px; width: 36px; height: 36px; text-align: center; display: inline-flex; justify-content: center; align-items: center; color:var(--primary); border-radius: var(--radius1);} #cart > a > span { padding: 0; } #cart .cant{ width: 15px; height: 15px;font-size: 11px; border-radius: 50%; background: #666; display: block; color: white; display: flex; align-items: center; justify-content: center; position:absolute;top:-6px;right:-6px;} #cart > a > span span:last-child{display:none;} #login_box:after{right:8px;} /* Usuario */ #user { margin-left: 12px; font-weight: var(--bold1); font-size: 16px; line-height: 140%; flex-shrink: 0; position: relative;} #user > a { text-decoration: none; display: flex; line-height: 28px; border: 0; overflow: hidden; align-items: center; color: #333; } #user a i:not(#btLogout) {border:1px solid; font-size: 20px; width: 36px; height: 36px; text-align: center; display: inline-flex; justify-content: center; align-items: center; color:var(--primary); border-radius: var(--radius1); } #user a #btLogout { margin: 4px 16px 4px 0; font-size: 12px; } #user a > span{display:none;} .langSelector{margin-left:16px;} /*Buscador*/ .searchCont{width:auto;} #search .searchBar { position: relative;} #search .searchBar input {cursor:pointer; background: #eee; border-radius: var(--radius1); border: 1px solid transparent; position: relative; z-index: 1; padding-right:46px; height:36px; line-height: 24px; display: block; margin: 0 0 0 auto; transition: all 300ms ease;} #search .searchBar input:focus { outline: none; border-color: #b1c5ff; } #search .searchBar a {border-radius: var(--radius1); text-decoration:none; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: inherit; font-size: 20px; width: 36px; height: 36px; z-index:2;display: inline-flex; justify-content: center; align-items: center; } #search .searchBar a i{font-weight:300; font-size: 20px;} #searchbtn a i { border:1px solid; font-size: 20px; width: 32px; height: 32px; border-radius: var(--radius1); } header .header .headerCont #searchbtn{margin-left:auto;} header .menu{display:none;} header .header .headerCont .hcCenter{width:auto;} header .header .headerCont .mcDestacado ul{justify-content:center;} header .header .headerCont .mcDestacado ul li{margin:0 8px;} header .header .headerCont .mcDestacado ul li a{padding:4px; font-size:15px;} header .header .headerCont .hcLeft{align-items:initial;} header .header .headerCont .hcLeft .mcPrincipal{margin-right:20px;} header .header .headerCont .hcLeft .mcPrincipal .navTrigger{display:flex; width:36px; } header .header .headerCont .hcLeft .mcPrincipal .navTrigger i:nth-child(2){margin:6px 0;} header .header .headerCont .hcLeft .mcPrincipal .cd-dropdown-trigger{padding:0;} header .header .headerCont .hcLeft .mcPrincipal .cd-dropdown-trigger span{display:none;} header .header .headerCont .hcLeft .mcPrincipal .cd-dropdown-trigger:after, header .header .headerCont .hcLeft .mcPrincipal .cd-dropdown-trigger:before{display:none;} /*################ ##### 1 0 2 3 #### ################*/ @media screen and (min-width: 1024px) { #cart .cart-prod-list:after{right:8px;} #cart .cart-prod-list,#login_box{top:calc(100% + 12px);} #search .searchBar a {border:1px solid;} #search .searchBar input {background:transparent;z-index:3; padding:0; opacity:0; width:36px;} #search:has(input:focus),#search:has(input:active){color:#333;} #search:has(input:focus) .searchBar a,#search:has(input:active) .searchBar a{border:0;} #search .searchBar input:focus, #search .searchBar input:active { width: 100%; z-index: 0; border: 1px solid #ddd;background:#fff; padding: 6px 46px 6px 12px; opacity: 1;} #search .searchBar input::placeholder { opacity: 0; transition: all 300ms ease; } #search .searchBar input:active::placeholder, #search .searchBar input:focus::placeholder { opacity: 1; } } @media screen and (max-width: 1023px) { header .header .headerCont .hcLeft .hcLogo a img{max-width:210px;} header .header .headerCont { grid-template-columns:max-content min-content;} header .header .headerCont .hcCenter{display:none;} #cart > a i{width:32px; height:32px;font-size:20px; } #user a i:not(#btLogout){width:32px; height:32px;font-size:20px; } .searchCont{width:auto;} } /*################ ##### 9 6 0 #### ################*/ @media screen and (max-width: 960px) { } /*################ ##### 7 6 8 #### ################*/ @media screen and (min-width: 769px) { .cd-dropdown{top:calc(100% + 12px);} @keyframes inT { 0% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(8px) rotate(0deg); } 100% { transform: translateY(8px) rotate(135deg); } } @-webkit-keyframes outT { 0% { -webkit-transform: translateY(0px) rotate(0deg); } 50% { -webkit-transform: translateY(8px) rotate(0deg); } 100% { -webkit-transform: translateY(8px) rotate(135deg); } } } @media screen and (max-width: 768px) { header .header .headerCont .hcLeft{align-items:center;} header .header .headerCont .mcPrincipal{display:none;} header .header .btnmenu{display:flex;} header .header .headerCont .hcRight .langSelector{display:none;} .langSelector{margin:0;} } /*################ ##### 6 4 0 #### ################*/ @media screen and (min-width: 640px) { } @media screen and (max-width: 640px) { #cart{margin-left:12px;} #user{margin-left:12px;} header .header .headerCont .hcLeft{margin-right:8px;} header .header .headerCont .hcRight{margin-left:8px;} header .header .headerCont .hcLeft .hcLogo a img{max-width:180px;} } /*################ ##### 4 8 0 #### ################*/ @media screen and (max-width: 480px) { } .PFCCont { } .PFC01 {/* padding: 20px; */} .PFC01 .PRCCont { max-width: var(--max-width);; margin: 0 auto; } .PFC02 { padding: 20px 16px; background: -moz-linear-gradient(top, rgba(240,240,240,0) 0%, rgba(240,240,240,0) 1%, rgba(240,240,240,1) 100%); background: -webkit-linear-gradient(top, rgba(240,240,240,0) 0%,rgba(240,240,240,0) 1%,rgba(240,240,240,1) 100%); background: linear-gradient(to bottom, rgba(240,240,240,0) 0%,rgba(240,240,240,0) 1%,rgba(240,240,240,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f0f0', endColorstr='#f0f0f0',GradientType=0 ); } .PFC02 .PFCCont { max-width: var(--max-width);; margin: 0 auto; } .ficha { padding: 20px 16px; } .ficha .fichaCont { max-width: var(--max-width);; margin: 0 auto; } .ficha .fichaCont .fichaContInfo {display: flex;flex-direction: row-reverse;margin: 0 0 20px;} .ficha .fichaCont .fichaContInfo .FCI01 {width: 40%;padding: 0px 20px;display: flex;flex-direction: column;} .ficha .fichaCont .fichaContInfo .FCI01 .title1{ margin: 0 0 20px; color:inherit;} .ficha .fichaCont .fichaContInfo .FCI01 ul {display: flex;flex-flow: row wrap;} .ficha .fichaCont .fichaContInfo .FCI01 ul li{list-style: none;width: 100%;max-width: 100%;overflow: hidden;} .ficha .fichaCont .fichaContInfo .FCI01 ul li:empty { display: none; } .ficha .fichaCont .fichaContInfo .FCI01 ul li.precio { margin: 0 0 8px; } .ficha .fichaCont .fichaContInfo .FCI01 ul li.precio .precioActual{ font-size: 28px; font-weight: var(--bold1);color:var(--primary); line-height:120%;} .ficha .fichaCont .fichaContInfo .FCI01 ul li.precio.flash .precioActual{ border: 2px solid #f8c931; display: inline-block; border-radius: 8px; overflow: hidden; padding: 12px 12px 12px 48px; position: relative;} .ficha .fichaCont .fichaContInfo .FCI01 ul li.precio.flash .precioActual: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 8px; position: absolute; background: #f8c931; left: 0; top: 0; height: 100%; } .ficha .fichaCont .fichaContInfo .FCI01 ul li.precio .precioActualIva{ font-size: 18px; line-height: 1; opacity: .8; display: block; margin-top: 8px;} .ficha .fichaCont .fichaContInfo .FCI01 ul li.precio .precioActualIva > span:last-child { font-size: 14px; text-transform: uppercase; display: inline-block;} .ficha .fichaCont .fichaContInfo .FCI01 ul li.precio .precioAnterior{ text-decoration: line-through; font-size:20px; margin-left: 8px; opacity:0.75; color:#666;} .ficha .fichaCont .fichaContInfo .FCI01 ul li.precio .precioPVP{ display: inline-block; font-size: 14px; line-height: 140%; margin-top: 8px;} .ficha .fichaCont .fichaContInfo .FCI01 ul li.precio .precioPVP span{ font-weight: bold;} .ficha .fichaCont .fichaContInfo .FCI01 ul li.precio .precioInfo{ display: block; font-size: 10px; opacity: 0.6; } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaTags:has(span) { margin: 0 0 12px;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaTags > span {display: inline-flex; flex-direction: column; justify-content: center; vertical-align: middle; padding: 6px 12px; border-radius: var(--radius1);font-weight: var(--bold1);margin: 2px 1px; min-height: 36px;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaTags .fichaTagsOferta { border:1px solid #9e9e9e; color: #666;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaTags .fichaTagsDestacado {border:1px solid #9e9e9e; color: #666;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaTags .fichaTagsNovedad { border:1px solid #9e9e9e; color: #666; } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaTags .fichaTagsOutlet { border:1px solid #9e9e9e; color: #666; } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaTags .fichaTagsSoloOnline { background: #999; color: #fff; } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaTags .fichaTagsFlash { background: #f8c931; color: #333; text-align: center; padding: 4px 16px; line-height: 100%;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaTags .fichaTagsFlash > span:first-child{ display: block; text-transform: uppercase;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaTags .fichaTagsFlash > span:not(:first-child) { font-size: 70%; opacity: .8; line-height: 100%; } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaRMD {padding: 8px 0;border-top: 2px dotted rgba(0,0,0,0.1);border-bottom: 2px dotted rgba(0,0,0,0.1);margin: 0 0 8px;font-size: 14px;line-height: 20px;font-weight: var(--bold1);opacity: 0.8;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaRMD > span {display: inline-block;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaRMD > span:not(:last-child) { padding-right: 8px; margin-right: 8px; border-right: 2px solid rgba(0,0,0,0.1); } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaRMD > span > span:first-child:not(:last-child) { opacity: 0.5; margin-right: 4px; } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaRMD span#disponibilidad { cursor: pointer;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaRMD span#spnAvisameStock i {font-size: 10px;vertical-align: top;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaRMD span#spnAvisameStock a { text-decoration: none; display: inline-flex; align-items: center; padding: 4px 8px; margin-top: 4px; border-radius: var(--radius1); background: rgba(0,0,0,0.1) } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaRMD span#spnAvisameStock a:before { content: "\f0f3"; font-weight: 400; font-family: "Font Awesome 6 Pro"; display: inline-flex; margin-right: 4px; } /*modal*/ .SimpleModal.productStockAlert { flex-direction: column; } .SimpleModal.productStockAlert .closeCont { max-width: 460px; display: flex; justify-content: flex-end; transform: translateY(100%); width: 100%; padding: 0 8px;} .SimpleModal.productStockAlert .closeCont .closeButton { background-color: #f5f5f5; color: #333; border: 1px solid rgba(0,0,0,0.1); padding: 7px 15px; border-radius: 0 0 4px 4px; cursor: pointer; } .SimpleModal.productStockAlert .wrap { max-width: 460px; padding: 48px 24px; } .SimpleModal.productStockAlert .wrap p:not(:last-child) { margin: 0 0 12px; } .SimpleModal.productStockAlert input[type="email"] { display: block; width: 100%; padding: 8px; border: 0; background: rgba(0,0,0,0.05); border-radius: var(--radius1); margin: 0 0 8px; } .SimpleModal.productStockAlert 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); } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaEnvio { margin: 0 0 12px; } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaEnvio a { text-decoration: none; } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaEnvio a span {display: inline-block; border-radius: var(--radius1);cursor: pointer;font-weight: bold;font-style: italic;text-decoration: underline; color: black;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaEnvio a span.portesNoIncluidos { display: block; font-size: 90%; text-decoration: none; font-style: normal; opacity: .9; font-weight: normal; margin-top: 4px; } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaEnvio a span.portesNoIncluidos:before { content: "\f05a"; font-weight: 600; font-family: "Font Awesome 6 Pro"; margin-right: 4px; } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaEnvio.flashenvio a{ border: 2px solid #f8c931; display: inline-block; border-radius: 8px; overflow: hidden; padding: 8px 8px 8px 40px; position: relative;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaEnvio.flashenvio a: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 8px; position: absolute; background: #f8c931; left: 0; top: 0; height: 100%;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaEnvio .fenvesp{ font-weight: var(--bold1); font-style: italic;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaLote{ margin: 0 0 12px;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaLote > p{ font-weight: var(--bold1);} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaLote > ul{ background: rgba(0,0,0,0.05); padding: 8px 12px; margin: 4px 0 0; border-radius: 8px; } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaLote > ul li { display: flex; border-bottom: 1px dashed #ccc; padding: 4px; justify-content: space-between} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaLote > ul li:empty { display: none; } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaLote > ul li:last-child { border: 0 } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaLote > ul li.showhide{ color: #007aff; text-decoration: underline; cursor: pointer; } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaLote > ul li div{} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaLote > ul li div:last-child{ flex-shrink: 0; margin-left: 20px;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaLote > ul li{} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaRecargo { font-size: 90%; line-height: 140%; margin: 8px 0 0; opacity: .8; padding: 8px 12px; background: #fff9c4; box-shadow: 0 0 4px rgba(0,0,0,0.1); border-radius: var(--radius1); display: flex; align-items: flex-start; text-align: left; margin: 0 0 12px; } .ficha .fichaCont .fichaContInfo .FCI01 ul #liCalcCompraVolumen { margin-top: 8px; padding: 8px 16px; border-radius: 8px; background-color: #e5f9e7; color: #666; } .ficha .fichaCont .fichaContInfo .FCI01 ul #liCalcCompraVolumen > p { font-style: italic; margin: 0 0 4px; } .ficha .fichaCont .fichaContInfo .FCI01 ul #liCalcCompraVolumen ul { } .ficha .fichaCont .fichaContInfo .FCI01 ul #liCalcCompraVolumen ul li { display: flex; justify-content: space-between;} .ficha .fichaCont .fichaContInfo .FCI01 ul #liCalcCompraVolumen ul li:last-child { padding-top: 8px; border-top: 1px dashed #999; margin-top: 8px; font-weight: var(--bold1); } .ficha .fichaCont .fichaContInfo .FCI01 ul #liCalcCompraVolumen ul li p:first-child { width: 100%; margin-right: 8px;} .ficha .fichaCont .fichaContInfo .FCI01 ul #liCalcCompraVolumen ul li p span.uds:not(:first-child):after { content:")"} .ficha .fichaCont .fichaContInfo .FCI01 ul #liCalcCompraVolumen ul li p span.uds:not(:first-child):before { content:"("} .ficha .fichaCont .fichaContInfo .FCI01 ul #liCalcCompraVolumen ul li p:last-child { text-align: right; flex-shrink: 0;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaVariacion {margin: 0 8px 12px 0;width: auto;display: inline-flex;align-items: center;flex-flow: row wrap;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaVariacion .fichaVariacionNombre{display: inline-block;font-weight: var(--bold1);margin: 0 4px 0 0;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaVariacion .select { display: inline-block; } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaVariacion .select option.variacion{font-weight: var(--bold1);} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaVariacion .select option.variacion[disabled]{font-weight:normal;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaVariacion select {/* width: inherit; */} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaVariacion > ol{ } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaVariacion > ol > li{ display: inline-block; margin: 0 12px 12px 0; width: auto; } .ficha .fichaCont .fichaContInfo .FCI01 ul.modoComb3{ display: block;} .ficha .fichaCont .fichaContInfo .FCI01 ul.modoComb3 .fichaVariacion > ol > li{ display: block; margin: 0 0 12px;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaVariacion > ol > li .fichaVariacionNombre{ display: block; margin-bottom: 4px;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaVariacion > ol > li > ol > li{ display: inline-flex; align-items: center; position: relative; justify-content: center; width: auto; align-items: center; margin: 0 8px 8px 0; text-align: center; text-transform: uppercase; font-weight: var(--bold1); font-size: 12px; line-height: 100%; border: 1px solid rgba(0,0,0,0.1); padding: 4px; border-radius: var(--radius1); min-width: 42px; min-height: 42px; overflow: visible; vertical-align: middle;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaVariacion > ol > li > ol > li.selected { border-color: #03a9f3;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaVariacion > ol > li > ol > li.selected:before { content: "\f00c"; font-family: "Font Awesome 6 Pro"; font-size: 10px; position: absolute; right: -8px; top: -8px; color: #fff; width: 20px; height: 20px; border-radius: 100%; display: flex; justify-content: center; align-items: center; background: #03a9f3;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaVariacion > ol > li > ol > li.disabled { opacity: .6; cursor: default; } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaVariacion > ol > li > ol > li:not(.disabled) { cursor: pointer; } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaVariacion > ol > li > ol > li input { display: none; } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaVariacion > ol > li > ol > li > div, .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaVariacion > ol > li > ol > li > img { display: block; border-radius: var(--radius1); } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaVariacion > ol > li > ol > li > span { margin: 0 8px;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaVariacion > .msgBox { color: #9f3a38; border-color: #9f3a38; background-color: #fff6f6; } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaCantidad {margin: 0 0 12px;width: auto;display: flex;align-items: center;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaCantidad .fichaCantidadNombre { font-weight: var(--bold1); margin: 0 8px 0 0; display: inline-block;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaCantidad input {padding: 8px 4px;border-radius: 4px;border: 1px solid rgba(0,0,0,0.2);outline: none;max-width: 40px;width: auto;text-align: center;text-align-last: center; margin: 0;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaCantidad input:focus { background-color: rgba(0,0,0,0.02)} .ficha .fichaCont .fichaContInfo .FCI01 ul .liAdjuntos { border-radius: var(--radius1); background: #f0f0f0; margin: 0 0 12px;} .ficha .fichaCont .fichaContInfo .FCI01 ul .liAdjuntos .liAdjuntar { padding: 16px; position: relative; overflow: hidden; } .ficha .fichaCont .fichaContInfo .FCI01 ul .liAdjuntos .liAdjuntar:after { content: "\f574"; font-family: "Font Awesome 6 Pro"; font-weight: 600; font-size: 120px; position: absolute; bottom: -8px; right: 12px; transform: rotate( -10deg ); opacity: .04; z-index: 0; line-height: 100%; } .ficha .fichaCont .fichaContInfo .FCI01 ul .liAdjuntos .liAdjuntar > * { position: relative; z-index: 1; } .ficha .fichaCont .fichaContInfo .FCI01 ul .liAdjuntos .liAdjuntar .AdjuntarTitle { font-size: 16px; font-weight: var(--bold1); margin: 0 0 8px 0; } .ficha .fichaCont .fichaContInfo .FCI01 ul .liAdjuntos .liAdjuntar .AdjuntarDesc, .ficha .fichaCont .fichaContInfo .FCI01 ul .liAdjuntos .liAdjuntar .AdjuntarInfo { font-size: 14px; opacity: 0.8; line-height: 120%; margin: 0 0 4px; } .ficha .fichaCont .fichaContInfo .FCI01 ul .liAdjuntos .liAdjuntar .AdjuntarButton { display: flex; align-items: center; justify-content: center; background: #fff; color: #007aff; padding: 8px 12px; min-height: 36px; border-radius: var(--radius1); border: 0; box-shadow: 0 2px 4px rgba(0,0,0,0.1); font-weight: var(--bold1); margin: 8px 0 0;} .ficha .fichaCont .fichaContInfo .FCI01 ul .liAdjuntos .liAdjuntar .AdjuntarButton > span { display: flex; align-items: center; justify-content: center; } .ficha .fichaCont .fichaContInfo .FCI01 ul .liAdjuntos .liAdjuntar .AdjuntarButton > span:before { content: "\f093"; font-family: "Font Awesome 6 Pro"; margin-right: 4px; font-weight: 600; } .ficha .fichaCont .fichaContInfo .FCI01 ul .liAdjuntos .liArchivos { padding: 16px; background: #e0e0e0;} .ficha .fichaCont .fichaContInfo .FCI01 ul .liAdjuntos .liArchivos:empty { padding: 0;} .ficha .fichaCont .fichaContInfo .FCI01 ul .liAdjuntos .liArchivos .liArchivos-item { display: flex; justify-content: space-between; padding: 8px 12px; border-radius: var(--radius1); background-color: #fff; } .ficha .fichaCont .fichaContInfo .FCI01 ul .liAdjuntos .liArchivos .liArchivos-item:not(:last-child) { margin: 0 0 12px;} .ficha .fichaCont .fichaContInfo .FCI01 ul .liAdjuntos .liArchivos .liArchivos-item > span:first-child { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .ficha .fichaCont .fichaContInfo .FCI01 ul .liAdjuntos .liArchivos .liArchivos-item .liArchivos-delete { color: #dd2c00; cursor: pointer; display: flex; align-items: center;} .ficha .fichaCont .fichaContInfo .FCI01 ul .liAdjuntos .liAdjuntosLoading { display: none; text-align: center; font-size: 32px; padding: 16px; background: #e0e0e0; margin: 0; } .ficha .fichaCont .fichaContInfo .FCI01 ul .liAdjuntos .liArchivos:not(:empty) ~ .liAdjuntosLoading { padding: 0 16px 16px; } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaCupones > div{/*padding: 8px 12px;border: 2px dashed rgba(0,0,0,0.2);*/} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaCupones > div .fichaCuponesCont {} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaCupones > div .fichaCuponesCont .fichaCuponesInfo { } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaCupones > div .fichaCuponesCont .fichaCuponesInfo .nombre { font-size: 18px; line-height: 20px; margin: 0 0 12px; font-weight: var(--bold1); padding-top: 12px; border-top: 2px dashed rgba(0,0,0,0.1)} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaCupones > div .fichaCuponesCont .fichaCuponesInfo .desc { font-size: 14px; line-height: 16px; opacity: 0.6; display: none;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaCupones > div .fichaCuponesCont .fichaCuponesRes { } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaCupones > div .fichaCuponesCont .fichaCuponesRes .lnkImgListProd { display: none; } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaCupones > div .fichaCuponesCont .fichaCuponesRes > div { background: rgba(0,0,0,0.05); padding: 8px 12px; border-radius: 4px; border-left: 8px solid rgba(0,0,0,0.1) } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaCupones > div .fichaCuponesCont .fichaCuponesRes > div:not(:last-child) { margin-bottom: 8px;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaCupones > div .fichaCuponesCont .fichaCuponesRes .nombre { margin: 0 0 4px; font-weight: var(--bold1); } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaCupones > div .fichaCuponesCont .fichaCuponesRes .nombre a {text-decoration: none; color: inherit; } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaCupones > div .fichaCuponesCont .fichaCuponesRes .desc{display: block;width: 100%;padding: 8px;background: rgba(0,0,0,0.1);text-align: center;border-radius: 4px;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaCupones > div .fichaCuponesCont .fichaCuponesRes .uri{ display: block; text-align: right; font-size: 14px;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaBoton {} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaBoton a{display: flex;align-items: center;justify-content: center;padding: 12px;background-color: var(--secondary); text-decoration: none;color: white;font-size: 20px;line-height: 24px;border-radius: var(--radius1);} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaBoton a i { margin-right: 8px; } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaBoton a span { } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaBoton a.anadido { /*animation: blink 1s step-start 0s infinite; -webkit-animation: blink 1s step-start 0s infinite;*/} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaPayPal { margin: 8px 0;} .ficha .fichaCont .fichaContInfo .FCI01 ul li#liPagaMasTardeSim{ margin-top: 12px; display: flex; justify-content: center; padding: 2px; border-radius: 8px; max-width: 440pX; } .ficha .fichaCont .fichaContInfo .FCI01 ul li#liPagaMasTardeSim:empty{ display: none; } /*.ficha .fichaCont .fichaContInfo .FCI01 ul li#liPagaMasTardeSim:not(:empty):before { content: url('../images/formaspago/pmt.svg'); display: flex; align-items: center; 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;}*/ .ficha .fichaCont .fichaContInfo .FCI01 ul li#liPagaMasTardeSim .PmtSimulator{ max-width: 360px; width: 100%; border-radius: 8px; overflow: hidden;} .ficha .fichaCont .fichaContInfo .FCI01 ul li#liAplazameSim .dvAplazame { width: 100%; } .ficha .fichaCont .fichaContInfo .FCI01 ul li#liAplazameSim:empty{ display: none; } /*### TODO: Css Temporal hasta que se ponga el slide ###*/ .ficha .fichaCont .fichaContInfo .FCI01 ul li#liPagaMasTardeSim:empty{ display: none; } .ficha .fichaCont .fichaContInfo .FCI01 ul li#liObserv{} .ficha .fichaCont .fichaContInfo .FCI01 ul li#liObserv span{ display: flex; align-items: center; margin: 0 0 8px; font-weight: var(--bold1); } /*.ficha .fichaCont .fichaContInfo .FCI01 ul li#liObserv span:before{content: "\f27a"; font-weight: 400; font-family: "Font Awesome 6 Pro"; display: inline-block; margin-right: 4px; }*/ .ficha .fichaCont .fichaContInfo .FCI01 ul li#liObserv textarea { border: 1px solid #eee; background: #f0f0f0; border-radius: var(--radius1); margin: 0; padding: 8px 8px; width: 100%; resize: vertical; margin: 0 0 8px; height: 80px; } .ficha .fichaCont .fichaContInfo .FCI01 ul li#liObserv textarea::placeholder { opacity:.8; font-style:italic; } #dvGaleria { width: 100%; } #dvGaleria > div:not(.dvImgLogoMarca) {display: block;position: relative;/* padding-bottom: 75%; */} .ficha .fichaCont .fichaContInfo .fichaContGal { background-color: #f0f0f0; width: 60%; position: relative; display: flex; align-items: center; justify-content: space-around; } .ficha .fichaCont .fichaContInfo .fichaContGal .imggr { display: block; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ficha .fichaCont .fichaContInfo .fichaContGal .imggr:nth-child(3):hover { opacity: 0; } .ficha .fichaCont .fichaContInfo .fichaContGal .imggr img {max-width: 100%;max-height: 100%;} .ficha .fichaCont .fichaContInfo .fichaContGal .imgpe { display: none; } .ficha .fichaCont .fichaContInfo .fichaContGal .dvImgLogoMarca {position: absolute;left: 8px;top: 8px;width: 100px;border-radius: var(--radius1);overflow: hidden;padding:4px;background-color: rgba(255,255,255,0.5);z-index: 1;} .ficha .fichaCont .fichaContInfo .fichaContGal .dvImgLogoMarca a { display: block; } .ficha .fichaCont .fichaContInfo .fichaContGal .dvImgLogoMarca a img { display: block; width: 100%; } .ficha .fichaCont .fichaContDatos {display: flex;flex-direction: column-reverse;} .ficha .fichaCont .fichaContDatos .fichaSeo{font-size: 12px;line-height: 16px;opacity: .5;} .ficha .fichaCont .fichaContDatos .fichaSeo a { color: inherit; } .ficha .fichaCont .fichaContDatos .fichaDesc{margin: 0 0 20px;} .ficha .fichaCont .fichaContDatos .fichaDesc > div:not(:last-child) { margin: 0 0 20px; } .ficha .fichaCont .fichaContDatos .fichaDesc > div p:not(:last-child) { margin: 0 0 12px; } .ficha .fichaCont .fichaContDatos .fichaDesc > div > p.titleFicha { margin: 0 0 4px; } .ficha .fichaCont .fichaContDatos .fichaDesc > div > p.titleFicha:before { content: "\f105"; font-weight: 900; font-family: "Font Awesome 6 Pro"; margin-right: 4px; font-size: 12px; } .ficha .fichaCont .fichaContDatos .fichaDesc > div > p a { word-break: break-all;} .ficha .fichaCont .fichaContDatos .fichaDesc .fichaDescCont { background: #f5f5f5; padding: 20px; } .ficha .fichaCont .fichaContDatos .fichaDesc .fichaDescCont .title2 { margin: 0 0 8px; padding: 0 0 8px; border-bottom: 2px solid #ccc; } .ficha .fichaCont .fichaContDatos .fichaDesc .fichaDescCont > *:not(.title2), .ficha .fichaCont .fichaContDatos .fichaDesc .fichaDescCont > *:not(.title2) > * { font-size: inherit; } .ficha .fichaCont .fichaContDatos .fichaDesc > .fichaDescCont ul, .ficha .fichaCont .fichaContDatos .fichaDesc > .fichaDescCont ol { padding-left: 18px; } .ficha .fichaCont .fichaContDatos .fichaDesc > .fichaDescCont h1{ font-size: 130%; line-height: 140%; } .ficha .fichaCont .fichaContDatos .fichaDesc > .fichaDescCont h2:not(.title2) { font-size: 120%; line-height: 140%; } .ficha .fichaCont .fichaContDatos .fichaDesc > .fichaDescCont h3 { font-size: 110%; line-height: 140%; } .ficha .fichaCont .fichaContDatos .fichaDesc .videoFicha { border-radius: var(--radius1); overflow: hidden; padding: 20px; background:#f5f5f5; } .ficha .fichaCont .fichaContDatos .fichaDesc .videoFicha #dvVideoFicha { max-width: 720px; margin: 0 auto; box-shadow: 0px 12px 40px rgba(0,0,0,0.3) } .ficha .fichaCont .fichaContDatos .fichaDesc .fichaClasificado > * { display: inline-block; vertical-align: middle; } .ficha .fichaCont .fichaContDatos .fichaDesc .fichaClasificado > span { font-weight: var(--bold1); } .ficha .fichaCont .fichaContDatos .fichaDesc .fichaClasificado ul { display: inline-flex; flex-flow: row wrap; } .ficha .fichaCont .fichaContDatos .fichaDesc .fichaClasificado ul li { list-style: none; margin: 4px; } .ficha .fichaCont .fichaContDatos .fichaDesc .fichaClasificado ul li a { text-decoration: none; color: inherit; display: block; border: 1px solid rgba(0,0,0,0.3); border-radius: 20px; padding: 4px 12px; opacity: 0.8; } .ficha .fichaCont .fichaContDatos .fichaDesc .fichaClasificado ul li a:hover { background: rgba(0,0,0,0.02); } #FICHA02 { padding: 40px 16px;} #FICHA02 .FICHA02Cont { max-width:var(--max-width); margin: 0 auto; display: grid; grid-template-columns:1fr 1fr 1fr; grid-gap:8px;} #FICHA02 .FICHA02Cont > * { position:relative; margin:0;} @media screen and (min-width: 1024px) { #FICHA02 .FICHA02Cont > *: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) { #FICHA02 .FICHA02Cont > *: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) { #FICHA02 .FICHA02Cont > *: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; } } .leyenda-disponibilidad { display: flex; flex-direction: column; } .leyenda-disponibilidad .title { font-weight: var(--bold1); text-transform: uppercase; } .leyenda-disponibilidad .row { border: 1px solid rgba(0,0,0,0.1); padding: 12px 20px; text-align: left; order: 2; } .leyenda-disponibilidad .row.selected { background: #f0f0f0; padding: 12px 20px 12px 13px; border-left: 8px solid #999; order: 1; } .leyenda-disponibilidad ~ .note { text-align: left; padding: 12px; opacity: .8; font-style: italic; } .ProductStockLegend-modal .wrap { position: relative; padding: 48px 12px 12px; } .ProductStockLegend-modal .btncnt { position: absolute; top: -16px; right: 0; } .ProductStockLegend-modal .btncnt .btn.btnAceptar { background-color: #f5f5f5; color: #333; border: 1px solid rgba(0,0,0,0.1); padding: 7px 15px; border-radius: 0 0 4px 4px; } #dvArchivos { display: flex; flex-direction: column;} #dvArchivos a{ margin: 4px 0;} #dvArchivos a:before { content: "\f56d"; font-weight: 400; font-family: "Font Awesome 6 Pro"; display: inline-flex; margin-right: 8px; } @media screen and (max-width: 1023px) { #FICHA02 .FICHA02Cont {grid-template-columns:1fr 1fr; } } @media screen and (max-width: 768px) { .ficha .fichaCont .fichaContInfo { flex-direction: column-reverse; } .ficha .fichaCont .fichaContInfo .FCI01 { width: 100%; padding: 0; } .ficha .fichaCont .fichaContInfo .fichaContGal { width: 100%; margin: 0 0 20px; } .ficha .fichaCont .fichaContDatos .fichaDesc .videoFicha { background: transparent; padding: 0; } .ficha .fichaCont .fichaContDatos .fichaDesc .videoFicha #dvVideoFicha { box-shadow: none; } .ficha .fichaCont .fichaContInfo .FCI01 ul { display: block; } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaRMD { text-align: center; } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaVariacion, .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaCantidad {text-align: center; margin: 0 auto 12px;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaCantidad { display: flex; align-items: center; } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaVariacion > ol{ text-align: left; width: 100%;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaVariacion .select {width: 100%;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaCantidad input {display: block;width: 100%;width: auto;max-width: 60px;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaVariacion select, .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaCantidad input {padding: 12px 20px;text-align: left;text-align-last: left;} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaCantidad input { text-align: center; text-align-last: center; } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaBoton {/* position: fixed; *//* bottom: 0; *//* left: 0; *//* width: 100%; *//* padding: 8px; *//* z-index: 2; */} .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaVariacion > ol > li { width: auto; text-align: left; margin-right: 20px; } } @media screen and (max-width: 640px) { .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaVariacion, .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaCantidad { width: 100%; margin: 0 0 12px; } #FICHA02 .FICHA02Cont {grid-template-columns:1fr; grid-gap:16px; } .ficha .fichaCont .fichaContInfo .fichaContGal .dvImgLogoMarca{ width: 64px; } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaVariacion > ol > li > ol > li { margin: 0 12px 12px 0; } } @media screen and (max-width: 480px) { .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaVariacion > ol > li { width: 100%; } .ficha .fichaCont .fichaContInfo .FCI01 ul li#liPagaMasTardeSim { flex-direction: column; align-items: center; } .ficha .fichaCont .fichaContInfo .FCI01 ul li#liPagaMasTardeSim:before { height: 50px; } } @keyframes blink { 0% { opacity: 0.0; } } @-webkit-keyframes blink { 50% { opacity: 0.0; } } /** * Swiper 4.2.6 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: May 1, 2018 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width: auto;height: auto;margin-top: -20px;z-index:9;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat;font-size: 20px;padding: 4px;line-height: 40px;}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto;}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:-8px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#333}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} /*Botones*/ .panel__desc--skin1 .boxCont .bicBtn {display: inline-flex;align-items: center;text-decoration: none;color: var(--secondary-invert); background:var(--secondary); padding: 8px 16px; border-radius: var(--radius1); font-size: 90%;line-height: 140%; text-transform: uppercase; font-weight: var(--bold1);} /*#PORT01 { margin: calc(var(--mosaico-margin)/2) auto; }*/ /*############ PANEL SIMPLE � Im�genes 2:1 horizontales (1200x600) */ .panel__simple--skin1 { margin:0 auto; max-width: 1920px; padding:0; } .panel__simple--skin1 .switem { position: relative; border-radius: var(--radius-default); overflow: hidden; } .panel__simple--skin1 .switem a { text-decoration: none; color: white; } .panel__simple--skin1 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; padding-bottom: calc((1/2) * 100%); } .panel__simple--skin1 .switem .switemimg img { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; } .panel__simple--skin1 .switem, .panel__simple--skin1 .switem.swiper-slide-active:active { transform: scale(0.9); transition: all 100ms ease; opacity: .8; } .panel__simple--skin1 .switem.swiper-slide-active:active a { cursor: grabbing; } .panel__simple--skin1 .switem .switeminfocont { } .panel__simple--skin1 .switem .switeminfo { display: flex; flex-direction: column; justify-content: center; backdrop-filter: blur(3px); color: #fff; padding: 16px 48px; position: absolute; top: 0; left: 0; right: 12px; width: 40%; bottom: 0px; background: rgba(0,0,0,0.4); text-align: center; } .panel__simple--skin1 .switem .switeminfo .switemtitle .titulo2 { font-size: 38px; line-height: 120%; text-overflow: inherit; white-space: inherit; } .panel__simple--skin1 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 8px; } .panel__simple--skin1 .switem .switeminfo .switemdesc { margin: 0 0 12px; } .panel__simple--skin1 .switem .switeminfo .switemdesc:last-child { margin: 0; } .panel__simple--skin1 .switem .switeminfo .switemdesc p { margin: 0; } .panel__simple--skin1 .switem.swiper-slide-duplicate-active, .panel__simple--skin1 .switem.swiper-slide-active { transform: scale(1); opacity: 1; } .panel__simple--skin1 .swiper-button-next { right: 2px; text-shadow: 1px 0px 0 white } .panel__simple--skin1 .swiper-button-prev { left: 2px; text-shadow: -1px 0px 0 white } .panel__simple--skin1 .switem .switeminfo .switemadd{display: inline-flex;align-items: center;text-decoration: none;color: var(--secondary-invert); background:var(--secondary); padding: 8px 12px; border-radius: var(--radius1); font-size: 90%;line-height: 140%; text-transform: uppercase; font-weight: var(--bold1);} .panel__simple--skin1 .switem .switeminfo .switemadd:after { content: "\f105"; font-weight: var(--bold1); font-family: "Font Awesome 5 Pro"; font-size: 14px; margin-left: 8px; } .panel__simple--skin2 { margin:0 auto; max-width: 1920px; padding:0; } .panel__simple--skin2 .switem { position: relative; border-radius: var(--radius-default); overflow: hidden; } .panel__simple--skin2 .switem a { text-decoration: none; color: white; display:flex; flex-direction:row-reverse; } .panel__simple--skin2 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; flex:1; padding-bottom:38%; min-width:50%; } .panel__simple--skin2 .switem .switemimg img { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; } .panel__simple--skin2 .switem, .panel__simple--skin2 .switem.swiper-slide-active:active { transform: scale(0.9); transition: all 100ms ease; opacity: .8; } .panel__simple--skin2 .switem.swiper-slide-active:active a { cursor: grabbing; } .panel__simple--skin2 .switem .switeminfocont { } .panel__simple--skin2 .switem .switeminfo { display: flex; flex-direction: column; flex:1; justify-content: center; backdrop-filter: blur(3px); color: #fff; padding: 20px 40px; background: var(--primary); text-align: center; } .panel__simple--skin2 .switem .switeminfo .switemtitle .titulo2 { font-size: 38px; line-height: 140%; text-overflow: inherit; white-space: inherit; } .panel__simple--skin2 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; } .panel__simple--skin2 .switem .switeminfo .switemdesc { margin: 0 0 16px; } .panel__simple--skin2 .switem .switeminfo .switemdesc:last-child { margin: 0; } .panel__simple--skin2 .switem .switeminfo .switemdesc p { margin: 0; } .panel__simple--skin2 .switem.swiper-slide-duplicate-active, .panel__simple--skin2 .switem.swiper-slide-active { transform: scale(1); opacity: 1; } .panel__simple--skin2 .swiper-button-next { right: 2px; text-shadow: 1px 0px 0 white } .panel__simple--skin2 .swiper-button-prev { left: 2px; text-shadow: -1px 0px 0 white } .panel__simple--skin2 .switem .switeminfo .switemadd{display: inline-flex;align-items: center;text-decoration: none;color: var(--color1-neg); border:1px solid #fff; padding: 8px 12px; border-radius: var(--radius1); font-size: 90%;line-height: 140%; text-transform: uppercase; font-weight: var(--bold1);} .panel__simple--skin2 .switem .switeminfo .switemadd:after { content: "\f105"; font-weight: var(--bold1); font-family: "Font Awesome 5 Pro"; font-size: 14px; margin-left: 8px; } .panel__simple--skin3 { padding:0;} .panel__simple--skin3 .switem { position: relative; border-radius: var(--radius-default); overflow: hidden; } .panel__simple--skin3 .switem a { text-decoration: none; color:inherit; } .panel__simple--skin3 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; height:80vh; min-width:400px;} .panel__simple--skin3 .switem .switemimg img { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; } .panel__simple--skin3 .switem .switemimg:after{z-index:1; content:''; display:block;position: absolute; width: 100%; height: 100%; left: 0; top: 0;background-image:none!important; background: linear-gradient(to bottom, rgba(255,255,255,.75) 30%, rgba(255,255,255,0) 50%)!important;} .panel__simple--skin3 .switem, .panel__simple--skin3 .switem.swiper-slide-active:active { transform: scale(0.9); transition: all 100ms ease; opacity: .8; } .panel__simple--skin3 .switem.swiper-slide-active:active a { cursor: grabbing; } .panel__simple--skin3 .switem .switeminfocont { padding: 24px;background: rgba(255,255,255,0.5); backdrop-filter:blur(4px); border-radius:var(--radius-default);} .panel__simple--skin3 .switem .switeminfo { display: flex; flex-direction: column; align-items:flex-start; position: absolute; left: 0; right:0; padding:var(--section-margin) 16px; margin:0 auto; bottom:0; z-index:2; max-width:var(--max-width);} .panel__simple--skin3 .switem .switeminfo .switemtitle .titulo2 { font-size: 32px; line-height: 140%; text-overflow: inherit; white-space: inherit; } .panel__simple--skin3 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 8px; } .panel__simple--skin3 .switem .switeminfo .switemdesc { margin: 0 0 16px; } .panel__simple--skin3 .switem .switeminfo .switemdesc:last-child { margin: 0; } .panel__simple--skin3 .switem .switeminfo .switemdesc p { margin: 0; } .panel__simple--skin3 .switem.swiper-slide-duplicate-active, .panel__simple--skin3 .switem.swiper-slide-active { transform: scale(1); opacity: 1; } .panel__simple--skin3 .swiper-button-next { right: 2px; text-shadow: 1px 0px 0 white } .panel__simple--skin3 .swiper-button-prev { left: 2px; text-shadow: -1px 0px 0 white } .panel__simple--skin3 .switem .switeminfo .switemadd{display: inline-flex;align-items: center;text-decoration: none;color: var(--secondary-invert); background:var(--secondary); padding: 8px 12px; border-radius: var(--radius1); font-size: 90%;line-height: 140%; text-transform: uppercase; font-weight: var(--bold1);} .panel__simple--skin3 .switem .switeminfo .switemadd:after { content: "\f105"; font-weight: var(--bold1); font-family: "Font Awesome 5 Pro"; font-size: 14px; margin-left: 8px; } .panel__simple--skin4 { padding:0;} .panel__simple--skin4 .switem { position: relative; border-radius: var(--radius-default); overflow: hidden; } .panel__simple--skin4 .switem a { text-decoration: none; color:inherit; } .panel__simple--skin4 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; height:80vh; min-width:400px;} .panel__simple--skin4 .switem .switemimg img { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; } .panel__simple--skin4 .switem .switemimg:after{z-index:1; content:''; display:block;position: absolute; width: 100%; height: 100%; left: 0; top: 0;background-image:none!important; background: linear-gradient(to bottom, rgba(255,255,255,.75) 0%, rgba(255,255,255,0.25) 75%)!important;} .panel__simple--skin4 .switem, .panel__simple--skin4 .switem.swiper-slide-active:active { transform: scale(0.9); transition: all 100ms ease; opacity: .8; } .panel__simple--skin4 .switem.swiper-slide-active:active a { cursor: grabbing; } .panel__simple--skin4 .switem .switeminfocont {} .panel__simple--skin4 .switem .switeminfo { display: flex; flex-direction: column; align-items:flex-start; justify-content:center; position: absolute; left: 0; right:0; top:55%; transform:translateY(-50%); padding:var(--section-margin) 60px; margin:0 auto; bottom:0; z-index:2; max-width:var(--max-width);} .panel__simple--skin4 .switem .switeminfo .switemtitle .titulo2 { font-size: 36px; line-height: 140%; text-overflow: inherit; white-space: inherit; } .panel__simple--skin4 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 8px; } .panel__simple--skin4 .switem .switeminfo .switemdesc { margin: 0 0 16px; } .panel__simple--skin4 .switem .switeminfo .switemdesc:last-child { margin: 0; } .panel__simple--skin4 .switem .switeminfo .switemdesc p { margin: 0; } .panel__simple--skin4 .switem.swiper-slide-duplicate-active, .panel__simple--skin4 .switem.swiper-slide-active { transform: scale(1); opacity: 1; } .panel__simple--skin4 .swiper-button-next { right: 2px; text-shadow: 1px 0px 0 white } .panel__simple--skin4 .swiper-button-prev { left: 2px; text-shadow: -1px 0px 0 white } .panel__simple--skin4 .switem .switeminfo .switemadd{display: inline-flex;align-items: center;text-decoration: none;color: var(--secondary-invert); background:var(--secondary); padding: 8px 12px; border-radius: var(--radius1); font-size: 90%;line-height: 140%; text-transform: uppercase; font-weight: var(--bold1);} .panel__simple--skin4 .switem .switeminfo .switemadd:after { content: "\f105"; font-weight: var(--bold1); font-family: "Font Awesome 5 Pro"; font-size: 14px; margin-left: 8px; } .panel__simple--skin5 { margin:0 auto; max-width: 1920px; padding:0; } .panel__simple--skin5 .switem { position: relative; border-radius: var(--radius-default); overflow: hidden; } .panel__simple--skin5 .switem a { text-decoration: none; color: white; } .panel__simple--skin5 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; padding-bottom: calc((1/2) * 100%); } .panel__simple--skin5 .switem .switemimg img { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; } .panel__simple--skin5 .switem, .panel__simple--skin5 .switem.swiper-slide-active:active { transform: scale(0.9); transition: all 100ms ease; opacity: .8; } .panel__simple--skin5 .switem.swiper-slide-active:active a { cursor: grabbing; } .panel__simple--skin5 .switem .switeminfocont { } .panel__simple--skin5 .switem .switeminfo { display: flex; flex-direction: column; justify-content: center;color: #fff; padding: 16px 40px; position: absolute; top: 0; left: 0; right: 12px; width: 100%; bottom: 0px; background: rgba(0,0,0,0.35); text-align: center; } .panel__simple--skin5 .switem .switeminfo .switemtitle .titulo2 { font-size: 38px; line-height: 120%; text-overflow: inherit; white-space: inherit; } .panel__simple--skin5 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 8px; } .panel__simple--skin5 .switem .switeminfo .switemdesc { margin: 0 0 12px; } .panel__simple--skin5 .switem .switeminfo .switemdesc:last-child { margin: 0; } .panel__simple--skin5 .switem .switeminfo .switemdesc p { margin: 0; } .panel__simple--skin5 .switem.swiper-slide-duplicate-active, .panel__simple--skin5 .switem.swiper-slide-active { transform: scale(1); opacity: 1; } .panel__simple--skin5 .swiper-button-next { right: 2px; text-shadow: 1px 0px 0 white } .panel__simple--skin5 .swiper-button-prev { left: 2px; text-shadow: -1px 0px 0 white } .panel__simple--skin5 .switem .switeminfo .switemadd{display: inline-flex;align-items: center;text-decoration: none;color: var(--secondary-invert); background:var(--secondary); padding: 8px 12px; border-radius: var(--radius1); font-size: 90%;line-height: 140%; text-transform: uppercase; font-weight: var(--bold1);} .panel__simple--skin5 .switem .switeminfo .switemadd:after { content: "\f105"; font-weight: var(--bold1); font-family: "Font Awesome 5 Pro"; font-size: 14px; margin-left: 8px; } @media screen and (max-width: 768px) { .panel__simple--skin1 .switem .switeminfo { padding: 20px; background: var(--primary); width:100%; background:rgba(0,0,0,0.3); backdrop-filter:blur(0);} .panel__simple--skin1 .switem .switeminfo .switemdesc { display: block; } .panel__simple--skin1 .switem .switeminfo .switemdesc:not(:last-child) { margin: 0 0 8px; } .panel__simple--skin1 .switem .switeminfo .switemtitle .titulo2 { font-size: 28px; line-height: 130%; margin: 0; } .panel__simple--skin1 .swiper-button-next, .panel__simple--skin1 .swiper-button-prev { display:none; } .panel__simple--skin2 .switem a {flex-direction:column; } .panel__simple--skin2 .switem .switemimg { padding-bottom: calc((1/2) * 100%);} .panel__simple--skin2 .switem .switeminfo{ padding: 20px;} .panel__simple--skin2 .switem .switeminfo .switemtitle .titulo2{font-size: 28px; line-height: 140%;} .panel__simple--skin2 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 8px; } .panel__simple--skin2 .switem .switeminfo .switemdesc { margin: 0 0 12px; } .panel__simple--skin2 .swiper-button-next, .panel__simple--skin2 .swiper-button-prev { display:none; } .panel__simple--skin3 .switem .switeminfo{ left: 0; right:0; text-align:center; margin:0 auto; align-items:center;} .panel__simple--skin3 .switem .switeminfo .switemtitle .titulo2{font-size: 28px; line-height: 140%;} .panel__simple--skin4 .switem .switeminfo{text-align:center; align-items:center;} .panel__simple--skin4 .switem .switeminfo .switemtitle .titulo2{font-size: 32px; line-height: 140%;} } @media screen and (max-width: 640px) { .panel__simple--skin1 .switem .switeminfo .switemtitle .titulo2 { font-size: 24px; line-height: 140%; } .panel__simple--skin2 .switem .switeminfo .switemtitle .titulo2 { font-size: 24px; line-height: 140%; } .panel__simple--skin3 .switem .switeminfo .switemtitle .titulo2{font-size: 24px; line-height: 140%;} .panel__simple--skin3 .switem .switemimg:after{ background: linear-gradient(to bottom, rgba(255,255,255,.75) 10%, rgba(255,255,255,0) 30%)!important;} .panel__simple--skin3 .switem .switeminfocont{padding:12px 20px;} .panel__simple--skin4 .switem .switeminfo {padding:var(--section-margin) 20px; justify-content:flex-end; top:inherit;transform:translateY(0); bottom:0;} .panel__simple--skin4 .switem .switeminfo .switemtitle .titulo2{font-size: 26px; line-height: 140%;} .panel__simple--skin4 .switem .switemimg:after{ background: linear-gradient(to bottom, rgba(255,255,255,.75) 25%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,.75) 70%)!important;} .panel__simple--skin5 .switem .switeminfo .switemtitle .titulo2 { font-size: 24px; line-height: 140%; } .panel__simple--skin5 .switem .switemimg { padding-bottom: calc((3/4) * 100%); } } /*############ PANEL DOBLE � Combinado con box3 � Im�genes 4:3 horizontales (640x480)*/ .panel__doble--skin1 { padding: var(--section-margin) 16px; } .panel__doble--skin1 .boxCont .boxItem { border-radius: var(--radius-default); overflow: hidden; border: 0; } .panel__doble--skin1 .boxCont .boxItem > div { padding-bottom: calc((9/16) * 100%); } .panel__doble--skin1 .boxCont .boxItem .boxItemCont { padding: 16px; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.4) 100%); } .panel__doble--skin1 .boxCont .boxItem .boxItemCont:after { content: "\f054"; font-family: "Font Awesome 5 Pro"; margin-left: 8px; flex-shrink: 0; color: #fff; font-weight: 600; } .panel__doble--skin1 .boxCont .boxItem .bicTitle { text-transform: inherit; line-height: 120%; font-size: 20px; text-transform: inherit; } .panel__doble--skin1[data-items="1"] .boxCont .boxItem { width: 100%; } .panel__doble--skin1[data-items="2"] .boxCont .boxItem { width: calc((1/2 * 100%) - (var(--mosaico-margin) * (1/2)) );} .panel__doble--skin1 .boxCont .boxItem { width: calc((1/2.33 * 100%) - (var(--mosaico-margin) / 2)); } /*############ PANEL TRIPLE � Combinado con box3 � Im�genes 3:4 verticales (480x640) */ .panel__triple--skin1 { padding: var(--section-margin) 16px; } .panel__triple--skin1 .boxCont .boxItem { border-radius: var(--radius-default); overflow: hidden; border: 0; /* Para separarlos ser�a mejor tocar el js del box3*/ } .panel__triple--skin1 .boxCont .boxItem > div { padding-bottom: calc((4/3) * 100%); } .panel__triple--skin1 .boxCont .boxItem .boxItemCont { padding: 16px; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.4) 100%); } .panel__triple--skin1 .boxCont .boxItem .boxItemCont:after { content: "\f054"; font-family: "Font Awesome 5 Pro"; margin-left: 8px; flex-shrink: 0; color: #fff; font-weight: 600; } .panel__triple--skin1 .boxCont .boxItem .bicTitle { text-transform: inherit; line-height: 120%; font-size: 20px; text-transform: inherit; } .panel__triple--skin1[data-items="1"] .boxCont .boxItem { width: 100%; max-height: 400px; } .panel__triple--skin1[data-items="2"] .boxCont .boxItem { width: calc((1/2 * 100%) - (var(--mosaico-margin) * (1/2)) ); } .panel__triple--skin1[data-items="3"] .boxCont .boxItem { width: calc((1/3 * 100%) - (var(--mosaico-margin) * (2/3)) ); } .panel__triple--skin1 .boxCont .boxItem { width: calc( (1/3.333 * 100%) - (var(--mosaico-margin) / 2) ); } /*############ PANEL DESCRIPTIVO */ .panel__desc--skin1 { padding: var(--descriptivo-margin) 16px; } .panel__desc--skin1 .boxCont { max-width: var(--max-width); margin: 0 auto; } .panel__desc--skin1 .boxCont > div .swiper-wrapper { display: grid; grid-template-columns: repeat(12, 1fr); /*grid-template-rows: repeat(8, 1fr);*/ grid-row-gap: var(--descriptivo-margin); } .panel__desc--skin1 .swiper-slide { background: transparent !important; } .panel__desc--skin1 .boxCont .boxItem { margin: 0; overflow: hidden; border: 0; grid-column-start: 1; grid-column-end: 13; } .panel__desc--skin1 .boxCont .boxItem a { display: flex; flex-direction: column; text-decoration: none; color: inherit; } /*Info*/ .panel__desc--skin1 .boxCont .boxItem .boxItemCont { padding: 20px 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } .panel__desc--skin1 .boxItem .bicTitle { font-size: 26px; line-height: 120%; margin: 0 0 12px; letter-spacing: 0.5px; } .panel__desc--skin1 .boxItem .bicTitle:last-child { margin-bottom: 0; } .panel__desc--skin1 .boxCont .bicDesc { margin: 0 0 12px; } .panel__desc--skin1 .boxCont .bicDesc p:not(:last-child),.panel__desc--skin1 .boxCont .bicDesc ul:not(:last-child),.panel__desc--skin1 .boxCont .bicDesc ol:not(:last-child){margin: 0 0 16px;} .panel__desc--skin1 .boxCont .bicDesc ul, .panel__desc--skin1 .boxCont .bicDesc ol{padding-left:20px;} /*Imagen*/ .panel__desc--skin1 .boxCont .boxItem a img { display: block; width: 100%; height: 100%; border-radius: var(--radius-default); object-fit: contain;} .panel__desc--skin1 .swiper-button-next, .panel__desc--skin1 .swiper-button-prev { display: none; } /*############ MOSAICO */ .mosaico--skin1 .swiper-button-next, .mosaico--skin1 .swiper-button-prev { display: none; } .mosaico--skin1 { padding: var(--section-margin) 16px; color: #fff; } .mosaico--skin1 .boxCont { max-width: var(--max-width); margin: 0 auto; } .mosaico--skin1 .boxCont .swiper-wrapper { display: grid; grid-template-columns: repeat(12, 1fr); /*grid-template-rows: repeat(8, 1fr);*/ grid-gap: var(--mosaico-margin); } .mosaico--skin1 .boxCont .boxItem { border-radius: var(--radius-default); overflow: hidden; display: flex; background: transparent !important; } .mosaico--skin1 .boxCont .boxItem > div { display: flex; width:100%;} .mosaico--skin1 .boxCont .boxItem > div a { position: relative; display: flex; color: inherit; width:100%;} .mosaico--skin1 .boxCont .boxItem .boxItemImg { display: flex; align-items: baseline; } .mosaico--skin1 .boxCont .boxItem .boxItemImg img { display: block; width: 100%; height: 100%; object-fit: cover; } .mosaico--skin1 .boxCont .boxItem .boxItemCont { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; padding: 16px; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.4) 100%); } .mosaico--skin1 .boxCont .boxItem .boxItemCont:after { content: "\f054"; font-family: "Font Awesome 5 Pro"; margin-left: 8px; flex-shrink: 0; color: #fff; font-weight: 600; } .mosaico--skin1 .boxCont .boxItem .boxItemCont .bicTitle { text-transform: inherit; line-height: 120%; font-size: 20px; text-transform: inherit; margin: 0; } .mosaico--skin1[data-items="1"] .boxCont .boxItem { grid-column-start: 1; grid-column-end: 13; } .mosaico--skin1[data-items="2"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 7; } .mosaico--skin1[data-items="2"] .boxCont .boxItem:nth-child(2) { grid-column-start: 7; grid-column-end: 13; } .mosaico--skin1[data-items="3"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 9; grid-row-start: 1; grid-row-end: 3; } .mosaico--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; } .mosaico--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; } .mosaico--skin1[data-items="4"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 8; grid-row-start: 1; grid-row-end: 2; } .mosaico--skin1[data-items="4"] .boxCont .boxItem:nth-child(2) { grid-column-start: 8; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; } .mosaico--skin1[data-items="4"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 6; grid-row-start: 2; grid-row-end: 3; } .mosaico--skin1[data-items="4"] .boxCont .boxItem:nth-child(4) { grid-column-start: 6; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; } .mosaico--skin1[data-items="5"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 7; grid-row-start: 1; grid-row-end: 2; } .mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(2) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; } .mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 5; grid-row-start: 2; grid-row-end: 3; } .mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) { grid-column-start: 5; grid-column-end: 9; grid-row-start: 2; grid-row-end: 3; } .mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(5) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; } .mosaico--skin1[data-items="6"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 9; grid-row-start: 1; grid-row-end: 3; } .mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(2) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; } .mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(3) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; } .mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(4) { grid-column-start: 5; grid-column-end: 13; grid-row-start: 3; grid-row-end: 5; } .mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(5) { grid-column-start: 1; grid-column-end: 5; grid-row-start: 4; grid-row-end: 5; } .mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(6) { grid-column-start: 1; grid-column-end: 5; grid-row-start: 3; grid-row-end: 4; } /*############ CATEGOR�AS */ .categorias--skin1 .swiper-button-next, .categorias--skin1 .swiper-button-prev { display: none; } .categorias--skin1 { padding: var(--section-margin) 16px; color: #fff; } .categorias--skin1 .boxCont { max-width: var(--max-width); margin: 0 auto; } .categorias--skin1 .boxCont .swiper-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: var(--mosaico-margin); justify-content: center; } .categorias--skin1[data-items="3"] .boxCont .swiper-wrapper, .categorias--skin1[data-items="6"] .boxCont .swiper-wrapper, .categorias--skin1[data-items="9"] .boxCont .swiper-wrapper, .categorias--skin1[data-items="15"] .boxCont .swiper-wrapper, .categorias--skin1[data-items="18"] .boxCont .swiper-wrapper { grid-template-columns: repeat(3, 1fr); } .categorias--skin1[data-items="5"] .boxCont .swiper-wrapper, .categorias--skin1[data-items="10"] .boxCont .swiper-wrapper, .categorias--skin1[data-items="15"] .boxCont .swiper-wrapper { display: grid; grid-template-columns: repeat(5, 1fr); } .categorias--skin1 .boxCont .boxItem { background: none !important; display: flex; position:relative;} .categorias--skin1 .boxCont .boxItem > div { display: flex; flex-direction:column; } .categorias--skin1 .boxCont .boxItem a { color: #333; text-decoration: none; display: flex; flex-direction: column; overflow: hidden; border-radius: var(--radius-default); border: 1px solid #eee; flex:1;} .categorias--skin1 .boxCont .boxItem img { display: block; width: 100%; object-fit:cover; aspect-ratio: 1 / 1; } .categorias--skin1 .boxCont .boxItem .boxItemCont { padding: 8px; text-align: center; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; } .categorias--skin1 .boxCont .boxItem .boxItemCont .title3 { margin: 0; font-weight: normal; color: inherit; text-decoration: none; } /*############ PORTADAS CLASSIC */ .noportada { display: block; margin: 0 auto; max-width: 100%; } .dvPortada .swiper-pagination { display: none; } .dvPortada .switem a[href="#"] { cursor: default; } .cportada1 { margin: 0 auto; max-width: var(--max-width);; } .cportada1 .switem { position: relative; } .cportada1 .switem a { text-decoration: none; color: white; } .cportada1 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; padding-bottom: 37.5% } .cportada1 .switem .switemimg img { display: block; position: absolute; max-width: 100%; max-height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 9999px 9999px rgba(0,0,0,.8) } .cportada1 .switem .switeminfo { position: absolute; right: 12px; width: 40%; bottom: 12px; padding: 16px; background: rgba(0,0,0,0.8); text-align: center; border-radius: 4px; } .cportada1 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; } .cportada1 .switem .switeminfo .switemdesc { margin: 0 0 12px; } .cportada1 .switem .switeminfo .switemdesc:last-child { margin: 0; } .cportada1 .switem .switeminfo .switemdesc p { margin: 0; } .cportada1 .switem .switeminfo .switemadd { color: white; font-size: 100%; padding: 8px 12px; border: 1px solid; display: inline-block; border-radius: 4px; line-height: 140%; } .cportada1 .switem .switeminfo .switemadd span { display: flex; align-items: center; } .cportada1 .switem .switeminfo .switemadd span:after { content: "\f105"; font-family: "Font Awesome 5 Pro"; margin-left: 4px; width: 8px; text-align: center; } .cportada2 { max-width: var(--max-width);; margin: 0 auto; } .cportada2 .switem { position: relative; } .cportada2 .switem a { text-decoration: none; color: white; } .cportada2 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; padding-bottom: 37.5% } .cportada2 .switem .switemimg img { display: none; } .cportada2 .switem .switeminfo { position: absolute; right: 12px; width: 40%; bottom: 12px; padding: 16px; background: rgba(0,0,0,0.8); text-align: center; border-radius: 4px; } .cportada2 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; } .cportada2 .switem .switeminfo .switemdesc { margin: 0 0 12px; } .cportada2 .switem .switeminfo .switemdesc:last-child { margin: 0; } .cportada2 .switem .switeminfo .switemdesc p { margin: 0; } .cportada2 .switem .switeminfo .switemadd { color: white; font-size: 100%; padding: 8px 12px; border: 1px solid; display: inline-block; border-radius: 4px; line-height: 140%; } .cportada2 .switem .switeminfo .switemadd span { display: flex; align-items: center; } .cportada2 .switem .switeminfo .switemadd span:after { content: "\f105"; font-family: "Font Awesome 5 Pro"; margin-left: 4px; } .cportada3 { margin: 0 auto; } .cportada3 .switem { position: relative; } .cportada3 .switem a { text-decoration: none; } .cportada3 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; height: 600px } .cportada3 .switem .switemimg img { display: none; } .cportada3 .switem .switeminfo { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #333; background-color: rgba(255,255,255,0.9); padding: 20px; max-width: 640px; align-self: center; box-shadow: 0 10px 30px rgba(0,0,0,0.5); border-radius: 8px; text-align: center; color: #333; } .cportada3 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; } .cportada3 .switem .switeminfo .switemdesc { margin: 0 0 12px; } .cportada1 .switem .switeminfo .switemdesc:last-child { margin: 0; } .cportada3 .switem .switeminfo .switemdesc p { margin: 0; } .cportada3 .switem .switeminfo .switemadd { color: #067ABD; font-size: 100%; padding: 8px 12px; border: 1px solid; display: inline-block; border-radius: 4px; line-height: 140%; } .cportada3 .switem .switeminfo .switemadd span { display: flex; align-items: center; } .cportada3 .switem .switeminfo .switemadd span:after { content: "\f105"; font-family: "Font Awesome 5 Pro"; margin-left: 4px; width: 8px; text-align: center; } .cportada4 { margin: 0 auto; } .cportada4 .switem { position: relative; } .cportada4 .switem a { text-decoration: none; color: white; } .cportada4 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; height: 460px; } .cportada4 .switem .switemimg img { display: none; position: absolute; max-width: 100%; max-height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 1400px 1400px rgba(0,0,0,0.8) } .cportada4 .switem .switeminfo { position: absolute; left: 0px; width: 100%; bottom: 0; width: 100%; padding: 16px; text-align: center; border-radius: 4px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 35%, rgba(0,0,0,0.7) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 35%,rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 35%,rgba(0,0,0,0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); text-shadow: 0 -2px 4px rgba(0,0,0,.8) } .cportada4 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; } .cportada4 .switem .switeminfo .switemdesc { margin: 0 0 12px; } .cportada4 .switem .switeminfo .switemdesc:last-child { margin: 0; } .cportada4 .switem .switeminfo .switemdesc p { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .cportada4 .switem .switeminfo .switemadd { color: white; font-size: 100%; padding: 8px 12px; border: 1px solid; display: inline-block; border-radius: 4px; line-height: 140%; } .cportada4 .switem .switeminfo .switemadd span { display: flex; align-items: center; } .cportada4 .switem .switeminfo .switemadd span:after { content: "\f105"; font-family: "Font Awesome 5 Pro"; margin-left: 4px; width: 8px; text-align: center; } .cportada5 { margin: 0 auto; } .cportada5 .switem { position: relative; } .cportada5 .switem a { text-decoration: none; color: white; } .cportada5 .switem .switemimg { background-position: center; background-size: cover; overflow: hidden; position: relative; height: 460px; } .cportada5 .switem .switemimg .blur { width: 100%; height: 100%; background-size: cover; background-position: center; filter: blur(40px); top: 0; position: absolute; } .cportada5 .switem .switemimg img { display: block; position: absolute; max-width: 100%; max-height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; } .cportada5 .switem .switeminfo { position: absolute; z-index: 2; left: 0px; width: 100%; bottom: 0; width: 100%; padding: 16px; text-align: center; border-radius: 4px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 35%, rgba(0,0,0,0.7) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 35%,rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 35%,rgba(0,0,0,0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); text-shadow: 0 -2px 4px rgba(0,0,0,.8) } .cportada5 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 12px; } .cportada5 .switem .switeminfo .switemdesc { margin: 0 0 12px; } .cportada5 .switem .switeminfo .switemdesc:last-child { margin: 0; } .cportada5 .switem .switeminfo .switemdesc p { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .cportada5 .switem .switeminfo .switemadd { color: white; font-size: 100%; padding: 8px 12px; border: 1px solid; display: inline-block; border-radius: 4px; line-height: 140%; } .cportada5 .switem .switeminfo .switemadd span { display: flex; align-items: center; } .cportada5 .switem .switeminfo .switemadd span:after { content: "\f105"; font-family: "Font Awesome 5 Pro"; margin-left: 4px; width: 8px; text-align: center; } @media screen and (min-width: 1024px) { .panel__desc--skin1[data-items="3"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 5; } .panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) { grid-column-start: 5; grid-column-end: 9; } .panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) { grid-column-start: 9; grid-column-end: 13; } .panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3n-1) a { flex-direction: var(--descriptivo-reverse); } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 5; } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) { grid-column-start: 5; grid-column-end: 9; } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) a { flex-direction: var(--descriptivo-reverse); } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(5) { grid-column-start: 9; grid-column-end: 13; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 5; grid-row-start: 1; grid-row-end: 2; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(2) { grid-column-start: 5; grid-column-end: 9; grid-row-start: 1; grid-row-end: 2; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(3) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(4) { grid-column-start: 1; grid-column-end: 5; grid-row-start: 2; grid-row-end: 3; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(5) { grid-column-start: 5; grid-column-end: 9; grid-row-start: 2; grid-row-end: 3; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(6) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(3n-1) a { flex-direction: var(--descriptivo-reverse); } } @media screen and (max-width: 1023px) { /*############ PANEL DESCRIPTIVO */ .panel__desc--skin1[data-items="3"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 7; grid-row-start: 1; grid-row-end: 2; } .panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; } .panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; } .panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) a { flex-direction: var(--descriptivo-reverse); } .panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) a { flex-direction: row; justify-content: space-between; } .panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) a > div { width: calc(50% - var(--descriptivo-margin)); } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) a { flex-direction: row; justify-content: space-between; } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) a > div { width: calc(50% - (var(--descriptivo-margin)/2)); } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 3; grid-row-end: 4; } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) a { flex-direction: var(--descriptivo-reverse); } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(5) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 3; grid-row-end: 4; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 7; grid-row-start: 1; grid-row-end: 2; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(2) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 2; grid-row-end: 3; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(4) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(5) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 3; grid-row-end: 4; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(6) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 3; grid-row-end: 4; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(3n-1) a { flex-direction: column; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(2n) a { flex-direction: var(--descriptivo-reverse); } /*############ CATEGOR�AS */ .categorias--skin1[data-items="5"] .boxCont .swiper-wrapper, .categorias--skin1[data-items="10"] .boxCont .swiper-wrapper, .categorias--skin1[data-items="15"] .boxCont .swiper-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 768px) { .panel__doble--skin1 { padding: var(--section-margin) 0; } .panel__dople--skin1 .boxCont .boxItem { width: calc((1/2 * 100%) - (var(--mosaico-margin) / 2)); } .panel__doble--skin1[data-items="2"] .boxCont .boxItem:nth-child(2) { margin: inherit; } .panel__triple--skin1 { padding: var(--section-margin) 0; } .panel__triple--skin1 .boxCont .boxItem, .panel__triple--skin1[data-items="1"] .boxCont .boxItem, .panel__triple--skin1[data-items="2"] .boxCont .boxItem, .panel__triple--skin1[data-items="3"] .boxCont .boxItem { width: calc((1/2 * 100%) - (var(--mosaico-margin) / 2)); } /*DESCRIPTIVO*/ .panel__desc--skin1 .boxItem .bicTitle { font-size: 20px; } .mosaico--skin1 .boxCont .swiper-wrapper { grid-gap: var(--mosaico-margin); } .mosaico--skin1 .boxCont .boxItem .boxItemCont { padding: 8px 12px; } .mosaico--skin1 .boxCont .boxItem .boxItemCont .bicTitle { font-size: 18px; line-height: 120%; } .mosaico--skin1 .boxCont .boxItem .boxItemCont:after { font-size: 16px; line-height: 100%; } .categorias--skin1 .boxCont .swiper-wrapper { grid-gap: var(--mosaico-margin); } .categorias--skin1 .boxCont .swiper-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); } .categorias--skin1[data-items="2"] .boxCont .swiper-wrapper, .categorias--skin1[data-items="4"] .boxCont .swiper-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); } .categorias--skin1 .boxCont .boxItem .boxItemCont .title3 { font-size: 120%; line-height: 120%; } /*############ PORTADAS CLASSIC */ .cportada1 .switem .switeminfo { left: 0; bottom: 0; width: 100%; border-radius: 0; right: 0; padding: 8px 4px; } .cportada1 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0; } .cportada1 .switem .switeminfo .switemtitle .titulo2 { font-size: 120%; line-height: 140%; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cportada1 .switem .switeminfo .switemdesc { display: none; } .cportada1 .switem .switeminfo .switemdesc p { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 80%; } .cportada1 .switem .switeminfo .switemadd { position: absolute; top: -10px; right: 10px; transform: translateY(-100%); right: 10px; background: rgba(0,0,0,0.6); font-size: 80%; padding: 4px 8px; } .cportada2 .switem .switeminfo { left: 0; bottom: 0; width: 100%; border-radius: 0; right: 0; padding: 8px 4px; } .cportada2 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0; } .cportada2 .switem .switeminfo .switemtitle .titulo2 { font-size: 120%; line-height: 140%; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cportada2 .switem .switeminfo .switemdesc { display: none; } .cportada2 .switem .switeminfo .switemdesc p { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 80%; } .cportada2 .switem .switeminfo .switemadd { position: absolute; top: -10px; right: 10px; transform: translateY(-100%); right: 10px; background: rgba(0,0,0,0.6); font-size: 80%; padding: 4px 8px; } .cportada3 .switem .switeminfo { max-width: 80%; } .cportada3 .switem .switeminfo .switemtitle:not(:last-child) { margin: 0 0 4px; } .cportada3 .switem .switeminfo .switemtitle .titulo2 { font-size: 120%; line-height: 140%; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cportada3 .switem .switeminfo .switemdesc:not(:last-child) { margin: 0 0 8px; } .cportada3 .switem .switeminfo .switemdesc p { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 80%; } .cportada3 .switem .switeminfo .switemadd { padding: 4px 8px } .cportada4 .switem .switemimg { height: 360px; } .cportada4 .switem .switeminfo .switemdesc { display: none; } .cportada5 .switem .switemimg { height: 360px; } .cportada5 .switem .switeminfo .switemdesc { display: none; } } @media screen and (min-width: 641px) { /*DESCRIPTIVO*/ .panel__desc--skin1 .boxCont > div .swiper-wrapper{grid-gap: var(--descriptivo-margin);} .panel__desc--skin1[data-items="1"] .boxCont .boxItem { width: 100%; } .panel__desc--skin1[data-items="1"] .boxCont .boxItem a { flex-direction: row-reverse; align-items: center; justify-content: space-between; } .panel__desc--skin1[data-items="1"] a > div { width: calc(50% - (var(--descriptivo-margin)) / 2) } .panel__desc--skin1[data-items="2"] .boxCont .boxItem:first-child, .panel__desc--skin1[data-items="4"] .boxCont .boxItem:nth-child(2n-1) { grid-column-start: 1; grid-column-end: 7; } .panel__desc--skin1[data-items="2"] .boxCont .boxItem:nth-child(2), .panel__desc--skin1[data-items="4"] .boxCont .boxItem:nth-child(2n) { grid-column-start: 7; grid-column-end: 13; } .panel__desc--skin1[data-items="2"] .boxCont .boxItem:nth-child(2n) a, .panel__desc--skin1[data-items="4"] .boxCont .boxItem:nth-child(2n) a { flex-direction: var(--descriptivo-reverse); } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 7; } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(2) { grid-column-start: 7; grid-column-end: 13; } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(2) a { flex-direction: var(--descriptivo-reverse); } /* FIN DESCRIPTIVO*/ } @media screen and (max-width: 640px) { .panel__doble--skin1 .boxCont .boxItem .bicTitle, .panel__triple--skin1 .boxCont .boxItem .bicTitle { font-size: 16px; line-height: 140%; } .panel__doble--skin1 .boxCont .boxItem, .panel__triple--skin1 .boxCont .boxItem { width: calc((1/1.333 * 100%) - 2px); } .panel__triple--skin1[data-items="2"] .boxCont .boxItem, .panel__doble--skin1[data-items="2"] .boxCont .boxItem { width: calc((1/1.333 * 100%) - 2px); } /*Los 2 son los px que pone la swiper entre elementos (4px)*/ /*DESCRIPTIVO*/ .panel__desc--skin1 .boxCont > div .swiper-wrapper { } .panel__desc--skin1[data-items="3"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; } .panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; } .panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 3; grid-row-end: 4; } .panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) a { flex-direction: column; } .panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) a { flex-direction: column; } .panel__desc--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) a > div { width: 100%; } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(2) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 3; grid-row-end: 4; } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 4; grid-row-end: 5; } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(5) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 5; grid-row-end: 6; } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(2) a { flex-direction: column; } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) a { flex-direction: column } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) a > div { width: 100%; } .panel__desc--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) a { flex-direction: column; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(2) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 3; grid-row-end: 4; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(4) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 4; grid-row-end: 5; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(5) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 5; grid-row-end: 6; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(6) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 6; grid-row-end: 7; } .panel__desc--skin1[data-items="6"] .boxCont .boxItem:nth-child(2n) a { flex-direction: column; } /*FIN DESCRIPTIVO*/ .mosaico--skin1[data-items="3"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; } .mosaico--skin1[data-items="3"] .boxCont .boxItem:nth-child(2) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 2; grid-row-end: 3; } .mosaico--skin1[data-items="3"] .boxCont .boxItem:nth-child(3) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; } .mosaico--skin1[data-items="4"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 7; grid-row-start: 1; grid-row-end: 4; } .mosaico--skin1[data-items="4"] .boxCont .boxItem:nth-child(2) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; } .mosaico--skin1[data-items="4"] .boxCont .boxItem:nth-child(3) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 4; grid-row-end: 6; } .mosaico--skin1[data-items="4"] .boxCont .boxItem:nth-child(4) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 2; grid-row-end: 6; } .mosaico--skin1[data-items="5"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; } .mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(2) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 2; grid-row-end: 5; } .mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(3) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; } .mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(4) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 5; grid-row-end: 7; } .mosaico--skin1[data-items="5"] .boxCont .boxItem:nth-child(5) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 3; grid-row-end: 7; } .mosaico--skin1[data-items="6"] .boxCont .boxItem:first-child { grid-column-start: 1; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; } .mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(2) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 2; grid-row-end: 3; } .mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(3) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 2; grid-row-end: 3; } .mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(4) { grid-column-start: 1; grid-column-end: 13; grid-row-start: 3; grid-row-end: 4; } .mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(5) { grid-column-start: 1; grid-column-end: 7; grid-row-start: 4; grid-row-end: 5; } .mosaico--skin1[data-items="6"] .boxCont .boxItem:nth-child(6) { grid-column-start: 7; grid-column-end: 13; grid-row-start: 4; grid-row-end: 5; } .categorias--skin1 .boxCont .swiper-wrapper { grid-template-columns: repeat(2, 1fr) !important; } .categorias--skin1 .boxCont .boxItem .boxItemCont .title3 { font-size: 100%; line-height: 120%; } } @media screen and (max-width: 460px) { .cportada1 .switem .switeminfo { font-size: 90%; padding: 8px; } .cportada1 .switem .switeminfo .switemtitle .titulo2 { font-size: 100%; } .cportada1 .switem .switemimg { } .cportada1 .swiper-container:hover .swiper-button-next, .cportada1 .swiper-container:hover .swiper-button-prev { display: none; } .cportada2 .switem .switemimg {padding-bottom: 56.26%} .cportada2 .switem .switeminfo { font-size: 90%; padding: 8px; } .cportada2 .switem .switeminfo .switemtitle .titulo2 { font-size: 100%; } .cportada2 .switem .switemimg { } .mosaico--skin1 .boxCont .boxItem .boxItemCont .bicTitle { font-size: 16px; line-height: 120%; } .mosaico--skin1 .boxCont .boxItem .boxItemCont:after { font-size: 14px; line-height: 100%; } .cportada3 .switem .switemimg { height: 400px; } .cportada4 .switem .switemimg { height: 280px; } .cportada5 .switem .switemimg { height: 280px; } } :root { --font-size: 1rem; --line-height: 1.4em; --font-color: #222; --primary: #02a8f2; /* Color precios, t�tulos...*/ --secondary: #f96fad; /*Color botones, link*/ --light: #e7f8ff; --primary-invert: #fff; /*Texto de los botones*/ --secondary-invert: #fff; /*Texto de los botones*/ --radius1: 4px; /*Border-radius de los botones*/ --weight-fa: 300; /*Weight de los iconos*/ --font1: 'Overpass'; /* Fuente 1 */ --font2: 'Mali'; /* Fuente 2 */ --bold1: 700; /* Bold 1 */ --bold2: 700; /* Bold 2 */ --radius-default: 0px; /*Border-radius de las im�genes de los paneles*/ --padding-panelsimple: 20px; /*Distancia alrededor del panel simple. Debemos poner "px". Recomendado cuando hay borde-radius: 16px*/ --mosaico-margin: 8px; /*Espacio entre elementos de los mosaicos y box2 [Se puede cambiar en 768px]*/ --descriptivo-margin: 40px; /*Espacio entre elementos de los paneles descriptivos [Se puede cambiar en 768px]*/ --descriptivo-reverse: column; /*[PC](column/column-reverse) Configura si interesa alternar elementos con imagen y texto revertidos*/ --menu-height: 40px; /*Altura del men� en slide (categs2)*/ --menu-bg: #fff; /*Color de fondo del men� en slide (categs2)*/ --productos-margin: 16px; /*Espacio entre elementos de los productos de portada, resultados, box3, box4 y box6)*/ --section-margin: 60px; /* Margen entre secciones de la portada */ --max-width: 1280px; /* Ancho m�ximo de la tienda */ } /* Titulos */ .title1 { font-family: var(--font2); color: var(--primary); font-weight: 300;} .title2 { font-family: var(--font2); font-weight: 300; } .title3 { font-family: var(--font2);} .panel__simple--skin1 .switem .switeminfo .switemtitle .titulo2, .panel__simple--skin2 .switem .switeminfo .switemtitle .titulo2, .panel__simple--skin3 .switem .switeminfo .switemtitle .titulo2, .panel__simple--skin4 .switem .switeminfo .switemtitle .titulo2, .panel__simple--skin5 .switem .switeminfo .switemtitle .titulo2{ font-family: var(--font1);} /* PORTADA */ #PORT01 > .box4.flash{background: var(--primary); background-image:linear-gradient(rgba(255,255,255,0.90),rgba(255,255,255,0.90)); border:0;} #PORT01 > .slideCupones3.flash{background: var(--primary); background-image:linear-gradient(rgba(255,255,255,0.90),rgba(255,255,255,0.90)); border:0;} .panel--nogap-up{ padding-top:0; } /* Tama�os de las imagenes en los paneles*/ @supports (aspect-ratio: 8 / 3) { .panel__simple--skin2 .switem .switemimg:last-child{padding:0; aspect-ratio: 8 / 3;} } @supports (aspect-ratio: 4 / 3) { .panel__simple--skin2 .switem .switemimg:not(:last-child){padding:0; aspect-ratio: 4 / 3;} .mosaico--skin1 .boxCont .boxItem .boxItemImg img{aspect-ratio: 4 / 3;} .panel__doble--skin1 .boxCont .boxItem > div{padding:0; aspect-ratio: 4 / 3;} } @supports (aspect-ratio: 3 / 4) { .panel__triple--skin1 .boxCont .boxItem > div{padding:0; aspect-ratio: 3 / 4;} } @supports (aspect-ratio: 2 / 1) { .panel__simple--skin1 .switem .switemimg {padding:0; aspect-ratio: 2 / 1;} } .panel__simple--skin5 .switem .switeminfo{ padding:16px; align-items:center; } #PORT01 .panel__simple--skin5 .switem .switeminfocont{ width:100%; position:static; transform:translate(0); } #PORT01 .panel__simple--skin5 .switem .switemimg{ padding:0; height:65vh; min-height:420px; } /*################ ##### 1 0 2 3 #### ################*/ @media screen and (min-width: 1023px) { } @media screen and (max-width: 1023px) { } /*################ ##### 9 6 0 #### ################*/ @media screen and (max-width: 960px) { } /*################ ##### 7 6 8 #### ################*/ @media screen and (min-width: 768px) { .panel__simple--skin5 .switem .switemimg { padding-bottom: calc((1/4) * 100%); } } @media screen and (max-width: 768px) { :root {--mosaico-margin: 8px; /*[M�vil]Espacio entre elementos de los mosaicos y box2*/ --descriptivo-margin: 20px; /*[M�vil]Espacio entre elementos de los paneles descriptivos*/ --section-margin: 40px;/*[M�vil]Espacio entre secciones de portada */ } @supports (aspect-ratio: 4 / 3) { .panel__simple--skin2 .switem .switemimg:last-child{aspect-ratio: 4 / 3;} } @supports (aspect-ratio: 4 / 3) { .panel__simple--skin1 .switem .switemimg{aspect-ratio: 4 / 3;} } } /*################ ##### 6 4 0 #### ################*/ @media screen and (min-width: 640px) { } @media screen and (max-width: 640px) { :root { --productos-margin: 12px; /*[M�vil]Espacio entre elementos de los productos de portada, resultados, box3, box4 y box6)*/ } @supports (aspect-ratio: 16 / 9) { .panel__doble--skin1 .boxCont .boxItem > div{ aspect-ratio: 4 / 3;} } @supports (aspect-ratio: 1 / 1) { .panel__simple--skin1 .switem .switemimg{aspect-ratio: 1 / 1;} } } /*################ ##### 4 8 0 #### ################*/ @media screen and (max-width: 480px) { /*#Res .RCRProdsCont { grid-template-columns: 1fr; }*/ } .panel__simple--skin5{ max-width: 100%; } .panel__simple--skin5 .switem .switeminfocont { background-color: rgba(255,255,255,.9); padding: 20px; max-width: 640px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #333; box-shadow: 0 10px 30px rgba(0,0,0,.5); border-radius: 8px; } .panel__simple--skin5 .switem .switeminfo{ background: none; } #PER01 { max-width: var(--max-width); margin: 40px auto 0 auto; } #PER01 .cajaimportante { background: #02a8f2; color: #fff; text-align: center; padding: 30px; line-height: 180%; } #PER01 .cajaimportante span { display: inline-block; padding: 4px 10px 0 10px; font-size: 26px; line-height: 140%; letter-spacing: .06em; background: #fff; color: #02a8f2; text-align: center; margin: 0 0 20px 0; font-weight: 700; } .dvContatoInfoSub input[type="button"]{ background: var(--primary); } .news1 { background: var(--primary); color: white; } .news1 .newsCont .title2{ font-weight: 700; } footer, .news1 .newsCont .newsMail .newsBtn { background: #222; } .catalogos { } .catalogos ul { padding: 0 !important; margin: 30px 0 0 0; } .catalogos ul li { list-style: none; margin-bottom: 12px } .catalogos ul li:last-child { margin-bottom: 0 } .catalogos ul li a { text-decoration: none; color: #02a8f2; text-decoration: none; font-size: 20px } .catalogos ul li a i { margin-right: 8px } .formBox, #PORT02, .boxMini { background: linear-gradient(to bottom, var(--light), #fff); } .contactBox .socialUl .phone a, .contactBox .socialUl .mail a { color: #fff; } .contactBox .socialUl li{ background: var(--primary); } .categorias--skin1 .boxCont .boxItem a{ border-radius: 10px; border:none; background: var(--primary); color: white; } .PRC02 { background: linear-gradient(to top, var(--light), #fff); } .resCont .resContLeft .RCLFilter, .ficha .fichaCont .fichaContDatos .fichaDesc .fichaDescCont { background: var(--light); } #pBtnFiltrar #btnFiltrar{ background: var(--secondary); } .ficha .fichaCont .fichaContInfo .FCI01 ul .fichaCupones > div .fichaCuponesCont .fichaCuponesRes > div { background: var(--light); border-left: 8px solid var(--primary); } .panel__desc--skin1 { background: var(--primary); color: white; } .panel__simple--skin5 .switem .switeminfo .switemtitle .titulo2{ color: var(--primary); }